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

.btn.btnArea a{}
.btn.btnArea a:hover{}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  MV
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#MV{background-image: url(../../images/munpremier/specialoffer_MV_smp.jpg)}
#MV .Inner .MVbtn{}
#MV .Inner .MVbtn a{}
#MV .Inner .MVbtn a .main{}
#MV .Inner .MVbtn a .sub{}
#MV .Inner .MVbtn a:after{}
#MV .Inner .MVbtn a:hover{}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  News
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#News{
	width: 86%;
	padding: 30px 0;
}
#News .Inner{
	display: block;
	width: 100%;
}
#News .Inner h2{
	padding: 8px 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	line-height: 1;
	width: 100%;
}
#News .Inner h2 .main{
	font-size: 4vw;
}
#News .Inner h2 .sub{
	padding-left: 10px;
	font-size: 13px;
}
#News .Inner .Main{
	padding: 10px;
}
#News .Inner .Main dl{
	display: block;
	font-size: 13px;
}
#News .Inner .Main dl + dl{}
#News .Inner .Main dt{}
#News .Inner .Main dd{}

#News #Recom{
	margin-top: 20px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Benefits
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Benefits{
	padding: 30px 0 1px 0;
	background-position: center center;
}
#Benefits:before{
	background-color: rgb(0 0 0 / 75%);
}
#Benefits .Inner{
	width: 86%;
	display: block;
}
#Benefits .Inner .Entry{
	width: 100%;
	margin-bottom: 50px;
}
#Benefits .Inner .Entry .icon{
	font-size: 23vw;
}
#Benefits .Inner .Entry .photo{}
#Benefits .Inner .Entry .photo img{}
#Benefits .Inner .Entry .photo .caption{}
#Benefits .Inner .Entry dl{}
#Benefits .Inner .Entry dt{
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}
#Benefits .Inner .Entry dt br{
	display: none;
}
#Benefits .Inner .Entry dd{
	text-align: left;
}
#Benefits .Inner .Entry dd a{}
#Benefits .Inner .Entry dd a:hover{}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Product
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Product{
	padding: 30px 0 1px 0;
}
#Product .Inner{
	width: 86%;
	display: block;
	padding-top: 5px;
}
#Product .Inner .Entry{
	width: 100%;
	margin-bottom: 35px;
}
#Product .Inner .Entry .photo{
	width: 100px;
	height: 100px;
}
#Product .Inner .Entry .photo img{}
#Product .Inner .Entry dl{
	margin-left: 15px;
}
#Product .Inner .Entry dt{}
#Product .Inner .Entry dt .sub{}
#Product .Inner .Entry dt .main{
	font-size: 4vw;
}
#Product .Inner .Entry dt .main span{}
#Product .Inner .Entry dd{
	line-height: 1.7;
}
#Product .Inner .Entry .btn{
	margin-top: 10px;
}
#Product .Inner .Entry .btn a{
	font-size: 14px;
	padding: 9px 30px;
	display: block;
	text-align: center;
}
#Product .Inner .Entry .btn a:hover{}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Company
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
#Company{
	padding: 30px 0 40px 0;
}
#Company .Intro{
	width: 86%;
	display: block;
}
#Company .Intro dl{
	padding-right: 0;
	margin-bottom: 30px;
}
#Company .Intro dt{
	font-size: 3.4vw;
}
#Company .Intro dt br{
	display: none;
}
#Company .Intro dd{}
#Company .Intro .logo{
	width: 80%;
	margin: 0 auto;
}
#Company .Intro .logo span{}
#Company .Intro .logo span + span{}
#Company .Intro .logo span img{}


#Company .Flow{
	width: 86%;
}
#Company .Flow .Sec{
	padding: 20px 0;
	margin: 0 20px;
}
#Company .Flow .Sec + .Sec{}
#Company .Flow .Sec dl{
	display: block;
}
#Company .Flow .Sec dt{
	width: 100%;
	margin-bottom: 5px;
}
#Company .Flow .Sec dt br{
	display: none;
}
#Company .Flow .Sec dt span{}
#Company .Flow .Sec dd{
	padding-left: 2em;
}
#Company .Flow .Sec dd .txt{}
#Company .Flow .Sec dd .txt strong{}
#Company .Flow .Sec dd .txt strong.reg{display: inline;}
#Company .Flow .Sec dd .txt strong.reg span{
	font-size: 100%;
}
#Company .Flow .Sec dd p + p{}
#Company .Flow .Sec dd .btn{
	display: flex;
	flex-wrap: wrap;
}
#Company .Flow .Sec dd .btn a{
	margin: 3px;
}
#Company .Flow .Sec dd .btn a + a{
	margin-left: 3px;
}
#Company .Flow .Sec dd .btn a:hover{}
#Company .Flow .Sec dd .info{
	display: block;
	width: 100%;
	text-align: center;
}
#Company .Flow .Sec dd .info .ttl{
	display: block;
	padding: 4px 0;
}
#Company .Flow .Sec dd .info .btn{}
#Company .Flow .Sec dd .info .btn a{
	padding: 5px 20px;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#Company .Flow .Sec dd .info .btn a:hover{}
#Company .Flow .Sec dd .atte{}
#Company .Flow .Sec dd .atte + .atte{}