@charset "utf-8";
/*--------------
基本設定
----------------------------------------------------------*/
.br_pc {
	display: none !important;
}
.br_sp {
	display: block !important;
}
/*-----------------------------------------------------------------------------
■┓サイト全体枠
┗┛
-------------------------------------------------------------------------------*/
#container {
	overflow: hidden;
	width: 100%;
	margin: 0;
}
/*-----------------------------------------------------------------------------
■┓ヘッダー用
┗┛
-------------------------------------------------------------------------------*/
/*--------------
ヘッダー全体枠
----------------------------------------------------------*/
header {
	width: 100%;
	background: #fff;
}
header .main {
	width: auto;
}
.header_wrap .site_logo {
	margin-left: 7px;
}
/*-----------------------------------------------------------------------------
■┓サイトトップ用
┗┛
-------------------------------------------------------------------------------*/
/*--------------
メインコンテンツ
----------------------------------------------------------*/
#main_index {
	width: auto;
	padding: 0;
}
/*--------------
/*-----------------------------------------------------------------------------
■┓セカンダリページ用
┗┛
-------------------------------------------------------------------------------*/
/*--------------
メインコンテンツ
----------------------------------------------------------*/
#main {
	width: auto;
	margin: 0;
	padding: 0 10px;
}
#main h2 {
	margin: 70px 0 1em 0;
	padding: 0;
	color: #303;
	letter-spacing: 0.05em;
	background: none;
}
#main h2 span {
	min-height: 30px;
	margin: 0;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 4px 0 0 30px;
	background: url(../images/sp_headline.png) 0 0 no-repeat;
}
/*--------------
お問い合わせ
----------------------------------------------------------*/
#inquiry table.arrow {
	width: 100%;
}
#inquiry table.arrow th,
#inquiry table.arrow td {
	display: block;
	width: 100%;
}
#inquiry table.arrow th {
	white-space: normal;
}
#inquiry table.arrow td:before {
	display: none;
}
#inquiry table.contact_personal_data td input.password {
	width: calc(100% - 3em);
	margin-left: 10px;
}
/*--------------
フッター
----------------------------------------------------------*/
footer {
	width: 100%;
}
footer small {
	width: auto;
	padding: 5px;
	text-align: center;
}
footer .footer_bottom {
	width: auto;
	margin: 20px;
	flex-wrap: wrap;
	padding-bottom: 10px;
}
footer .browser {
	width: 100%;
	margin: 10px 0 20px;
}
footer .browser ul li::before {
	position: absolute;
	top: 4px;
	left: 2px;
}
/*--------------
ページのトップへ（#totop）
----------------------------------------------------------*/
.page_top {
	right: 8px;
	z-index: 9999;
}
.page_top a {
	border-radius: 50%;
	display: inline-block;
	line-height: 50px;
}
/*--------------
SSO用ログインページスタイル
----------------------------------------------------------*/
#error {
	margin: 20px auto 0;
}
.login_box {
	width: 100%;
}
.login_box dl {
	width: 100%;
}
.login_box dt,
.login_box dd {
	width:100%;
	display:block;
}
.login_box dt {
	padding-top: 0;
	padding-right: 0;
	text-align: left;
}
.login_box dt.pw {
	margin-top: 1em;
}
.login_box dd {
	margin:0;
}
.login_box dd input {
	width: 100%;
}
.login_box dd .email_address {
	display: block;
	text-align: right;
}
.login_box dd ul {
	margin: 0.5rem auto 0 auto;
}
.login_button a {
	text-align:center;
	margin:0.5rem auto 0 auto;
}
.help_menu {
	width: 100%;
}
.help_menu ul {
	padding: 20px 0;
}
/* パスワード表示切替 */
#login dd.show_pass {
	margin-left: auto;
}
/*--------------
SSO用ログインページスタイル
----------------------------------------------------------*/
.login_left,
.login_right {
	width: 100%;
}

/*-------------------
メンテナンス中（ログインさせない）
--------------------------------------------------*/
.maintenance_box {
	width: calc(100% - 32px);
}