,/* ==========================================================================
   Global styles
   ========================================================================== */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
	text-align: center;	
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}  

/*br*/
.pcbr { display:block; }@media (max-width: 768px){.pcbr { display:inline; }}
.spbr {
display:inline;
margin-left: 0rem;
}
@media (max-width: 768px)
{.spbr { display:block; }}



/**/
.toplogo{
width: 1280px;
}
@media (max-width: 768px){
.toplogo{
width: 96%;
margin: 0 auto;
}	
}
.toplogo img{
height: 160px;
width: auto;
}
@media (max-width: 768px){
.toplogo img{
width: 20vw;
height: auto;	
}
}
/**/
.topmenus{
max-width: 616px;
width: 100%;	
margin: 0 auto;
}
@media (max-width: 768px){
.topmenus{
width: 70%;		
}	
}


.topmenus img{
}
@media (max-width: 768px){
.topmenus img{
width:100%;		
}	
}


/**/
.titles{
top: 3rem;	
}

.image_bg02{
	background-image: url(../img/bg/2nd_bg.jpg); 
	background-position: center center; 
	background-size: cover;
}
.image_bg05{
	background-image: url(../img/5nd_bg.jpg); 
	background-position: center center; 
	background-size: cover;
}
.image_bg07{
	background-image: url(../img/7th_bg.jpg); 
	background-position: center center; 
	background-size: cover;
}
.image_bg{
	background-image: url(../img/base_bg.jpg); 
	background-position: center center; 
/*	height: 390px;*/
	height: 420px;
}
@media (max-width: 768px){
.image_bg{
	background-size: cover;
	height: auto;
}	
}
.image_bg_takumi{
	background-image: url(../img/base_bg.jpg); 
	background-position: center center; 
/*	height: 390px;*/
	height: 410px;
}
@media (max-width: 768px){
.image_bg{
	background-size: cover;
	height: auto;
}	
}
/*.image_bg{
	background-image: url(../img/base_bg.jpg); 
	background-position: center center; 
	background-size: cover;
}
*/
.image_bgsp{
	background-image: url(../img/bg/5nd_bg.jpg); 
	background-size: cover;
}


.image_rect{
	background-image: url(../img/bg/recruit_bg.jpg); 
	background-size: cover;
}



.logo{
display: none;
}
@media (max-width: 768px){
.logo{
display: block;	
}	
}

.logo img {
	margin-top: 0;
	width: 10vw;
	max-width: 32px;
}
.menu-wide {
 max-width: 660px;
}

/*kokoro*/

.kokoro_text2{
max-width: 600px
}


.kokoro_copy{
font-size: 2.8rem;
line-height: 4.48rem;
letter-spacing: 0.6rem;
margin:  0 auto;
margin-bottom: 5.6rem;
text-align: center;
font-weight: 500;
}
@media (max-width: 620px){
.kokoro_copy{
font-size: 1.5rem;
line-height: 3.0rem;
letter-spacing: 0.3rem;
margin-bottom: 2.5rem;
}
}
.kokoro_text{
font-size: 1.4rem;
line-height: 2.8rem;
margin:  0 auto;	
letter-spacing: 0.4rem;	
font-weight: 500;
}
@media (max-width: 630px){
.kokoro_text{
width: 94%;	
font-size: 1.3rem;
line-height: 2.6rem;
letter-spacing: 0.1rem;
text-align: justify;	
}
}
/*chisan*/
.chisan{
margin-bottom: 6rem;
}
@media (max-width: 768px){
.chisan{
margin-bottom: 4rem;
}	
}
.chisan2{
margin-bottom: 6rem;
letter-spacing: 0.3rem;
}
@media (max-width: 768px){
.chisan2{
margin-bottom: 1rem;
padding: 0 2rem 2rem;
}	
}

.chisan_takumi{
margin-bottom: 6rem;
}
@media (max-width: 768px){
.chisan_takumi{
margin-bottom: 1rem;
}	
}

/*news*/
.newsbox{
	max-width: 760px;
	width: 100%;
	margin: 0 auto;
}
.newsbox_area{
	color: #fff;
	border-bottom: 1px dotted rgba(255,255,255,0.40);
	padding: 17px 0;
	letter-spacing: 0.1rem;
}
@media (max-width: 768px){
.newsbox_area{
	padding: 1.2rem 1.0rem;
	font-size: 1.3rem;
	letter-spacing: 0rem;
}
}

.post-date::after{
content:'\00a0\00a0\00a0'
}
@media (max-width: 768px){
.post-date::after{
content:'\00a0\00a0'
}
}

.news_indu{
margin: 30px auto 0;
text-align: right;
width: 760px;
letter-spacing: 0.5rem;
font-size: 1.4rem;
}
@media (max-width: 768px){
.news_indu{	
width: 100%;
margin: 1.2rem auto 0;	
}
}

.news_indu a{
color:#FFF;
}

/**/
.master7s{
width: 14.285714286%	
}
/**/
.r2rem{	
}
@media (max-width: 768px){
.r2rem{
margin-left: 2rem;	
}	
}
/**/
.maikomovie{
margin:  0 auto;
max-width: 852px;
width: 100%;		
height: auto;	
}
@media (max-width: 768px){
.maikomovie{
max-width: 100%;
}
}

video {
max-width: 100%;
height: auto;
}

/**/
.pcdis {display:none;}
@media (max-width: 768px){
.pcdis {display:block; }
}
.spdis {display:block; }
@media (max-width: 768px){
.spdis {display:none;}
}

.padding-0{padding: 0;	}
/**/

.img380 img{
width: 380px;
height: auto;	
}
.img520 img{
width: 520px;
height: auto;	
}
.img640 img{
width: 640px;
height: auto;	
}
.img720 img,.v720{
width: 720px;
height: auto;	
}
.img840 img{
width: 840px;
height: auto;	
}
.img960 img {
width: 960px;
height: auto;
margin: 0 auto;	
}

.img1100 img{
max-width: 1100px;
/*width: 1100px;*/
height: auto;
}
.img1280 img{
width: 100%;	
height: auto;	
}
@media (max-width: 500px){
.img380 img{
width: 75%;
height: auto;
margin: 0 auto;
}	
}


@media (max-width: 840px){
.img520 img, .img640 img, .img720 img, .v720, .img840 img, .img960 img,  .img1100 img,  .img1280 img{
width: 100%;	
}	
}

.p000 img{
padding: 0px;
}

#map_canvas{
	 width:580px;
	margin: 0 auto 0.5rem;
	 height:220px;
	border: 1px #000 solid;
}
/*#map_canvas{
	 width:840px;
	margin: 0 auto 2rem;
	 height:420px;
}*/
@media (max-width: 768px){
#map_canvas{
	 width:100%;
	 height:60vw;
}
}

#map_text{
	 width:960px;
	margin: 0 auto;
}
@media (max-width: 768px){
#map_text{
	 width:100%;
}
}
#map_text img{
	 width:100%;
	margin: 40px 0 0 0;
}
@media (max-width: 768px){
#map_text img{
	 width:100%;
	margin: 1rem 0 0 0;
}	
}
/*tsukaikata*/
.tsukaikatata{
margin: 1rem auto; 
}

/*info*/
.map_indu{
margin: 0 auto 10px;
text-align: right;
width: 580px;
letter-spacing: 0.2rem;
font-size: 1.4rem;
}
@media (max-width: 768px){
.map_indu{	
width: 100%;
margin: 0.1rem auto 0.5rem;	
}
}

.map_indu a{
color: #fff;
font-size: 1rem;	
}


/*masters*/
.masters-item {
  position: relative;
  text-align: center;
}

.masters-image {
  position: relative;
  overflow: hidden;
}

.masters-image img {
  width: 100%;
}

.masters-image:after {
  position: absolute;
  background: transparent;
  content: " ";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.masters-detail {
  position: absolute;
  width: 100%;
  opacity: 0;
  bottom: 100%;
  left: 0;
  z-index: 2;
  text-align: center;
  font-size: 2.2rem;
/*  color: #aaa;*/
color: rgba(255, 255, 255, 0.4);	
  padding: 4rem;
}

.masters-detail h5 {
  font-size: 16px;
}

.masters-detail p {
  font-size: 14px;
}

.masters-social a {
  display: inline-block;
  color: #aaa;
  padding: 5px 6px;
}

.masters-social a:hover {
  color: #FFF;
}

.masters-descr {
  margin: 20px 0 0;
}

.masters-name {
  font-size: 14px;
  color: #111;
}

.masters-role {
  font-size: 11px;
  color: #fff;
}

.masters-item:hover .masters-image:after {
  background: rgba(0, 0, 0, 0.7);
}

.masters-item:hover .masters-detail {
  opacity: 1;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.cr_text{
	font-size: 1.2rem;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, "serif";
	margin-top: 3rem;
}

.bg_white{
background: #fff;
}

.bg_black{
background: #000;
}


.menu_icon img{
width: 96px;/*width: 120px;*/
height: auto;	
}
@media (max-width: 768px){
.menu_icon img{
width: 19vw;
height: auto;
right: 0px;
margin-top: -1rem;
}
}
/*infot01*/
.infot01, .infot02, .infot03{
color: #fff;	
width: 580px;
margin: 2.5rem auto;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
font-size: 1.2rem;	
}
.infot02{
width: 520px;
font-weight: 200;
}
.infot03{
width: 680px;
font-weight: 200;
background-color: rgba(22, 0, 1, 0.25);
}


@media only screen and (max-width:520px){
.infot01, .infot02, .infot03{
width: 100%;
}
}


.infot01 th{
width: 290px;
font-weight: 400;
/*letter-spacing: 0.1rem;	*/
}
@media only screen and (max-width:520px){
.infot01 th{
	width: 100%;
	display: block;
	border-top: none;
	margin: 0.7rem 0 0rem 0;
}
}

.infot01 th{
padding: 0.5rem 0;
}

.infot01 td{
letter-spacing: 0.1rem;	
}
@media only screen and (max-width:520px){
.infot01 td{
/*	font-size: 1.6rem;*/
	width: 100%;
	display: block;
	border-top: none;
	border-bottom: solid #bbb 1px;
	padding: 0rem 0 0.9rem 0;
}
/*.infot01 tr:first-child th	{
	border-top: 1px solid #111;
}*/
}

.infot01 h3{
font-size: 1.3rem;
margin-top: 1rem;
font-weight: 300;
line-height: 2.4rem;	
}
@media (max-width: 768px){
.infot01 h3{
font-size: 1.0rem;
line-height: 1.7rem;	
}
}


.infot02  img{
}
@media (max-width: 768px){
.infot02  img{
margin-top: 1.3rem;	
width: 30%;
height: auto;	
}	
}


/**/
.infot03 th{
width: 120px;
font-weight: 200;
letter-spacing: 0.1rem;
padding: 2rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);	
line-height: 1.8rem;	
}
@media only screen and (max-width:520px){
.infot03 th{
	width: 100%;
	display: block;
	border-top: none;
	margin: 0.7rem 0 0rem 0;
border-bottom: 0px solid rgba(255, 255, 255, 0);		
	
}
}


.infot03 th{
padding: 2rem;
}
@media (max-width: 768px){
.infot03 th{	
padding: 1rem;
}
}


.infot03 td{
letter-spacing: 0.1rem;
padding: 2rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);	
}
@media only screen and (max-width:520px){
.infot03 td{
/*	font-size: 1.6rem;*/
	width: 100%;
	display: block;
	border-top: none;
	border-bottom: solid #bbb 1px;
	padding: 0rem 0rem 0.5rem 0.9rem;
}
}

.infot03 h3{
font-size: 1.3rem;
margin-top: 1rem;
font-weight: 100;
line-height: 2.4rem;	
}
@media (max-width: 768px){
.infot03 h3{
font-size: 1.0rem;
line-height: 1.7rem;	
}
}




.recruit_t{
vertical-align:bottom;
font-size: 2rem;
font-weight: 100;
}
/**/


.vframe {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.vframe-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/**/


.recruit_t2{
vertical-align:bottom;
font-size: 2rem;
font-weight: 200;
margin: 2rem;
padding-top: 2rem;    
}


label {
font-size: 1.2rem;    
display: inline-block;
max-width: 100%;
margin: 1rem 2rem 0.25rem 2rem;
font-weight: 200;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);    
}


label span{
font-size: 1.6rem;    
color: #333
}


.pad-xlrec {
	padding: 400px 0px;
}
@media (max-width: 768px){
.pad-xlrec{
	padding: 50vh 0px;
}
}



.form-control {
    background-color: rgba(255, 255, 255, 0);
    background-image: none;
    border: 0px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 60px;
    line-height: 1.5;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 1rem;
}

.btn {
  text-transform: uppercase;
  border-radius: 4px;
  border: none;background-color: #702424;color: #fff;margin: 2rem;/* text-align: right; */
}
@media (max-width: 768px){
.btn {
padding: 1rem;
}
}

.col{
text-align: right;
}