*{
color: #777777;
}
body{
padding-bottom: 139px;
}


footer{
text-align: center;
color: #a7a7a7;
padding: 60px 0 60px;
}
.m-center{
margin: 0 auto;
}
.m70{
margin-bottom: 70px;
}
.m10{
margin-bottom: 10px;
}
.m20{
margin-bottom: 20px;
}
.m30{
margin-bottom: 30px;
}
.m50{
margin-bottom: 50px;
}
.main{
background-size:cover;
background: url("../img/common/main_bg.jpg") ;
width: 100%;
margin: 0 auto 70px;
}
.vam{
vertical-align: bottom;
}


.logo{
/*padding-bottom: 30%;*/
padding: 20% 0;
}

.h2_orange{
color: #F4AB37;
text-align: center;
}
.b_orange{
border-bottom: 1px solid #F4AB37;
}


.jumbotron { 
background:url("../img/common/main_bg.jpg") center no-repeat; background-size: cover;
/*padding: 200px 0 0;*/
margin-bottom: 40px;
}


.pt30{
padding-top: 30px;
}
.pt50{
padding-top: 50px;
}

.f-left{
float: left;
}
.f-right{
float: right;
}
.t-right{
text-align: right;
}
.t-center{
text-align: center;
}

.line-2em{
line-height: 2em;
}

.t_bold{
font-size: 120%;
font-weight: bold;
}










.main_img_logo{
max-width:604px;
margin:-450px auto 330px;
z-index:60;
position:relative;
}
@media screen and (max-width:767px) {
.main_img_logo{
max-width:300px;
margin:-190px auto 120px;
z-index:60;
position:relative;
}
}

/*zoom*/
.main_imgBox {
height: 700px;
overflow: hidden;
position: relative;
margin-bottom: 30px;
}

.main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 900px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite;
}

 .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

@keyframes anime {
  0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        transform: scale(1.2) ;
         z-index:9;
    }
    100% { opacity: 0 }
}

@media screen and (max-width:767px) {
.main_imgBox {
height: 250px;
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 250px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite;
}
}


/*zoom*/

















/*追加要素*/
.t_type1{
font-size: 180%;
font-weight: 300;
text-align: center;
}
.t_type1 span{
color: #f4ab37;
}
@media screen and (max-width:767px) {
.t_type1{
font-size: 120%;
font-weight: 300;
text-align: center;
}
}

.t_type2{
font-size: 180%;
font-weight: 300;
text-align: center;
}
.t_type2 span{
color: #f4ab37;
}
@media screen and (max-width:767px) {
.t_type2{
font-size: 120%;
font-weight: 300;
text-align: center;
}
}
.t_type3{
text-align: center;
line-height: 2;
}
@media screen and (max-width:767px) {
.t_type3{
text-align: left;
}
}
.br_none{
display: block;
}
@media screen and (max-width:767px) {
.br_none{
display: none;
}
}

.t_type4 h3::before {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 2px;
  background: #f4ab37;
  content: '';
}
/*追加要素*/






.menu .nav a{
margin: 0 auto;
color: #777;
background: none;
text-align: center;
}
.menu .nav a:hover{
margin: 0 auto;
color: #ccc;
background: none;
}
.menu ul{
padding-bottom: 20px;
margin: 0 auto;
text-align: center;
/*width: 1190px;*/
    display: flex;
    justify-content: center;
}
.menu li{
/*width: 170px;*/
float: left;
}

#gnav a{
padding: 0 25px;
}




.title_h2{
border-bottom: 1px solid #F4AB37;
text-align: center;
font-size: 80%;
padding: 0 30px 10px;
color: #F4AB37;
}
@media screen and (max-width:768px){
.title_h2{
border-bottom: 1px solid #F4AB37;
text-align: center;
font-size: 60%;
padding: 0 10px 10px;
color: #F4AB37;
}
}



.recruit .col-xs-12{
padding-left: 0;
}
.recruit .col-md-3{
padding-left: 0;
width: -10px;
}
.recruit .col-md-9{
padding-left: 0;
}
.recruit2 .col-xs-12{
padding-left: 0;
}
.recruit2 .col-md-3{
padding-left: 0;
}
.recruit2 .col-md-9{
padding-left: 0;
}
.recruit dl{
margin-bottom: 20px;
}
.recruit dt{
font-weight: normal;
border-bottom: solid 1px #F4AB37;
float: left;
margin-bottom: 15px;
font-size: 120%;
padding-bottom: 5px;
}
.recruit dd{
float: left;
font-size: 120%;
margin-bottom: 15px;
}
.recruit p{
border-bottom: solid 1px #cccccc;
margin-left: 15px;
padding-bottom: 5px;
}
.recruit span{
color: red;
font-size: 80%;
}

.director_title2{
border-bottom: solid 1px #F4AB37;
padding:0 0 5px 30px;
font-size: 120%;
color: #F4AB37;
}
.director_right_m{
padding-left: 30px;
}
.director_right_area{
border-left: solid 1px #F4AB37;
}

.director_text_area{
padding: 20px;
background: #F4AB37;
}
.director_text_area p{
color: #ffffff;
}

.environment_bg{
	background: url("../img/environment/bg.jpg") no-repeat right bottom;
}
.environment_h3{
padding: 0 0 10px 20px;
border-bottom: solid 1px #F4AB37;
}

.environment_clear .col-md-6{
padding: 0;
vertical-align: middle;
}
.environment_text{
border-left: 1px solid #F4AB37;
padding:30px 0 0 30px;
margin-left: 30px;
}

@media screen and (max-width:767px) { 
.environment_t{
margin-top: 30px;
}
#week th{
border-width: 0 1px 0 0;
}
#week td{
border-width: 0 1px 0 0;
text-align: center;
font-size: 80%;
color: #a7a7a7;
}
#week2 th{
border-width: 1px 1px 0 0;
font-size: 80%;
vertical-align: middle;
color: #a7a7a7
}
#week2 td{
border-width: 1px 1px 0 0;
text-align: center;
color: #f4ab38;
font-size: 170%;
}

#week2 .none{
border-width: 1px 1px 0 0;
text-align: center;
color: #a7a7a7;
font-size: 170%;
}
}

@media screen and (min-width:768px){
.environment_t{
margin-top: 100px;
}
#week th{
border-width: 0 1px 0 0;
}
#week td{
border-width: 0 1px 0 0;
text-align: center;
font-size: 140%;
color: #a7a7a7;
}
#week2 th{
border-width: 1px 1px 0 0;
font-size: 140%;
vertical-align: middle;
color: #a7a7a7
}
#week2 td{
border-width: 1px 1px 0 0;
text-align: center;
color: #f4ab38;
font-size: 240%;
}

#week2 .none{
border-width: 1px 1px 0 0;
text-align: center;
color: #a7a7a7;
font-size: 240%;
}
}

.appliance1_h3{
padding: 0 0 10px 20px;
}
.appliance2_h3{
padding: 0 0 10px 20px;
border-bottom: solid 1px #F4AB37;
font-size: 60%;
}

footer{
font-size: 60%;
}

.bg_orange{
background: #F4AB38;
}



.input100 input{
width: 100%;
}




.p15_c_l{
padding-left: 15px;
}
.p15_c_r{
padding-right: 15px;
}

@media screen and (min-width:768px){
.p15_c_r{
padding-right: 0;
}
}
@media screen and (min-width:768px){
.p15_c_l{
padding-left: 0;
}
}


.t_left{
text-align: left;
}



.next_btn_style1{
margin: 0 auto;
}
@media screen and (min-width:768px){
.next_btn_style1{
margin: 0;
}
}



.l_f_r{
float: right;
}
.l_f_l{
float: left;
}

@media screen and (min-width:768px){
.l_f_r{
float: left;
}
}
@media screen and (min-width:768px){
.l_f_l{
float: right;
}
}

.btn_link{
background-image: linear-gradient(-45deg, #ccc 10px, transparent 0);
display: block;
text-align: center;
width: 100%;
padding:15px;
font-size: 140%;
border: 1px solid #ccc;
color: #898989;
}
.btn_link:hover{
text-decoration: none;
}



.sm_none{
display: none;
}


@media screen and (max-width:768px){
.sm_none{
display: block;
}
.mb_none{
display: none;
}
}





.hotetsu_title_main{
width:100%;
background:#F4AB37;
color:#ffffff;
padding:10px 15px;
font-size:160%;
}

.hotetsu_title{
font-size: 140%;
font-weight: bold;
padding-left: 15px;
}
.hotetsu_title:before{
background: #F4AB37;
content:"";
height: 20px;
width: 2px;
left: 15px;
position: absolute;
top: 3px;
}

.hotetsu_sozai{
border:solid 1px #ccc;
border-width:1px 0 1px 0;
padding:10px 0 10px;
}

.hotetsu_sozai2{
border:solid 1px #ccc;
border-width:0 1px 0 0;
text-align:center;
}


.hotetsu_list_title:before{
background: #F4AB37;
content:"";
height: 10px;
width: 10px;
left: 0;
position: absolute;
top: 5px;
}

.hotetsu_list ul{
list-style-type: none;
padding: 0;
}
.hotetsu_list li{
padding:5px 5px 5px 10px;
background:#F4AB37;
color:#fff;
border-radius:5px;
margin-bottom: 10px;
}






.implant_title{
color: #F4AB37;
font-weight: bold;
font-size: 120%;
padding-left: 15px;
margin-bottom: 20px;
}
.implant_title span{
font-weight: normal;
font-size: 80%;
padding-left: 10px;
}
.implant_title:before{
background: #F4AB37;
content:"";
height: 20px;
width: 4px;
left: 15px;
position: absolute;
top: 1px;
}

.implant_title2{
background: #F4AB37;
text-align: center;
padding: 10px;
font-weight: bold;
color: #ffffff;
margin-bottom: 0;
}
.implant_sub{
background: #fff1e1;
padding: 15px;
}
.implant_price{
text-align: center;
font-size: 240%;
font-weight: bold;
color: #F4AB37;
}

.implant_price span{
text-align: center;
font-size: 60%;
}

.implant_price_sub{
text-align: center;
font-size: 120%;
font-weight: bold;
}

.implant_border{
border: 1px solid #F4AB37;
}

.implant_border2{
border: 1px solid #F4AB37;
padding: 30px 30px 10px 30px;
}
.implant_border2 .implant_text{
text-align: center;
font-size: 240%;
font-weight: bold;
color: #F4AB37;
}
.implant_border2 .implant_text span{
font-size: 60%;
padding: 0 5px;
}