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


#header .navi li:nth-child(5) .hrunderline:before{
  left: 0;
  right: 0;
}

#header .navi li:nth-child(5) a{
font-weight:700;
color:#000;
}


.back_cc{
background-color:#f8f8f8;
}
#mainimage{
background-image:url(img/mainimage.jpg);
margin-bottom: 0;
}

.training h2{
font-size:2.8rem;
padding-bottom:4rem;
}
#messe{
padding:16rem 0 0 0;
position:relative;
z-index:2;
}
#messe .leftbox,#messe .rightbox{
background-repeat:no-repeat;
background-size:auto 100%;
margin-bottom:8rem;
position:relative;
height:35rem;
}
#messe .leftbox{
background-image:url(img/messe_img1.jpg);
background-position:0 50%;
}
#messe .rightbox{
background-image:url(img/messe_img2.jpg);
background-position:100% 50%;
}
#messe .leftbox .txtbox{
right:0;
}
#messe .rightbox .txtbox{
left:0;
}
#messe .txtbox{
background-color:#f39800;
color:#fff;
padding:4rem 7rem 4rem 6rem;
position:absolute;
top:5rem;
width:70rem;
}
#messe .txtbox h3{
font-size:2.6rem;
padding-bottom:3rem;
font-family: 'M PLUS 1p', sans-serif;
}
#messe .txtbox p{
text-align:justify;
font-weight:500;
}


#kyoiku{
padding-top:5rem;
}
#kyoiku h2{
text-align:center;
}
#kyoiku .txt{
padding:0 6rem 7rem 6rem;
text-align:justify;
}
#kyoiku .step{
background-color:#dcdcdc;
padding:7rem 0;
}
#kyoiku ul{
text-align:center;
padding-bottom:4rem;
}
#kyoiku li{
display:inline-block;
vertical-align:top;
}
#kyoiku li:nth-child(2){
padding:0 5rem;
}
#kyoiku li .year{
font-size:2rem;
font-weight:700;
}
#kyoiku li .maru{
width:5rem;
height:5rem;
margin:1.8rem auto;
border-style:solid;
border-width:1rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
#kyoiku li .box{
border-style:solid;
border-width:0.3rem;
background-color:#fff;
padding:3rem 0;
width:27rem;
}
#kyoiku li .box h3{
font-size:2rem;
padding-bottom:1.5rem;
}
#kyoiku li .box p{
font-size:1.8rem;
padding-bottom:3rem;
}
#kyoiku .step .container{
text-align:center;
}
#kyoiku .label{
color:#fff;
background-color:#434343;
text-align:center;
font-size:2.1rem;
line-height:1.3;
font-weight:700;
padding:2rem 2.7rem;
display:inline-block;
margin:0 auto;
font-family: 'M PLUS 1p', sans-serif;
}
#kyoiku li:first-child .maru,#kyoiku li:first-child .box{
border-color:#f79900;
}
#kyoiku li:nth-child(2) .maru,#kyoiku li:nth-child(2) .box{
border-color:#545454;
}
#kyoiku li:last-child .maru,#kyoiku li:last-child .box{
border-color:#75dce6;
}

#career{
padding:5rem 0;
}
#career h2{
text-align:center;}
#career .left,#career .right{
width:50%;
text-align:center;
padding:6rem 3rem;
position:relative;
}
#career .left{
background-color:#d8e3e0;
}
#career .right{
background-color:#eae5e4;
}
#career .title{
color:#fff;
}
#career .title h3{
font-size:2rem;
padding:1rem 0;
}
#career .title p{
text-align:justify;
}
#career .left .title h3{ background-color:#7c8582;}
#career .left .title p{
 background-color:#9ba8a4;
padding:1rem 3rem;
line-height:1.3;
}
#career .right .title h3{ background-color:#857e7c;}
#career .right .title p{ 
background-color:#aaa19f;
padding:1.6rem 3rem;
}
#career .list{
background-color:#fff;
border:1px solid #d2d2d2;
width: 35rem;
padding:2rem 1rem 1rem 1rem;
}
#career .list h4{
font-size:1.8rem;
padding-bottom:2rem;
}
#career .box{
border-style:solid;
border-width:1px;
}
#career .box h5{
color:#fff;
line-height:1;
padding:0.5rem;
}
#career .box p{
text-align:justify;
line-height:1.6;
}
#career .left .box{border-color:#c4cc32;}
#career .left .box h5{background-color:#c4cc32;}
#career .left .box p{ padding:0.42rem 1.5rem;}
#career .right .box{border-color:#66becd;}
#career .right .box h5{background-color:#66becd;}
#career .right .box p{ padding:2rem 1.5rem;}
#career .list_cen .box{border-color:#adc1bd;}
#career .list_cen .box h5{background-color:#adc1bd;}
#career .list_cen .box p{ padding:2.71rem 1.5rem;}
#career .box.mb10{
margin-bottom:1.4rem;
}
#career .right .list{
float:right;
}
#career .list_cen{
position:absolute;
bottom:6rem;
right:-17.6rem;
z-index:3;
}
#career .arrow1{
text-align:center;
color:#d00f0f;
font-size:2rem;
padding:0.8rem 0;
}
#career .arrow2{
text-align:center;
color:#d00f0f;
font-size:1rem;
line-height:1;
padding-bottom:0.2rem;
margin-top:-0.1rem;
}

#hukuri{
padding-top:7rem;
}
#hukuri h2{
text-align:center;
}
#hukuri ul{
letter-spacing:-.4rem;
text-align:center;
}
#hukuri li{
display:inline-block;
letter-spacing:normal;
position:relative;
overflow:hidden;
color:#fff;
width: 36.6rem;
margin-right: 3rem;
margin-bottom:3rem;
}
#hukuri li:nth-child(3n){
margin-right:0;
}
#hukuri li .read{
background-color:#313131;
font-size:1.8rem;
padding:1rem 0;
font-weight:700;
}
#hukuri li .title{
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0.3;
}
#hukuri li:hover .title,#hukuri li:active .title,#hukuri li:focus .title {
  bottom: 0;
  left: 0;
  opacity: 1;
}

#hukuri li h3{
background-color:#626262;
font-size:1.8rem;
padding:1rem 0; 
}
#hukuri li .txt{
text-align:justify;
padding:28% 3rem 0 3rem;
}

@media only screen and (max-width: 1400px) {
#messe .leftbox,#messe .rightbox{
background-size:50% auto;
}
}

@media only screen and (max-width: 767px) {

#drawer .spnavi li:nth-child(5) a{
color:#00a0b0;
}

#mainimage{
background-image:url(img/mainimage.jpg);
margin-bottom: 7rem;
}

#p_spnavi{
background-color:#d2d2d2;
text-align:left;
padding:0 0 0 0;
}
#p_spnavi a{
display:block;
padding:1rem 2rem;
}
#p_spnavi li{
border-top:1px solid #fff;
font-weight:700;
}
#p_spnavi li a p{
display:inline-block;
background-color:#434343;
color:#fff;
padding:0 0.8rem;
margin-right:0.8rem;
}

#messe{
padding:6rem 0 0 0;
}
.training h2{
font-size:2.5rem;
padding-bottom:3rem;
}
#messe .leftbox,#messe .rightbox{
background-image:none;
margin-bottom:0;
position:relative;
height:auto;
}
#messe .leftbox .container,#messe .rightbox .container{
padding:0;
}
#messe .leftbox .txtbox{
right:auto;
}
#messe .rightbox .txtbox{
left:auto;
}
#messe .txtbox{
padding:4rem 2rem;
position:relative;
top:auto;
width:100%;
}
#messe .txtbox h3{
font-size:1.9rem;
padding-bottom:3rem;
}


#kyoiku{
padding-top:6rem;
}
#kyoiku .txt{
padding:0 0 5rem 0;
}
#kyoiku .step{
padding:6rem 0;
}
#kyoiku ul{
text-align:center;
padding-bottom:4rem;
}
#kyoiku li{
display:inline-block;
vertical-align:top;
width:85%;
margin:0 auto;
}
#kyoiku li:nth-child(2){
padding:4rem 0;
}
#kyoiku li .year{
padding-bottom:1rem;
}
#kyoiku li .maru{
display:none;
}
#kyoiku li .box{
padding:3rem 0;
width:100%;
}
#kyoiku li .box h3{
font-size:2rem;
padding-bottom:1.5rem;
}
#kyoiku li .box p{
padding-bottom:0;
}
#kyoiku .step .container{
text-align:center;
}
#kyoiku .label{
text-align:justify;
font-size:1.8rem;
line-height:1.5;
font-weight:700;
padding:2rem 1rem;
}

#career{
padding:7rem 0 0 0;
}
#career .container{
padding:0;
}
#career h2{
text-align:center;}
#career .left,#career .right{
width:100%;
float:none;
padding:4rem 2rem;
}
#career .title{
color:#fff;
}
#career .title h3{
font-size:2rem;
padding:1rem 0;
}
#career .title p{
text-align:justify;
}
#career .left .title p,#career .right .title p{ 
padding:1rem 2rem;
line-height:1.5;
}
#career .list{
width: 100%;
}
#career .list h4{
font-size:1.8rem;
padding-bottom:2rem;
}
#career .box{
border-style:solid;
border-width:1px;
}
#career .box h5{
color:#fff;
line-height:1;
padding:0.5rem;
}
#career .box p{
text-align:justify;
line-height:1.6;
}
#career .left .box p,#career .list_cen .box p,#career .right .box p{ padding:1.5rem;}
#career .box.mb10{
margin-bottom:1.4rem;
}
#career .right .list{
float:right;
}
#career .list_cen{
position:relative;
bottom:auto;
right:auto;
margin-top:2rem;
}
#career .arrow1{
text-align:center;
color:#d00f0f;
font-size:2rem;
padding:0.8rem 0;
}
#career .arrow2{
text-align:center;
color:#d00f0f;
font-size:1rem;
line-height:1;
padding-bottom:0.2rem;
margin-top:-0.1rem;
}

#hukuri{
padding-top:7rem;
}
#hukuri h2{
text-align:center;
}
#hukuri ul{
letter-spacing:-.4rem;
text-align:center;
}
#hukuri li{
color:#333;
width:47.5%;
margin-right:4%;
margin-bottom:3rem;
vertical-align:top;
}
#hukuri li:nth-child(3n){
margin-right:4%;
}
#hukuri li:nth-child(2n){
margin-right:0;
}
#hukuri li .read{
display:none;
}
#hukuri li .title{
  position:relative;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background:#fff;
  opacity: 1;
}
#hukuri li:hover .title,#hukuri li:active .title,#hukuri li:focus .title {
  bottom: auto;
  left: auto;
  opacity: 1;
}

#hukuri li h3{
background-color:#fff;
font-size:1.7rem;
line-height:1.2;
padding:1rem 0; 
text-align:justify;
}
#hukuri li .txt{
text-align:justify;
font-size:1.4rem;
line-height:1.5;
padding:0 0 0 0;
}




}