﻿

/****************************************
トップページ
*****************************************/

#mainimg{position: relative;padding-top: 30px;width: 100%;}
#mainimg h2{font-size: 4.4rem;letter-spacing: 0.1em; position: absolute;left: 6%;top:8%;text-align: left;line-height: 1.6em;color: #00986B;z-index: 2}
.vinner{width: 100%;overflow: hidden;position: relative;background: #fff}
.vinner img{width: 100%;height: auto}
.video {
width: 100%;
height: 100%;
}
.balloon{ position: absolute; top: 64px; right: 5%; height: 80%;}
.balloon img{width: auto; height: 100%!important;}
.bnr{ margin: 60px auto;}

@media screen and (max-width: 1024px) {/*【タブレット縦以上】*/
#mainimg{padding-top: 30px;margin-top: 20px}
}
@media screen and (max-width: 896px) {
#mainimg h2{font-size: 1.9rem;left: 4%;top:8%;letter-spacing: 0.05em;}
}
@media screen and (max-width: 480px){/*スマホ対応*/
#mainimg{padding-top: 30px;margin-top: 20px}
#mainimg h2{font-size: 1.9rem;left: 4%;top:8%;letter-spacing: 0.05em;}
video {
  width: auto!important;
  height: 380px!important;margin-left: -28%
}
.vinner img{width: auto;height: auto;object-fit: cover}
}

.title .engBold{opacity:0;}
.title .engBold span{opacity:0;}




#inner-news{padding: 100px 0 0}
#inner-news h2{font-size: 4rem;letter-spacing: 0.2em;text-indent: 0.2em;margin-bottom: 50px;}
#inner-news dl{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: flex-start;-webkit-justify-content: flex-start;text-align: left;border-bottom: 1px solid #000;padding-bottom: 8px;margin-bottom: 8px;}
#inner-news dl dt{width: 12%}
#inner-news dl dd{width: 88%}
@media screen and (max-width:767px){/*スマホ対応*/
#inner-news{padding: 50px 0 30px}
#inner-news h2{font-size: 2.5rem;margin-bottom: 30px}
#inner-news dl{width: 90%;margin: auto}
#inner-news dl dt{width: 100%}
#inner-news dl dd{width: 100%}
}

@media screen and (max-width:767px){/*スマホ対応*/
.bnr{ margin: 0 5% 30px;}
}

#inner-recruit{background: url("../image/recruit_bg.jpg") no-repeat; background-size: cover;padding: 150px 0;overflow: hidden}
#inner-recruit .title{width: 50%;margin-right: auto;text-align: left}
#inner-recruit .title .engBold{text-indent: 0em;letter-spacing: 0em;color: #CBCBCB;left: -25px;top:-45px;}
#inner-recruit .bt{margin:80px 0 0;text-align: center;}
@media screen and (max-width:767px){/*スマホ対応*/
#inner-recruit{padding: 50px 0;background-position: 46% center}
#inner-recruit .title{width: 90%;margin: auto}
#inner-recruit .title .engBold{left: -10px;top:-20px;}
#inner-recruit .bt{margin:60px auto 0;width:70%;}
}


