@charset "utf-8";
/*=================================================================================*/
/** 768px未満 スマホサイズ画面 ＜これが基本＞ **/

#main{
	max-width: 720px;
	width:100%;
	margin:0 auto;
	overflow: hidden;
	box-shadow: 0 0 4px #4D3A33;
	position: relative;
}

/*==================
	電話番号タップ
==================*/
a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; color:#000000; }

/*==================
	SVG
==================*/
svg {
	max-height:30px;
  }
img[src$=".svg"] {
	width: 100%;
}

/*==================
	ヘッダー
==================*/
#head00s {
	max-width: 720px;
	width:100%;
	margin:0 auto;
	padding: 0;
	position: relative;
	z-index: 400000;
}
.disp_fix{
	max-width: 720px;
	width:100%;
	position: fixed;
    z-index: 50000;
	background:#FFFFFF;
	box-shadow: 0 5px 4px -4px #4D3A33;
}

#head00s>div>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
	position: relative;
	z-index: 400000;
	background:#FFFFFF;
}
#head00s>div>ul>li:nth-child(1){/*720 244 300*/
	width:86%;
	margin:1em 0 1em 2%;
}

#head00s>div>ul>li:nth-child(2){/*720 46*/
	width:8%;
	margin:0 2%;
}



/***  スマホ用グランドナヴィゲーション  ***/
.slideout-header {
	position:fixed;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	z-index:30000;
	padding:0;
	margin:0 auto;
	width:100%;
	max-width: 720px;
	display:block;
}

.slideout-menu {
	position: absolute;
	top:1em; left:5%;
	background:rgba(255,255,255,0.8);
	width:90%;
	margin:0 auto;
	display:none;
}
.slideout-menu_in {text-align:center; }

.slideout-close{
    display: none;
}

.slideout-close img{
    width:100%;
}


.sm01_01{
    border:2px solid #222222;
}
.sm01_01>li a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    width:90%;
    padding:0.7em 5%;
    border-bottom:1px solid #222222;
    color:#000000;
    background: rgba(255,255,255,0.8);
    position: relative;

}
.sm01_01>li a::after{
	content:'';
	background: url(../img/icon/icon_arrow_222222.svg) no-repeat;
	width:8px;
	height:8px;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translate(-50%,-50%);
}


/***  ページTOP  ***/
#page_tops {
	position: fixed;
	display:block;
	width:13%;
	z-index:150;
	bottom:0.3em;
	right:0.3em;
}



/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 720px) {

/*==================
  電話番号タップ
==================*/
a.telLink0 { display:inline-block; cursor: default; pointer-events: none; text-decoration:none; margin: 0; padding: 0;}


/***  ページTOP  ***/
#page_tops {
	width:90px;
	bottom:1em;
}
}