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

body{
background: url(https://edinter.itembox.design/item/campaign/2023/mfv_which/mfvw_bg01.png);
background-size: contain;
    background-attachment: absolute;
	background-position: center;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
ul,ul li{
padding: 0;
margin: 0;
list-style: none;
}
.mfvw_wrap{
width: 94%;
max-width: 600px;
margin: 0 auto;
padding-top:30px;
}
.mfvw_bl01{

}
.mfvw_bl01 ul{

}
.mfvw_bl01 ul li{

}
.mfvw_bl01 ul li:nth-of-type(2){
margin-top: 30px;
}
.mfvw_bl01 ul li:nth-of-type(2) img{
  animation: rotation 50s linear infinite;
  height: auto;
  width: 100%;
}
/* アニメーション */
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.mfvw_bl01 ul li:nth-of-type(3){
margin:30px auto 0 auto;
}
.mfvw_bl01 ul li:nth-of-type(3) img{
max-width: 100%;vertical-align: bottom;
}

.mfvw_bl01 ul li:nth-of-type(4) {
    margin: 50px auto 0 auto;
}
.mfvw_bl01 ul li:nth-of-type(5) {
    margin: 50px auto 0 auto;
}

.mfvw_bl02{
background: #fff;
margin-top: 50px;
}

.mfvw_bl02 ul:nth-of-type(1){
text-align: center;
margin-bottom:50px;
}
.mfvw_bl02 ul li{

}
.mfvw_bl02 ul li a{
    display: inline-block;
    border: 2px solid #f96e53;
    background: #fff;
    color: #f96e53;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
    margin: 20px auto 0 auto;
    font-weight: bold;
	font-size: 150%;
    transition: 0.3s;
}
.mfvw_bl02 ul li a:hover{
background: #f96e53;
    color: #fff;
    transition: 0.3s;
}
.mfvw_bl02 ul li a span{
font-size:60%;
}

.mfv_kiyaku_ul{
width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.mfv_kiyaku {
width: auto;
    margin: 0px auto 0;
    text-align: left;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 30px;
}
.mfv_kiyaku span{
display: block;
    background-color: #fff;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */ linear-gradient(180deg, #000 1px, transparent 1px);
    background-size: 8px 100%, /* 点線1のサイズ */ 100% 40px;
    line-height: 40px;
    padding-bottom: 1px;
    font-size: 12px;
}
.mfv_ses{
text-align: center;
}
.mfv_ses a{
display: inline-block;
border:2px solid #f96e53;
background: #fff;
color:#f96e53;
padding: 10px 20px;
border-radius: 10px;
text-decoration: none;
margin:20px auto 0 auto;
font-weight: bold;
transition: 0.3s;
}
.mfv_ses a:hover{
border:2px solid #f96e53;
background: #f96e53;
color:#fff;
transition: 0.3s;
}