@charset "utf-8";

/* CSS Document */

main {
	width:100%;
	overflow:hidden;
	margin:auto;
	display:block; 
	padding:0 0 15px;
	color:#333;
	background:#fffeed;
	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:1300px;margin:auto;width:96%;}

.mvs .box h4{background:#a62126;font-size:16px;text-align:center;color:#fff;font-weight:bold;padding:10px;line-height:1.7em;margin-bottom:30px;}
.mvs .box h4.h4_2{padding: 6px;line-height: 1.0;}
.mvs .box img{margin-bottom:30px;}
.mvs .box ul{display:flex;flex-wrap:wrap;}
.mvs .box ul li{width:48%;margin-right:2%;margin-bottom:15px;}
.mvs .box ul li:nth-child(2n){margin-right:0;}
.mvs .box ul li a{display:flex;align-items:center;background:#fff;border:2px solid #a62126;border-radius:5px;color:#a62126;text-align:left;padding:10px;/*line-height:2.8em*/height:40px;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:11px;padding-left:24px;}
.mvs .box ul li a .icon1::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/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/wellbeing/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/wellbeing/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/wellbeing/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/wellbeing/icon_5.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 .icon6::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/icon_6.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 .icon7::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/icon_7.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 .icon8::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/icon_8.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 .icon9::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/icon_9.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 .icon10::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/icon_10.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 .icon11::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/icon_11.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 .icon12::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/icon_12.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 .icon13::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/icon_13.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 .icon14::before{content:"";position:absolute;display:block;background:url(../images/wellbeing/icon_14.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/wellbeing/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 .box{width:23%;margin-top:30px;margin-right:2%;}
.mvs .box:nth-of-type(4n){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:12px;}*/
}


/*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:16px;}
.mvs .box img{margin-bottom:4vw;}
.mvs .box ul{width:100%;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;}
.mvs .box ul li a span p{font-size: 8px;}
}





.ac-box{margin-bottom:10px;}
.ac-q{padding:10px 15px;align-items:center;background:#fff;position:relative;cursor:pointer;}
.ac-q::before, .ac-q::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 3px;
    background: #ffffff;
    transition: all .3s ease-in-out;
}
.ac-q::before{transform: rotate(90deg);}
.ac-q.active::before{transform: rotate(180deg);}
.ac-q img, .open .flex .mark{max-width:65px;width:6%;}
.ac-q span{font-size:2.1rem;font-weight:500;width:93%;margin-left:1%;}
.ac-box .open{display:none;padding:10px 15px;background:#ffffff;}
.ac-box .open .flex{display:flex;align-items:flex-start;}
.ac-box .open .flex .text{margin-top:15px;width:93.7%;margin-left:1.3%;}
.ac-box .open .flex .text span{text-decoration:underline;}
.ac-box .open .flex .text img{max-width:682px;margin:20px auto;}