@charset "utf-8";

/* -------------------------------------
	login
------------------------------------- */
.heading_login {
	margin-bottom: 20px;
	padding-bottom: 15px;
	line-height: 1.4;
	border-bottom: 1px solid #3a7fc6;
	font-size: 1.14rem;
	font-weight: 600;
	color: #3a7fc6;
}
.webmail_section {
	padding: 40px 20px;
	background-color: #f8f8f8;
}

/* -------------------------------------
	mypage
------------------------------------- */

/* header */
.btn_toggle_mypage {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 70px;
	cursor: pointer;
	z-index: 3;
	background-color: #336aa2;
	text-align: center;
}
.btn_toggle_mypage span {
	display: block;
	position: absolute;
	width: 24px;
	border-bottom: 1px solid #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 23px;
}
.btn_toggle_mypage span:nth-child(1) {
	top: 27px;
}
.btn_toggle_mypage span:nth-child(2) {
	top: 35px;
}
.btn_toggle_mypage span:nth-child(3) {
	top: 43px;
}
.btn_toggle_mypage.active span:nth-child(1) {
	top: 35px;
	left: 23px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn_toggle_mypage.active span:nth-child(2),
.btn_toggle_mypage.active span:nth-child(3) {
	top: 35px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_mypage {
	position: absolute;
	display: block;
	top: 70px;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	padding: 0;
	background-color: #f8f8f8;
	transition: all 0.4s;
}
.menu_mypage.active {
	max-height: 95vh;
}
.menu_mypage .mypage_nav {
	max-width: 800px;
	margin: 0 auto;
	padding: 40px 20px;
}
.mypage_nav_list {
	margin-bottom: 40px;
}
.mypage_nav_item {
	border: 1px solid #e5e5e5;
	border-top: 0;
}
.mypage_nav_item:first-child {
	border-top: 1px solid #e5e5e5;
}
.mypage_nav_link {
	position: relative;
	display: block;
	padding: 20px 20px;
	font-weight: 600;
	color: #6c7276;
	text-decoration: none;
	background-color: #fff;
}
.mypage_nav_link::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #6c7276;
	border-right: 1px solid #6c7276;
	transform: rotate(45deg) translateY(-70%);
}
.mypage_nav_link:hover {
	opacity: .7;
}

/* main */
.mypage #main {
	background-color: #f8f8f8;
}

.mypage_pdf_list {
	list-style: none;
}
.mypage_pdf_item {
	border: 1px solid #e5e5e5;
	border-top: 0;
}
.mypage_pdf_item:first-child {
	border-top: 1px solid #e5e5e5;
}
.mypage_pdf_link {
	position: relative;
	display: block;
	padding: 20px 55px 20px 20px;
	font-weight: 600;
	color: #6c7276;
	text-decoration: none;
	background-color: #fff;
}
.mypage_pdf_link::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 32px;
	height: 37px;
	background: url(../../common/img/ico_pdf.png) no-repeat 0 0;
	background-size: contain;
}
.mypage_pdf_link:hover {
	opacity: .7;
}

/* table_detail */
.table_detail {
	width: 100%;
	line-height: 1.4;
}
.table_detail_th {
	padding: 10px 0;
	font-size: .86rem;
	text-align: left;
}
.table_detail_td {
	padding: 20px 15px;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
}
.table_detail_td:nth-of-type(1) {
	width: 130px;
	white-space: nowrap;
}
.table_detail_td:nth-of-type(3) {
	width: 55px;
	text-align: center;
}
.table_detail_ico_arr {
	width: 16px;
}

/* table_more_detail */
.table_more_detail {
	width: 100%;
	margin-bottom: 20px;
	line-height: 1.4;
}
.table_more_detail_td {
	padding: 20px 15px;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
}
.table_more_detail_td:nth-of-type(1) {
	white-space: nowrap;
}

/* table_use_breakdown */
.table_use_breakdown {
	width: 100%;
	margin-bottom: 20px;
	line-height: 1.4;
}
.table_use_breakdown_th {
	padding: 10px 0;
	font-size: .86rem;
	text-align: left;
	white-space: nowrap;
}
.table_use_breakdown_td {
	padding: 20px 15px;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
}