@charset "utf-8";

/* ****************************************************

layout_pc.css
1: layout common setting
2: header
3: footer
99: extra

***************************************************** */

@media print, screen and (min-width: 751px) {
/*1: layout common setting
=========================================*/
/* base font */
body.membersTop {
	min-width: 1200px;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #333333;
}
#mainContents{
	display: block;
	width: 980px;
	margin: 0 auto;
	padding: 22px 0 75px;
}
/*2: header
=========================================*/
#headContainer {
	display: flex;
	align-items: center;
	min-height: 58px;
	padding: 15px 0;
	border-bottom: solid 1px #ccc;
	background-color: #fff;
}

#header {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* logoArea */
#header #logoArea{
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 980px;
}
#header #logoArea #logoArea__main {
	display: flex;
}
#header #logoArea #logoArea__main #logo-title{
	font-size: 2.5rem;
	color: #073f9e;
}
#header #logoArea #logo > img{
	width: 162px;
	height: auto;
}
#header #logoArea #title {
	padding-top: 5px;
}

/* button */
#header #logoArea .logoArea__button-wrap > .logoArea__button > *[class^="logoArea__button__type"]{
	display: block;
	position: relative;
	padding: 10px 30px 7px;
	border-radius: 35px;
	background-color: #073f9e;
	color: #fff;
	text-decoration: none;
}
#header #logoArea .logoArea__button-wrap > .logoArea__button > *[class^="logoArea__button__type"]:hover{
	opacity: .7;
}
#header #logoArea .logoArea__button-wrap > .logoArea__button > .logoArea__button__type--blank{
	padding-right: 46px;
}
#header #logoArea .logoArea__button-wrap > .logoArea__button > .logoArea__button__type--blank::after{
	position: absolute;
	top: calc(50% - 8px);
	right: 0;
	width: 16px;
	height: 15px;
	margin-right: 20px;
	background: no-repeat url("/member/common/img/cmn_ic01.png");
	background-size: contain;
	content: "";
}
#header #logoArea .logoArea__button-wrap > .logoArea__button .logoArea__button__label > .logoArea__button_caption{
	display: block;
	text-align: center;
	font-size: 1.2rem;
	font-weight: normal;
}
#header #logoArea .logoArea__button-wrap > .logoArea__button .logoArea__button__label > .logoArea__button_text{
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
/* ==================================
topicPath
================================== */
#topicPath {
	width: 980px;
	margin: 10px auto 15px;
}
#topicPath ol li {
	display: inline;
	margin-left: 2px;
	font-size: 1.4rem;
}
#topicPath ol li > .main-breadcrumb__type{
	color: #0066cc;
	text-decoration: none;
}
#topicPath ol li > .main-breadcrumb__type:hover{
	text-decoration: underline;
}
#topicPath ol li + li{
	position: relative;
	padding-left: 20px;
}
#topicPath ol li + li::before{
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	left: 4px;
	width: 8px;
	height: 8px;
	background: url("/member/common/img/cmn_path_ic01.png") no-repeat;
	background-size: contain;
	content: "";
}
/*3: footer
=========================================*/
#footContainer {
	width: 100%;
	background-color: #333333;
}

#footContainer #footer {
	margin: 0 auto;
	padding: 31px 0;
}
#footContainer #footer > .inner >*:first-child{
	margin-top: 0!important;
}
#footContainer #footer #footerNav {
	display: flex;
	justify-content: center;
}
#footContainer #footer #footerNav__list {
	display: flex;
	font-size: 1.5rem;
	text-align: center;
}
#footContainer #footer #footerNav a{
	display: block;
	margin: 0 20px;
	color: #fff;
	text-decoration: none;
}
	#footContainer #footer #footerNav a:hover{
	text-decoration: underline;
}
#footContainer #footer #footerNav #footerNav__list > li + li{
	border-left: 1px solid #fff;
}
#footContainer #footer #footerCopyright {
	color: #aaa;
	margin-top: 20px;
	font-size: 1.2rem;
	text-align: center;
}
/* pagetop */
#footContainer #pagetop {
	position: fixed;
	right: 28px;
	bottom: 90px;
	z-index: 9999;
}
#footContainer #pagetop a {
	display: block;
	width: 62px;
	height: 62px;
	text-indent: -9999px;
	background: url(/member/common/img/footer_bt01.png) no-repeat 0 0;
}
#footContainer #pagetop a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/* 2024.06.21 Qoil追記  */
#footContainer #footer #footerNav__list_02 {
	display: flex;
    justify-content: center;
	padding-top: 1em;
    margin-bottom: 2em;
	font-size: 14px;
	gap: 8px;
}
#footContainer #footer #footerNav__list_02 li a {
	color: #FFF;
    background: rgba(255, 255, 255, .25);
    padding: .25em 1em;
    border-radius: 9999px;
}
#footContainer #footer #footerNav__list_02 li a:hover {
    background: rgba(255, 255, 255, .1);
}


/*99: extra
=========================================*/

}