@charset "utf-8";
body{
  background:#FFF;
  padding-bottom:20px;
}

img{
  max-width:100%;
}

article{
  max-width:390px;
  margin:auto;
}

.whiteback{
  background:#FFF;
}

a:hover img{
  opacity:0.8;
}

.content{
}

.youtubebox{
  max-width:390px;
  margin:auto;
  padding: 15px;
  background: #ffffef;
}

.contact{
  max-width:390px;
  margin:auto;
  padding:10px 30px;
  background: #f0f0f0;
  text-align: center;
}

.contact img{
  margin:20px 0;
}

.contact .col-6 {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
/* ---------------------------------------------------
btnpagetop
--------------------------------------------------- */
#btnpagetop {
	position: fixed;
	right: 30px;
	top: 100%;
	width: 90px;
	z-index: 999;
}

@media screen and (max-width: 768px) {
	#btnpagetop {
		right: 20px;
		width: 40px;
	}
  .content{
    min-height:initial;
    min-height:auto;
  }
}

.present{
  position:relative;
}

.present a{
  position:absolute;
  left:0;
  bottom:0px;
}