@charset "utf-8";

body {
	overflow:scroll;
}
p {
	padding:0;
    margin:0;
}
.lh0 {
	line-height:0;
  margin-bottom: 80px;
}
.mt20 {
	margin-top:20px;
}
.text-margin {
    margin-bottom:20px;
}
.text-center {
    text-align:center;
}
h1 {
    padding: 0;
    margin-bottom: 80px;
}

.movie{
	margin:0 auto 85px;
	width:656px;
}
.movie p{
	font-size:30px;
	color:#549ca1;
	line-height:1.2;
	margin-bottom:10px;
	text-align:center;
}
h2 {
    width:656px;
    text-align:center;
    border-bottom:1px solid #549ca1;
    padding-bottom:20px;
    margin-bottom:50px;
    font-size:30px;
    font-weight:normal;
    color:#549ca1;
}
.content {
    background:#fff;
	width:940px;
}
.box-basic {
    color:#000000;
    width:656px;
    margin:0 auto 80px;
}
.box-basic p {
    font-size:20px;
}
.catch {
    display:block;
    text-align:center;
}
.outline-jonas {
    margin-bottom:60px;
}
.outline-jonas dl {
    letter-spacing:-0.5em;
    margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #fff;
}
.outline-jonas dt,
.outline-jonas dd {
    letter-spacing:0;
    display:inline-block;
    width:50%;
    vertical-align:top;
    font-size:19px;
    margin-bottom:10px;
}
.outline-jonas dt {
    text-align:right;
}
.outline-jonas dd {
    text-align:left;
}
.box-news-detail {
    text-align:center;
}
.about-jonas {
    background:#cce1e3;
    width:800px;
    margin:0 auto 0;
    padding:70px 50px;
	box-sizing:border-box;
}
.about-jonas-name {
    font-size:33px;
    text-align:center;
    margin-bottom:20px;
}
.about-jonas-detail {
    font-size:20px;
    margin-bottom:70px;
    word-break:break-all;
    text-align:justify;
}
.cd-detail {
    width:100%;
}
.pic01{
	margin:0 auto;
	display:block;
  width: 450px;
}
.txt01 {
	width:450px;
    font-size:20px;
    line-height:1.6;
    margin:15px auto 30px;
}
.box-button {
    width:100%;
    margin-bottom:10px;
}
a.button {
	width:510px;
    display:block;
    padding:15px;
    border-radius:5px;
    color:#fff;
    font-size:25px;
    text-align:center;
	margin:0 auto;
	background:#559ba3;
	box-sizing:border-box;
}
a.button:hover {
    opacity:.6;
}
.box-sns {
    width:510px;
	margin:20px auto 0;
}
.box-sns p {
    text-align:center;
    margin-bottom:30px;
    line-height:0;
}
.box-sns p:first-child {
	float:left;
}
.box-sns p:last-child {
	float:right;
}
.box-sns p a:hover {
    opacity:.6;
}
.box-sns + p {
    text-align:center;
	font-size:30px;
}
.movie-jonas dl {
    width:560px;
    margin:0 auto;
}
.movie-jonas dt {
    padding-bottom:10px;
}
.movie-jonas dd {
    text-align:center;
    margin-bottom:60px;
}
.btn-check {
    text-align:center;
    padding:60px 0;
}
a.btn-check:hover {
    opacity:.6;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#movie {
	padding: 150px 0 0;
	width: 700px;
	margin: 0 auto;
}
#movie .title {
	width: 100%;
	text-align: center;
	font-size: 45px;
	border-bottom: 1px solid #549ca1;
	margin-bottom: 40px;
  color: #549ca1;
}
#movie dl {
	width: 500px;
	margin: 0 auto;
}
#movie dl dt {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movie dl dt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#movie dl dd h3 {
	padding: 12px 0 50px;
	text-align: center;
	font-size: 25px;	
	font-weight: 400;
} 
#movie a.movieBtn {
	display: block;
	width: 600px;
	height: 100px;
	margin: 100px auto 0;
}


/* smartphone
------------------------------------------------------------*/
@media print, screen and (max-width: 768px) {
.lh0 {
  margin-bottom: 8vw;
}
.content {
  width: 100%;
  padding: 0 0 16vw;
}
.movie {
    margin: 0 auto 8vw;
    width: 82vw;
}
.movie p {
    font-size: 6.66667vw;
    margin-bottom: 4vw;
}
.box-basic {
    width: 82vw;
}
h2 {
    width: 100%;
    font-size: 6.66667vw;
    margin-bottom: 4vw;
    padding-bottom: 2.888vw;
}
.box-basic p {
    font-size: 4vw;
}
.outline-jonas dt, .outline-jonas dd {
  font-size: 4vw;
}
.about-jonas {
    width: 100%;
    margin: 0 auto 16vw;
    padding: 8vw 8vw;
    box-sizing: border-box;
}
.about-jonas-name {
    font-size:6.66667vw;
    margin-bottom: 4vw;
}
.about-jonas-detail {
    font-size: 4vw !important;
    margin-bottom: 8vw;
}
.pic01{
  width: 100%;
}
.txt01 {
    width: 100%;
    font-size: 4vw;
    margin: 4vw auto 8vw;
}
a.button {
    width: 100%;
    padding: 4vw;
    font-size: 5vw;
    text-decoration: none;
}
.box-sns {
    width: 100%;
    margin: 4vw auto 0;
}
.box-sns p {
  width: 100%;
    margin-bottom: 4vw;
}
.box-sns + p {
    font-size: 5vw;
}
.box-sns + p a {
  color: #414958;
}
#movie {
	padding: 10.2vw 0 0;
	width: 81.33333vw;
	margin: 0 auto;
  color: #000;
}
#movie .title {
	width: 100%;
	text-align: center;
	font-size: 5.33333vw;
	border-bottom: 1px solid #549ca1;
	margin-bottom: 5.86667vw;
}
#movie dl {
	width: 81.33333vw;
	margin: 0 auto;
}
#movie dl dt {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movie dl dt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#movie dl dd h3 {
	padding: 2.66667vw 0 6.66667vw;
	text-align: center;
	font-size: 4vw;	
  color: #000;
} 
#movie a.movieBtn {
	display: block;
	width: 58.66667vw;
	height: 11.33333vw;
	margin: 4vw auto 0;
}

}/* smartphone End */