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


@media screen and (max-width:767px){
	
/* ローディング */

/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100vh;
}

.logo_fadein p {
	width: 90%;
	height: auto;
}
.logo_fadein p img {
  width: 100%;
  height: auto;
}


@keyframes fadeUpAnime{
  from {
    opacity: 1;
  transform: translateX(-400px);
  }

  to {
    opacity: 1;
  transform: translateX(400px);
  }
}


/* ページの先頭に戻る(すべてのページ) */

.pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index:1000;
}
.pagetop a {
    display: block;
    text-align: center;
    text-decoration: none;
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.pagetop a img {
	width:46px;
}


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

body {
    font-size: 1.5rem;
	line-height:1.6;
    overflow:hidden;
}

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

.sp_none,.hidden {
	display:none !important;
}



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

header {
	width:100%;
	height:50px;
	position: fixed;
	top:0;
	left:0;
	background:rgba(255,255,255,1);
	z-index: 10000;
	border-bottom:solid 1px #000;
}

header h1 {
	width:60%;
	height:50px;
	background:url(../images/header/logo.png) no-repeat left center / 100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-left:10px;
	image-rendering: -webkit-optimize-contrast;
}

header h1 a {
	display:block;
}

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

main {
	width:100%;
	display:block;
	margin:0;
	position:relative;
	margin-top:20px;
}

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

section {
	width:100%;
	position:relative;
}

.center {
	text-align:center;
}
.align-right {
	text-align:right;
}


/* .sec09 */

.sp_content {
	width:90%;
	margin:0 auto;
}

.sec09 {
}

.sec09 .img_area {
	width:100%;
	position:relative;
}

.sec09 .img_area p {
	font-size:6rem;
	color:#FFF;
	position:absolute;
	left:10px;
	bottom:10px;
	line-height:1.0;
	z-index:1;
}

.sec09 .img_area img {
	width:100%;
	height:200px;
	object-fit:cover;
	display:block;
}

.sec09 .content_area {
	width:100%;
	border-top:solid 30px #222222;
	text-align:center;
	padding-top:30px;
}

.sec09 h2 {
	font-size:2.2rem;
	margin-bottom:50px;
	letter-spacing:0.3em;
}

.sec09 .logo {
	width:80%;
	margin:0 auto 10px;
	display:block;
}

.sec09 h3 {
	font-size:1.6rem;
	color:#000;
	font-weight:bold;
	margin-bottom:30px;
}

.sec09 p.tel {
	font-size:2rem;
}
.sec09 p.address {
	margin-bottom:45px;
}

.sec09 a {
	width:100%;
	color:#FFF;
	font-size:1.8rem;
	background:#414141;
	display:block;
	line-height:55px;
	margin:0 auto 20px;
}

.sec09 p.note {
	width:100%;
	margin:0 auto 80px;
	text-align:left;
	font-size:1.2rem;
	line-height:1.8;
	color:#000;
}



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

main h1,
main h2,
main h3 {
}

main h3 {
}



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

#content table {
    border-left: 2px solid #CCC;
    border-top: 2px solid #CCC;
    margin: 20px 0 50px;
}

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

#content td {
	background: #FFF;
    border-bottom: 2px solid #CCC;
    border-right: 2px solid #CCC;
	font-weight: 500;
    padding: 5px 10px;
	text-align:center;
    vertical-align: middle;
}


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

footer {
	background:#222;
	width:100%;
	padding:12px 0;
	color:#FFF;
}

footer .copy {
	font-size:1.2rem;
	text-align:center;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}


}