/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/



/* 動画・動画下ナビゲーション */
.videoPc{
	display:block;
}
.videoSp{
	display:none;
}
.main-visual {
    height: 470px;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom:40px;
		margin-top:-38px;
}
.main-visual img {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}
.main-visual .link {
    flex: 1;
    position: relative;
    display:block;
}
.main-visual .link .img1{
    text-align:left;
    display:block;
    margin:40px 0 0 40px;
}
.main-visual .link .img2{
    text-align:center;
    display:block;
    margin:100px auto 100px auto;
}

@media (max-width: 1100px) {
.main-visual .link .img2{
    margin:40px auto 40px auto;
}
}

@media (max-width: 980px) {
	.main-visual .link .img2{
		margin:40px auto 40px auto;
	}
}
@media (max-width: 820px) {
	.main-visual .link .img2{
		width:400px;
		margin:40px auto 40px auto;
	}
}
@media (max-width: 768px) {
	.main-visual {
    height: 270px;
			margin-top:0px;
	}
	.main-visual .link .img1{
		width:130px;
		margin:20px 0 0 20px;
	}
	.main-visual .link .img2{
		width:300px;
		margin:50px auto 50px auto;
	}
}
@media (max-width: 480px) {
	.main-visual {
    height: 240px;
	}
	.videoPc{
		display:none;
	}
	.videoSp{
		display:block;
	}
	.main-visual .link .img2{
		width:250px;
		margin:50px auto 50px auto;
	}
}

/* 監修者一覧 */
.authorFront{
	margin-top:-30px;
}
.author{
	float:left;
	width:47.5%;
	margin:20px 5% 40px 0;
}
.author:last-child{
	margin:20px 0 40px 0;
}
.author h3{
	margin-top:-10px;
	padding:0;
	font-size:22px;
	color:#000;
	font-weight:bold;
	background:none !important;
	background-color: #fff !important;
	letter-spacing:1px;
}
.author h3:before {
	display:none;
}
.author h3:after {
	display:none;
}
.author h3 span span{
	font-size:15px;
	color:#555;
	font-weight:normal;
	margin-right:8px;
	letter-spacing:0px;
}
@media (max-width: 600px) {
	.author{
		float:none;
		width:100%;
		margin:20px 0 40px 0;
		text-align:center;
	}
	.author img{
		width:80%;
	}
	.author h3 ,  .author p{
		text-align:left;
	}
}

@media (max-width: 380px) {
	.author img{
		width:100%;
	}
}
.head_logo{
	padding:0px 0 10px 0 ;
	text-align:center;
	margin-top:10px;
}
@media (max-width: 768px) {
.head_logo{
	padding:0px 0 14px 0 ;
}
.head_logo img{
	width:120px;
}
}




@media (max-width: 768px) {
   .scroll table {
      width: 100%;
   }

   .scroll {
      overflow: auto hidden;
      white-space: pre-wrap !important;
   }

   .scroll table {
      width: 750px;
   }

   .scroll td {
      /*width:auto !important;*/
   }

   .scroll::-webkit-scrollbar {
      height: 5px;
   }

   .scroll::-webkit-scrollbar-track {
      background: #F1F1F1;
   }

   .scroll::-webkit-scrollbar-thumb {
      background: #BCBCBC;
   }
}

@media (min-width: 1024px) {
#drawernav5 ul.menu-box li.menu-item a {
    padding: 16px 5px;
}
}