@charset "UTF-8";
/* CSS Document */
/*-----共通ヘッダー・メニュー
------------------------------------------*/
.pressroom-header{
	width: 100%;
	margin-top: 100px;
	position: fixed;
	top: 0;
	z-index: 6;
}
.home .pressroom-header .header-inbox{
	width: 100%;
	background:rgba(0,0,0,0.6);
}
.pressroom-header .header-inbox{
	width: 100%;
	background:#333;
}
.pressroom-header h1{
	display: block;
	width: 100%;
	background-color: #808080;
	color: #fff;
	font-size: 25px;
	text-align: center;
	padding: 25px 0;
	margin-bottom: 0;
}
.pressroom-header h1 a{
	color: #fff;
	text-decoration: none;
}
.pressroom-header .pr-menu{
	width: 800px;
	margin: 0 auto;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.pressroom-header .pr-menu > li{
	display: table;
	width: calc(100% / 6);
	font-size: 15px;
	color: #fff;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.pressroom-header .pr-menu > li > a{
	display: table-cell;
	width: 100%;
	height: 54px;
	padding: 0 0;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	box-sizing: border-box;
}
.pressroom-header .pr-menu > li:hover{
	background:rgba(0,0,0,1);
}
/*各ページメニューのステイ設定*/
.home .pr-menu .m_home,
.sample .pr-menu .m_sample,
.plan-list .pr-menu .m_plan-list,
.request .pr-menu .m_request,
.press-release .pr-menu .m_press-release,
.account .pr-menu .m_account{
	background:rgba(0,0,0,1);
}

/*サブメニュー*/
.m_sample .sample_sub_menu{
	position: absolute;
	top: 44px;
	left: -133.33px;
	visibility: hidden;
    opacity: 0;
}
.m_sample:hover .sample_sub_menu{
	top: 54px;
	left: -133.33px;
	visibility: visible;
    opacity: 1;
	z-index: 101;
}
.sample_sub_menu{
	width: 800px;
	background-color: #000;
	padding-right: 20px;
	padding-left: 20px !important;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.m_sample .sample_sub_menu > p{
	text-align: left;
	border-bottom: 1px solid #333;
	margin-bottom: 0;
	outline: 0;
}
.m_sample .sample_sub_menu > p > a{
	display: block;
	width: 100%;
	color: #fff;
	padding: 15px;
}
.m_sample .sample_sub_menu > p > a:hover{
	text-decoration: underline;
}
.m_sample .sample_sub_menu > ul {
	display: block;
	width: 50%;
	float: left;
	padding:0 15px 15px 15px;
	border-bottom: none;
	list-style: none;
}
.border-left{
	border-left: 1px solid #333;
}
.border-right{
	border-right: 1px solid #333;
	margin-right: -1px;
}
.m_sample{
	height: 54px;
	line-height: 54px;
}
.m_sample > .sample_sub_menu > li{
	width: auto !important;
	font-size: 13px !important;
	display: block;
	float: left;
	list-style: none;
}
.m_sample > .sample_sub_menu > li > a{
	height: auto;
	min-height: 16px;
	line-height: 16px;
	padding: 10px;
	color: #fff;
}
.m_sample > .sample_sub_menu > li a:hover{
	text-decoration: underline;
}
.sample_sub_menu > li > span{
	display: block;
	width: 760px;
	height: 40px;
	text-align: left ;
	padding: 0 0 0 10px;
	font-weight: bold;
	cursor: default;
	border-bottom: 1px solid #333;
}
.sample_sub_menu ul.sub_inner_menu{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom: 15px;
	list-style: none;
}
.sample_sub_menu ul.sub_inner_menu > li{
	width: auto;
	padding: 0 10px;
	font-size: 13px;
	height: 30px;
}
.sample_sub_menu ul.sub_inner_menu > li > a{
	padding: 0;
	color: #fff;
}
.sample_sub_menu ul.sub_inner_menu > li > a:hover{
	text-decoration: underline;
}
.m_account{
	height: 54px;
	line-height: 54px;
}
.m_account .account_sub_menu{
	position: absolute;
	top: 44px;
	left: 0;
	visibility: hidden;
    opacity: 0;
}
.m_account:hover .account_sub_menu{
	top: 54px;
	left: 0;
	visibility: visible;
    opacity: 1;
}
.m_account .account_sub_menu{
	position: absolute;
	top: 154px;
	left: 62.8%;
	width: 250px;
	background-color: #000;
	list-style: none;
	z-index: 101;
}
.account_sub_menu > li{
	width: 100% !important;
	font-size: 13px !important;
	text-align: left;
	padding:15px 0 0 0;
	height: 54px;
	line-height: 1.7;
}
.account_sub_menu > li:nth-child(3),
.account_sub_menu > li:nth-child(2),
.account_sub_menu > li:nth-child(1){
	border-bottom: 1px solid #333;
}
.account_sub_menu > li > a{
	text-align: left;
	padding: 0 0 0 15px;
	color: #fff;
}
.account_sub_menu > li > a:hover{
	text-decoration: underline;
}

@media screen and (min-width: 769px) {
	.sp-br{
		display: none;
	}
}
@media screen and (max-width: 768px) {
	/*-----共通ヘッダー・メニュー
	------------------------------------------*/
	.home .pressroom-header .header-inbox{
        width: 100%;
        background:rgba(0,0,0,0.8);
		z-index: 5;
    }
	.pressroom-header{
        width: 100%;
        margin-top: 61px;
      }
	.pressroom-header h1{
		font-size: 17.5px;
		padding: 10px 0;
	}
	.pressroom-header .pr-menu{
        width: 100%;
		height: 42px;
        list-style: none;
		display: table;
		z-index: 6;
    }
    .pressroom-header .pr-menu > li{
		display: table-cell;
        width: calc(100% / 6);
        font-size: 10px;
		line-height: 1.2;
		min-height: 40px;
        color: #fff;
        text-align: center;
		vertical-align: middle;
		position: relative;
	}
    .pressroom-header .pr-menu > li > a{
		display: inline;
        width: 100%;
        color: #fff;
        text-decoration: none;
        min-height: 40px;
		text-align: center;
		vertical-align: middle;
		padding: 0 0;
    }
	.m_sample{
		height: 42px;
		padding: 0 0 0 0;
		box-sizing: border-box;
	}
	/*モーダル*/

    #modal-1 {
        display: none;
    }

    #modal-1.is-open {
        display: block;
    }
    #modal-2 {
        display: none;
    }

    #modal-2.is-open {
        display: block;
    }
    .modal__overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.6);
        display: flex;
        justify-content: center;
        align-items: center;
		z-index: 100;
    }
    .modal__close {
        background: transparent;
        border: 0;
    }
	.header-inbox button.menu_button{
        color: #fff;
        background-color: rgba(0,0,0,0);
        border: none;
		outline: 0;
        cursor: pointer;
        width: 100%;
        height: 42px;
    }
	.closebtton{
		display: block;
		width: 100%;
		text-align: right !important;
		padding: 5px !important;
	}
	.closebtton button{
		display: inline;
		font-size: 20px;
		line-height: 1;
		padding: 5px 7px;
		color: #fff;
		background-color: #000;
		border: 1px solid #666;
		outline: 0;
		
	}
	/*サブメニュー*/
	.m_sample .sample_sub_menu{
        position: absolute;
        top: 102.5px;
		left: 0;
        background-color: #000;
		width: 100%;
		z-index: 101;
    }
	.m_sample:hover .sample_sub_menu{
        top: 102.5px;
        left: 0;
        visibility: visible;
        opacity: 1;
		padding-right: 0;
		padding-left: 0 !important;
		margin-left: 0;
    }
	.sample_sub_menu p > a{
		position: relative;
		display: block;
		width: 100%;
	}
	.sample_sub_menu p > a::after{
		content: "▶︎";
		color: #fff;
		font-size: 9px;
		position: absolute;
		top:30%;
		right: 5%;
	}
	.m_sample .sample_sub_menu > li{
		display: block;
        width: 100% !important;
        border-bottom: 1px solid #333;
        font-size: 13px !important;
    }
	.sample_sub_menu ul.sub_inner_menu > li{
        width: 100%;
        padding: 0 10px;
        font-size: 11px;
        height: 40px;
		border-bottom: 1px solid #333;
    }
	.m_sample .sample_sub_menu > ul {
        display: block;
        width: 50%;
        float: left;
        padding:0 0;
        border-bottom: none;
        list-style: none;
    }
	.sample_sub_menu ul.sub_inner_menu > li{
		display: block;
		widows: 100%;
	}
	.sample_sub_menu >ul > li > span{
        display: block;
        width: 100%;
        height: 40px;
		line-height: 40px;
        text-align: center;
		border-bottom: 1px solid #333;
        padding: 0 0 0 0;
        font-weight: bold;
        cursor: default;
		font-size: 12px;
		background-color: #333;
    }
	.sample_sub_menu ul.sub_inner_menu{
        padding-bottom: 0;
    }
	.sample_sub_menu ul.sub_inner_menu > li > a{
		display: block;
		width: 100%;
		padding: 12px 0;
		text-align: left;
		height: 40px;
		min-height: 40px;
		position: relative;
	}
	.sample_sub_menu ul.sub_inner_menu > li > a::after{
		content: "▶︎";
		color: #fff;
		font-size: 9px;
		position: absolute;
		top:30%;
		right: 0%;
	}
	.m_account{
		height: 42px;
		min-height: 42px;
		line-height: 42px;
	}
	.m_account .account_sub_menu{
        position: absolute;
        top: 102.5px;
		left:60%;
		background-color: #000;
		list-style: none;
		display: block;
		width: 50%;
		z-index: 101;
    }
	.m_account:hover .account_sub_menu{
        top: 102.5px;
        left:50%;
        visibility: visible;
        opacity: 1;
    }
    .account_sub_menu > li{
        width: 100% !important;
        font-size: 13px !important;
        text-align: left;
        padding:0 0 0 10px;
		height: 40px;
		line-height: 40px;
    }
    .account_sub_menu > li:nth-child(2),
    .account_sub_menu > li:nth-child(1){
        border-bottom: 1px solid #333;
    }
    .account_sub_menu > li > a{
        text-align: left;
		font-size: 11px;
		display: block;
		width: 100%;
		height: 40px;
		position: relative;
    }
    .account_sub_menu > li > a:hover{
        text-decoration: underline;
    }
	.account_sub_menu > li > a::after{
		content: "▶︎";
		color: #fff;
		font-size: 9px;
		position: absolute;
		top:0%;
		right: 10%;
	}
	.point_no{
		pointer-events: none;
	}
}
@media screen and (max-width: 834px) and (min-width: 768px)  {
	.pressroom-header{
        width: 100%;
        margin-top: 140px;
      }
}