@charset "utf-8";

/* CSS Document */




main {
	width:100%;
	overflow:hidden;
	margin:auto;
	display:block; 
	padding:0 0 15px;
	color:#333;
	background:#fff;
	font-family:'ヒラギノ角ゴ Pro W3','Noto Sans JP','Osaka','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}
main img, footer img{width:100%;}

main a{cursor:pointer;transition: all 0.2s ease-in-out;}
main a:hover{opacity:.6;}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.webmv footer .inner, .webmv header .inner{max-width:1000px;width:98%;}
.contents{max-width:1200px;margin:auto;width:100%;}

.mvs .box h4{background:#e8380d;font-size:28px;text-align:center;color:#fff;font-weight:bold;padding:10px;line-height:1.7em;margin-bottom:30px;}
.mvs .box img{margin-bottom:30px;}
.mvs .box ul{display:flex;flex-wrap:wrap;}
.mvs .box ul li{width:48%;margin-right:4%;margin-bottom:15px;}
.mvs .box ul li:nth-child(2n){margin-right:0;}
.mvs .box ul li a{display:block;background:#fff;border:2px solid #e8380d;border-radius:5px;color:#e8380d;text-align:center;padding:10px;line-height:1.8em;box-shadow: 0 3px 5px rgb(0 0 0 / 30%);}
.mvs .box ul li a:hover{text-decoration:none;opacity:1;background:#f8eedb;box-shadow:none;}
.mvs .box ul li a span{position:relative;font-weight:bold;font-size:13px;padding-left:24px;}
.mvs .box ul li a .icon1::before{content:"";position:absolute;display:block;background:url(../images/webmv/icon_1.png)no-repeat center center;background-size:cover;
width:20px;height:20px;left:0;top:50%;margin-top:-9px;margin-left: -3px;}
.mvs .box ul li a .icon2::before{content:"";position:absolute;display:block;background:url(../images/webmv/icon_2.png)no-repeat center center;background-size:cover;
width:20px;height:20px;left:0;top:50%;margin-top:-9px;margin-left: -3px;}
.mvs .box ul li a .icon3::before{content:"";position:absolute;display:block;background:url(../images/webmv/icon_3.png)no-repeat center center;background-size:cover;
width:20px;height:20px;left:0;top:50%;margin-top:-9px;margin-left: -3px;}
.mvs .box ul li a .icon4::before{content:"";position:absolute;display:block;background:url(../images/webmv/icon_4.png)no-repeat center center;background-size:cover;
width:20px;height:20px;left:0;top:50%;margin-top:-9px;margin-left: -3px;}
.mvs .box ul li a .icon5::before{content:"";position:absolute;display:block;background:url(../images/webmv/icon_5.png)no-repeat center center;background-size:cover;
width:20px;height:20px;left:0;top:50%;margin-top:-9px;margin-left: -3px;}


/*PC--------------------------------------------*/
@media screen and (min-width: 769px){
.pc {display: block !important;}
.sp {display: none !important;}

.pagehead{background:url(../images/webmv/pagehead_bg.gif) top center no-repeat;background-size:cover;}
.pagehead img{max-width:999px;margin:auto;width:96%;}

/*.mvs{display:flex;flex-wrap:wrap;}*/
.mvs{display:flex;justify-content: center}
.mvs .box{width:48%;margin-top:50px;margin-right:4%;}
.mvs .box:nth-of-type(3n){margin-right:0;}
.mvs .box img{box-shadow: 2px 3px 12px -1px #b5b5b5;}
}

@media screen and (max-width: 1003px){
.mvs .box ul li a{padding:10px 6px;}
.mvs .box ul li a span{font-size:16px;}
}
@media screen and (max-width: 857px){
.mvs .box ul li a span{font-size:14px;}
}


/*SP--------------------------------------------*/
@media screen and (max-width: 768px){
.pc {display: none !important;}
.sp {display: block !important;}


.contents{width:100%;}
.mvs{padding-bottom:25vw;}
.mvs .box{margin-top:8vw;}
.mvs .box h4{width:86%;margin:0 auto 5vw;font-size:22px;}
.mvs .box img{margin-bottom:4vw;}
.mvs .box ul{width:92%;margin:auto;}
.mvs .box ul li a{padding:2vw;}
.mvs .box ul li a span{padding-left: 20px;}
.mvs .box ul li a span::before{width:16px;height:16px;margin-top: -7px;}
}