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

html {
    overflow-x: hidden;/* 横ぶれ防止 */
    -webkit-overflow-scrolling: touch; /* 横ぶれ防止 */
}
body {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-x: hidden;
	height: 100%;/*ブラウザ画面の一番下にフッターを持ってくるため　IE6*/
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* パソコン　改行 */
.pc_inline {
    display: inline
}

@media screen and (max-width:600px) {
.pc_inline {
    display: none
}
}
/* スマホ　改行 */
.sp_inline {
    display: none
}

@media screen and (max-width:600px) {
.sp_inline {
    display: inline
}
}
#wrapper {
	height: auto !important;/*ブラウザ画面の一番下にフッターを持ってくるため　IE6*/
	min-height: 85vh;/*ブラウザ画面の一番下にフッターを持ってくるため　IE6*/
}
footer {
	width: 100%;
	padding: 60px 20px 10px 20px;
	color: #fff;
	background-image: url(../img/back.jpg);
	background-position: 0% 0%;
	background-repeat: repeat-x;
}
.footer-link {
	color: #fff;
	list-style-type: none;
}
.footer-link li {
	list-style-type: none;
	margin-right: 30px;
}
.footer-link a {
	color: #fff;
	text-decoration: none;
}
.footer-link a hover {
	color: #ccc;
}
/* 下層ページ */
.k-top-pic {
	width: 100%;
	height: auto;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される toppageのイメージ写真 */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
}
/* 表 */
.hyou table {
	border-collapse: collapse;
	width: 100%;
}
.hyou table th, .hyou table td {
	padding: 10px;
	border: 1px solid #999;
}
.hyou table th {
	background-color: #eee;
	text-align: center;
	width: 30%;
}

@media screen and (max-width: 400px) {
.hyou table {
	border-top: 1px solid #999;
}
.hyou table td {
	display: block;
	text-align: center;
}
.hyou table th {
	display: block;
	border-top: none;
	border-bottom: none;
	width: 100%;
}
}

.img-with100 img{
width: 100vw;
margin-top: 57px;
}

/* youtubeレスポンシブ表示 */
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}