@charset "utf-8"; /* CSS Document */

.btn.btnArea a{
	background-color: #8e6f98;
	border: 1px solid #dbadea;
}
.btn.btnArea a:hover{
	background-color: #8e6f98;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  MV
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#MV{background-image: url(../../images/munpremier/specialoffer_MV.jpg)}
#MV .Inner .MainBox{
    border: 1px solid rgb(219 173 234 / 50%);
}
#MV .Inner .MainBox .SubTtl{background-color: rgb(142 111 152 / 70%);}

#MV .Inner .MainBox .MainTxt{
}
#MV .Inner .MainBox .MainTxt + .MainTxt{
}
#MV .Inner .MainBox .MainTxt + .MainTxt:before{background-color: #8e6f98;}
#MV .Inner .MainBox .MainTxt br{}


#MV .Inner .MVbtn{
}
#MV .Inner .MVbtn a{
	background-color: rgb(142 111 152 / 80%);
	border: 2px solid #dbadea;
}
#MV .Inner .MVbtn a .main{

}
#MV .Inner .MVbtn a .sub{
}
#MV .Inner .MVbtn a:after{
}
#MV .Inner .MVbtn a:hover{
	background-color: rgb(99 75 106 / 80%);
}



/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  News
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#News{
	padding: 80px 0 75px 0;
	max-width: 1000px;
	margin: 0 auto;
}
#News .Inner{
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin: 0 auto;
	border: 3px solid #8e6f98;
	box-sizing: border-box;
	border-radius: 3px;
}
#News .Inner h2{
	width: 170px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #8e6f98;
}
#News .Inner h2 .main{
	font-size: 23px;
}
#News .Inner h2 .sub{
	font-size: 16px;
}

#News .Inner .Main{
	flex: 1;
	padding: 20px 25px;
}
#News .Inner .Main dl{
	display: flex;
	color: #dbadea;
	font-size: 15px;
}
#News .Inner .Main dl + dl{
	margin-top: 12px;
	border-top: 1px dotted #8e6f98;
	padding-top: 12px;
}
#News .Inner .Main dt{
	font-weight: bold;
	padding-right: 10px;
}
#News .Inner .Main dd{}

#News .Inner .Main dd a{color:#dbadea}
#News #Recom{
	margin-top: 40px;
}
#News #Recom h2{}
#News #Recom h2 .main{
	font-size: 160%;
}
#News #Recom h2 .sub{
	font-size: 90%;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Benefits
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Benefits{background-image: url(../../images/munpremier/index_benefits_MV.jpg);position: relative;background-position: top center;background-repeat: no-repeat;background-size: cover;padding: 60px 0 20px 0;}
#Benefits:before{content:"";background-color: rgb(0 0 0 / 80%);position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

#Benefits .Inner{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 30px;
}
#Benefits .Inner .Entry{
	width: 46%;
	position: relative;
	margin-bottom: 90px;
}
#Benefits .Inner .Entry .icon{
	color: #8e6f98;
	font-size: 140px;
	font-style: italic;
	position: absolute;
	z-index: 2;
	line-height: 1;
	top: -0.6em;
	left: 10px;
}
#Benefits .Inner .Entry .photo{
	position: relative;
	line-height: 1;
	margin-bottom: 10px;
}
#Benefits .Inner .Entry .photo img{
	width: 100%;
}
#Benefits .Inner .Entry .photo .caption{	position: absolute;
	bottom: 0;
	font-size: 10px;
	background-color: #000;
	padding: 2px 2px;
	right: 0;
	line-height: 1;}
#Benefits .Inner .Entry dl{
	text-align: center;
}
#Benefits .Inner .Entry dt{
	font-size: 16px;
	text-shadow: 0 0 5px #000;
	margin-bottom: 15px;
	line-height: 1.8;
}
#Benefits .Inner .Entry dd{}
#Benefits .Inner .Entry dd a{
	color: #dbadea;
	border: 2px solid #dbadea;
	padding: 8px 60px;
	font-size: 15px;
	border-radius: 2px;
}
#Benefits .Inner .Entry dd a:hover{
	background-color: #dbadea;
	color: #000;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Product
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Product{
	padding: 60px 0 80px 0;
}
#Product .Inner{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 25px;
}
#Product .Inner .Entry{
	width: 48%;
	display: flex;
	margin-bottom: 70px;
}
#Product .Inner .Entry .photo{
	width: 160px;
	height: 160px;
}
#Product .Inner .Entry .photo img{
	width: 100%;
	border-radius: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
#Product .Inner .Entry dl{
	flex: 1;
	margin-left: 20px;
}
#Product .Inner .Entry dt{
	margin-bottom: 8px;
}
#Product .Inner .Entry dt .sub{
	padding-bottom: 3px;
}
#Product .Inner .Entry dt .main{
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 1.4;
}
#Product .Inner .Entry dt .main span{
	font-size: 70%;
}
#Product .Inner .Entry dd{
	font-size: 13px;
	line-height: 1.9;
}
#Product .Inner .Entry .btn{
	margin-top: 15px;
}
#Product .Inner .Entry .btn a{	color: #dbadea;
	border: 2px solid #dbadea;
	padding: 8px 60px;
	font-size: 15px;
	border-radius: 2px;}
#Product .Inner .Entry .btn a:hover{	background-color: #dbadea;
	color: #000;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Company
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Company{	background-color: #222222;
	padding: 60px 0 80px 0;}
#Company .Intro{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#Company .Intro dl{
	flex: 1;
	padding-right: 40px;
}
#Company .Intro dt{
	font-size: 17px;
	margin-bottom: 15px;
	line-height: 1.8;
}
#Company .Intro dd{
	line-height: 2;
}
#Company .Intro .logo{
	width: 340px;
	text-align: center;
}
#Company .Intro .logo span{}
#Company .Intro .logo span + span{
	display: inline-block;
	margin-top: 20px;
}
#Company .Intro .logo span img{
	width: 100%;
}


#Company .Flow{
	width: 1000px;
	margin: 0 auto;
	background: linear-gradient(to bottom, rgba(70,70,70,1) 0%,rgba(50,50,50,1) 100%);
	border: 1px solid #626262;
	border-radius: 3px;
	margin-top: 40px;
}
#Company .Flow h3{
	text-shadow: 0 0 5px #000;
	font-size: 20px;
	margin-top: -1em;
	margin-left: 20px;
}
#Company .Flow h3 span{
	font-size: 70%;
}
#Company .Flow .Sec{
	padding: 25px 0;
	margin: 0 25px;
}
#Company .Flow .Sec + .Sec{
	border-top: 1px solid #818181;
}
#Company .Flow .Sec dl{
	display: flex;
	justify-content: space-between;
}
#Company .Flow .Sec dt{
	width: 11em;
	font-size: 15px;
	display: flex;
	align-items: flex-start;
}
#Company .Flow .Sec dt span{
	font-size: 30px;
	font-style: italic;
	display: inline-block;
	padding-right: 10px;
	line-height: 1;
	margin-top: -5px;
}
#Company .Flow .Sec dd{
	flex: 1;
	padding-left: 30px;
}
#Company .Flow .Sec dd .txt{
	line-height: 1.8;
}
#Company .Flow .Sec dd .txt strong{
	color: #cab471;
}
#Company .Flow .Sec dd .txt strong.reg{	display: flex;
	align-items: center;}
#Company .Flow .Sec dd .txt strong.reg span{	font-size: 190%;
	font-weight: normal;
	display: inline-block;
	line-height: 1;}
#Company .Flow .Sec dd p + p{
	margin-top: 10px;
}
#Company .Flow .Sec dd .btn{}
#Company .Flow .Sec dd .btn a{
	border: 1px solid #dbadea;
	color: #dbadea;
	padding: 4px 25px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 2px;
}
#Company .Flow .Sec dd .btn a + a{
	margin-left: 3px;
}
#Company .Flow .Sec dd .btn a:hover{
	background-color: #dbadea;
	color: #000;
}
#Company .Flow .Sec dd .info{
	display: flex;
	border: 1px solid #dbadea;
	width: fit-content;
}
#Company .Flow .Sec dd .info .ttl{
	padding: 7px 13px;
	font-size: 13px;
	text-align: center;
	background-color: #dbadea;
	color: #000;
	font-weight: bold;
	line-height: 1.5;
}


#Company .Flow .Sec dd .info .btn{}
#Company .Flow .Sec dd .info .btn a{
	display: flex;
	height: 100%;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	border: none;
	padding: 0 23px;
}
#Company .Flow .Sec dd .info .btn a:hover{}
#Company .Flow .Sec dd .atte{
	background-color: #555555;
	font-size: 13px;
	padding: 10px 10px;
	line-height: 1.8;
}
#Company .Flow .Sec dd .atte + .atte{}