@charset "UTF-8";

body, html {
  height: 100%;
  margin: 0;
　font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.luxbar-menu-material-cyan{
	background: #2193b0;  /* fallback for old browsers */
background: -webkit-linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);
}
.hero-image {
  background:url("../img/hero-img.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text {
	position: absolute;
	top: 50%;
    color: white;
	font-size: 5rem;
	
}


.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

@media screen and (min-width: 768px){
.luxbar-menu-center ul  {
    flex-flow: row;
    justify-content: center;
}
	
}
@media screen and (max-width: 768px){
.hero-image h1{
	font-size: 2rem;
}
	
}

.box1{
    padding: 0.5em 1em;
    background: -moz-linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);
    background: -webkit-linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);
    background:linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);
    color: #FFF;
}
.box2{
    padding: 0.5em 1em;
    background: -moz-linear-gradient(#00EDFF, #42f4bc);
    background: -webkit-linear-gradient(#00EDFF, #42f4bc);
    background: linear-gradient(to right, #00EDFF, #42f4bc);
    color: #FFF;
}

#item1_a {
  background-image: url("../img/img002.jpg");
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	background-attachment: fixed;
}

#item1_a .box1{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);
}

#item2{
	background: linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);
}

#item2 h2, #item2 p{
	color: white;
}

@media screen and (max-width: 768px) and (min-width: 480px) {
.twitter-timeline-rendered{
width: 490px !important;
}
}

@media screen and (max-width: 480px) {
.twitter-timeline-rendered {
width: 450px !important;
margin:0 auto;
}
}

.timeline-Widget {
max-width: 300px!important;
width:200px !important; }

.reverse{
    flex-direction: column-reverse;}