@charset "utf-8";

/* ===========================================
	スマートフォン表示
=========================================== */

#wrapper {
		width: 100%;
	}
#header_out {
width:100%;
}	
#content p {
	margin:10px 2%;
}
#content_top {
float:none;
margin:30px 2%;
}

#content_left_top {
float:none;
width:100%;
}

#content_right_top {
float:none;
width:100%;
margin-top:30px;
}

h1 {
width:100%;
float:none;
padding: 3%;
text-align:center;
}
h1 img {
width:80%;
margin-right:0;
float:none;
}

#header #link {
display:none;
}

#footer #flink {
width:100%;
display:table;
overflow:visible;
height:auto;
}
#footer #flink a {
display: block;
text-align:center;
width:100%;
}
#add {
float:none;
}
#add p {
float:none;
text-align:left;
padding-left: 3em;
text-indent: -3em;
}
.indent-1 {
text-indent: -2em;
padding-left: 2em;
display: block;
}
#f_mark {
	margin-top:10px;
	float:none;
	text-align:center;
}

/* ===========================================
	ナビゲーション
=========================================== */

#sp_menu {
display:block;
}

#pc_menu {
display:none;
}

#sp_menu #accordion{
	clear:both;
	display: block;
	position: relative;
	width: 100%;
	padding: 10px;
	color: #FFF;
	text-align: center;
	background-color:#999999;
	background-image:url(../images/menu.png);
	background-position:2% center;
	background-repeat:no-repeat;
	background-size: auto 50%;
	cursor:pointer;
}

#sp_menu #menu {
	display: none;
	clear: both;
	width: 100%;
	background-color:#3399FF;
	float: left;
	padding: 0;
}
#sp_menu #navi {
	width:100%;
	padding:0;
}

#sp_menu #navi>li {
	display: block;
	text-align: center;
	font-size: 110%;
	color: #FFFFFF;
	width: 100%;
	display: block;
	padding: 0;
	cursor:pointer;
}
#sp_menu #navi>li>p {
	padding: 10px 0;
}
#sp_menu #navi>li:hover {
background-color:#2991F8;
}
.selected {
	background-color: #2991F8;
}

#sp_menu #navi li#blank {
	display: none;
}	
#sp_menu .subnavi {
display: none;
width:100%;
background-color:#2991F8;
background-image:url(../images/shadow.png),url(../images/shadowx.png);
background-position:top,bottom;
background-repeat:repeat-x;
}
#sp_menu .subnavi li {
padding:10px 0 10px 0;
width:100%;
	font-size: 85%;
}
#sp_menu .subnavi li a {
display:block;
color:#FFFFFF;
text-align:center;
width:96%;
padding:5px 0;
margin: 0 2%;
}
#sp_menu .subnavi li a:hover {
background-color:rgba(255,255,255,0.2);
}
#sp_menu .subnavi span {
	display:block;
	padding:4px;
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
color:#FFFFFF;
}

#top_subt {
	margin-bottom:-10px;
}

.senpai_msg {
float:none;
width:100%;
margin-top:20px;
}
.senpai_msg img {
float:none;
width:100%;
}
.senpai_msg div {
float:none;
padding:0;
margin:10px 0;
width:100%;
}

#top_t {
width:100%;
}
#top_t img {
width:60%;
}


/* ===========================================
	スライダー
=========================================== */

#slider_in {
	width: 100%;
}

/* ===========================================
	セカンド以降
=========================================== */

#title_wrap {
width: 96%;
margin: 40px 2% 0 2%;
}

#title_on {
padding: 20px;
}

#next {
	float: left;
	width: 100%;
}

#content {
	float: left;
	width: 96%;
	margin: 0 2% 30px 2%;
	padding: 20px 4%;
	margin-bottom: 20px;
}

#president #content_left {
float: none;
width: 100%;
}

#president #content_right {
float: none;
width: 70%;
margin:20px auto;
}

#policy #content_left {
float: none;
margin-bottom:20px;
width: 100%;
}

#policy #content_right {
float: none;
width: 100%;
margin:0 auto;
}

dl.table dt,
dl.table2 dt {
	float:none;
	border-top:1px dotted #ccc;
	padding: 20px 10px 0 10px;
width: 100%;
}
dl.table3 dt {
	float:none;
	padding: 20px 10px 0 10px;
width: 100%;
}
dl.table dd,
dl.table2 dd {
	border-top:none;
	padding: 5px 10px 20px 10px;
	margin-left:0px;
width: 100%;
}

dl.table3 dd {
	border-top:none;
	padding: 5px 10px 20px 10px;
	margin-left:0px;
width: 100%;
}

dl.flow {
width:100%;
padding-bottom:25px;
margin-bottom:10px;
background-image: url(../images/https://job.axol.jp/hy/s/82bank_25/mypage/login);
background-position:center bottom;
background-repeat:no-repeat;
display:block;
}
dl.end {
background-image: none;
}
dl.flow dt {
display:block;
width:100%;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
padding: 4px ;
}
dl.flow dd {
width:100%;
display:block;
background-image: url(../images/arw1sm.png);
background-position:top center;
background-repeat:no-repeat;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
padding: 8px 3%;
border:1px solid #ddd;
border-top:none;
}

#organization {
	width:100%;
	padding:0;
	margin:auto;
	margin-top:30px;	
}

.reader {
	float:none;
	display:block;
	margin: 10px 0
}

ul.sitemap li {
	float:none;
	margin-right:0;
}

#widenet_ex ul {
	float:none;
	width:100%;
}

.ph_right {
	float:none;
	margin: 0 0 20px 0;
	width:100%;
}
.ph_left {
	float:none;
	margin: 0 0 20px 0;
	width:100%;
}
.sen_left,
.sen_right {
	width:100%;
	float:none;
	margin: 0 0 20px 0;
}

.bs_img {
	width:100%;
}
#content .btn {
	width: 100%;
	background-image:url(../images/grade1.png);
}
#pc_hyou {
	display:none;
}
#sp_hyou {
	display:block;
}
#trainer {
	width:70%;
	margin:auto;
}
ul.tabmenu {
	float:none;
	border-bottom:0;
	padding:0;
}
ul.tabmenu li {
	display:block;
	font-weight: bold;
	text-align:center;
	float:none;
	padding:10px 0;
	background-color: #EEE;
	border:1px solid #ddd;
	margin-right:0px;
	margin-bottom:2px;
}
.tabactive {
	background-color: #FFF!important;
	margin-top: 0;
	margin-bottom: 0;
}

/*テーブル*/

.t_width {
	width: 100%;
}