ul{padding-left: 0px;}


/* =======================================
画像をフワッと【下から】フェードイン
 ======================================= */
/* 画面外にいる状態 */
.fadein {
	opacity : 0;
	transform : translate(0, 50px);/* 移動距離(0, 50px) */
	transition : all 1500ms;/* 表示する時間 */
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}


/* =======================================
マウスのると画像を半透明にする
 ======================================= */
.a_img:hover{opacity:0.5;/*50％透明にする*/}





/* =======================================
パソコンとスマホ　表示・非表示
 ======================================= */
@media(max-width:899px){
.pc{display:none;
}}

@media(min-width:900px){
.mobile{display:none;
}}

@media(max-width:601px){
.pc2{display:none;
}}

@media(min-width:600px){
.mobile300{display:none;
}}

@media(min-width:700px){
.mobile700{display:none;
}}




@media (min-width: 701px) {
   /* 横幅が px以上の場合に適用するスタイル */
    .mo_tel{display:none;
}
}
@media (max-width: 700px) {
   /* 横幅が px以下の場合に適用するスタイル */
    .mo_tel2{display:none;
}
    }

/* =======================================
スクロール固定用
 ======================================= */
 .fixed {
    position: fixed;
    top: 10px;

}




/* =======================================
表
 ======================================= */
.table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}


.td {
	line-height: 120%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

.t1 {
	margin-top: 13px;
	margin-bottom: 13px;
	text-align: center;
}

.t2 {
    margin-top: 13px;
    margin-bottom: 13px;
    text-align: center;
    color: #FFF;
    margin-left: 5px;
    margin-right: 5px;
}
.t3 {
    margin-top: 13px;
    margin-bottom: 13px;
    text-align: left;
    margin-left: 7px;
    margin-right: 7px;
}