@charset "utf-8";
/* CSS Document */


@media screen and (max-width:767px){


.video-wrap {
  position: relative;
  height: 200px;
  overflow: hidden;
  margin-bottom: 80px
}
.video-wrap video {
  display: block;
  margin: 0 0 0 auto;
  width: 100%
}
.video-wrap div {
  font-family: serif;          
  color: #fff;
  position: absolute;
  text-align: center;
  padding: 50px 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0,0,0,0.7);
}

.video-wrap div h2{font-size: 22px;}

.video-wrap div p{font-size: 13px;}
/* ページの先頭に戻る(すべてのページ) */

.pagetop a img {
	width:46px;
}

/**********************************************************/
/* ベース部分 */
/**********************************************************/

body {
	width:100%;
	background:#FFF;
	color: #444;
	line-height: 1.8;
    position:relative;
    z-index:0;
	font-family: 'Noto Sans JP',sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size: 15px;
    overflow:hidden;
}

img {
	max-width:100%;
	height:auto;
}

.sp_none,.hidden {
	display:none;
}

/* object-fit用 */

.sample{
object-fit: cover;
object-position: center top;
font-family: 'object-fit: cover; object-position: center top;'
}


/**********************************************************/
/* ヘッダー */
/**********************************************************/

header {
	width:100%;
	margin:0 auto;
}

header #logo_sp img {
	width:180px;
	position:absolute;
	top:9px;
	left:9px;
}

header {
	margin-bottom:0;
}


/**********************************************************/
/*  トップイメージ */
/**********************************************************/

.main_img {
	background:#EEE;
	width:100%;
	height:120px;
	margin:0 auto 20px;
	position:relative;
	text-align: center!important;
}

.main_img h1 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#FFF;
	font-size:22px;
	letter-spacing:4px;
	font-weight:600;
	text-shadow:#000 2px 2px 2px;
	line-height: 130%;
	width: 100%;
		text-align: center!important;

}



/**********************************************************/
/*  メインエリア */
/**********************************************************/

main {
	width:92%;
	display:block;
	margin:0 auto;
}

#content_wrap {
	width:100%;
	display:block;
	margin:0 auto 30px;
}



/**********************************************************/
/* 見出し・本文・リスト設定 */
/**********************************************************/

.sec01 h2,
.sec02 h2 {
	font-size:22px;
	text-align:center;
	border-bottom:solid 2px #EEE;
	margin-bottom:35px;
}

.sec01 h3 ,
.sec02 h3{
	font-size:20px;
	color: #1e73be;
	margin-bottom:20px;
	background:url("../images/icon01.png") no-repeat left center / 25px;
	padding-left:40px;
}

.sec01 p,
.sec02 p {
	margin-bottom:10px;
}

.sec03 h2 {
	font-size:22px;
	line-height:1.2;
	border-left:solid 6px #DBA500;
	margin-bottom:35px;
	padding-left:15px;
}


hr {
	width:100%;
	/*height:4px;
	border:none;
	background:url("../images/hr.png") 0 0 repeat-x;*/
	clear:both;
	margin:40px auto;
}

hr {
	border-top: 1px solid #EEE;
	border-bottom:none;
}

hr.section_line {
	margin:0 auto;
	border-top:solid 3px #808080;
}

hr.under_bar {
	width:100%;
	height:7px;
	border:none;
	background:url("https://studio168.co.jp/preview/shimada/images/list_underbar_sp.png") 0 0 no-repeat;
	margin:0 auto 15px;
}

.bold {
	font-weight:bold;
}

.red {
	color: #F00;
}

.red_bold {
	color: #F00;
	font-weight:bold;
}

.orange {
	color:#DC5800;
}

.clear {
	clear:both;
}


/* リンク設定 */

p.linkto {
	text-align:center;
}

p.linkto a {
	display:inline-block;
	background:#F7931E;
	color:#FFF;
	padding:5px 15px;
	margin-bottom:20px;
	margin-top:20px;
}


/**********************************************************/
/* テーブル */
/**********************************************************/

table {
    border-left: 1px solid #AAA;
    border-top: 1px solid #AAA;
    margin: 20px 0;
}

th {
    background: #EFEFEF;
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
    font-weight: 500;
    /*line-height: 1.2;*/
    padding: 2px 5px;
    text-align: center;
    vertical-align: middle;
}

td {
	color:#1e73be;
	background: #FFF;
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
	font-weight: 500;
    padding: 2px 5px;
	text-align:center;
    vertical-align: middle;
}


/**********************************************************/
/* フッター */
/**********************************************************/

footer {
	background:#1e73be;
	color:#FFF;
	width:100%;
	padding-top:30px;
	padding-bottom:40px;
	margin:0 auto;
	clear:both;
}

footer .inner {
	width:94%;
	margin:0 auto;
	position:relative;
}

footer .left {
	margin-bottom:20px;
}

footer p.logo {
	background: url("../images/footer/logo.png") no-repeat;
	background-size: contain;
	width:239px;
	height:45px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

footer p.address {
	font-weight:500;
	font-size:15px;
	line-height:1.4;
}

footer p.copy {
	font-size:12px;
	letter-spacing:1px;
	color:#FFF;
}

/* ナビゲーションメニュー */

footer nav {
	width:100%;
}

footer nav ul {
	width:100%;
	margin:0 auto 20px;
}

footer nav ul li {
	height:20px;
	float:left;
	font-size:14px;
	line-height:21px;
	text-align:center;
	border-right:solid 1px #fff;
	padding:0 20px;
	margin-bottom:15px;
}

footer nav ul li a {
	color:#FFF;
	height:20px;
	display:block;
	font-weight:bold;
}


}