@charset "utf-8";

/* m_visual */
#mVisual{width: 100%; position: fixed;}
#mVisual .mv{background-repeat: no-repeat; background-position: center center; background-size: cover; height: 670px;}
#mVisual .mv.mv1{background-image: url("/wp-content/uploads/sites/6/legacy/images/main/mv1.jpg");}
#mVisual .mv.mv2{background-image: url("/wp-content/uploads/sites/6/legacy/images/main/mv2.jpg");}
#mVisual .mv .mv_txt{display: flex; justify-content: center; align-items: center; height: 100%; flex-direction: column;}
#mVisual .mv .mv_txt .img{}
#mVisual .mv .mv_txt .img img{width: 100%;}
#mVisual .mv .mv_txt p{font-size: 2.2rem; font-style: italic; color: #fff; margin: 25px 0 35px;}
#mVisual .mv .mv_txt p span{font-size: 2.6rem; font-weight: 600;}
#mVisual .mv .mv_txt .btn_box{display: flex; text-align: center;}
#mVisual .mv .mv_txt .btn_box a{display: block; width: 200px; height: 54px; display: flex; justify-content: center; align-items: center; font-size: 2rem; font-weight: 500; margin: 0 10px; border-radius: 5px;}
#mVisual .mv .mv_txt .btn_box a:nth-child(1){background-color: #fff; color: #950312}
#mVisual .mv .mv_txt .btn_box a:nth-child(2){background-color: #950312;color: #fff;}

#mVisual .slick-dots{transform: translateX(-50%); bottom: 4%;}
#mVisual .slick-dots li{margin: 5px; width: 14px; height: 14px;}
#mVisual .slick-dots li.slick-active{background-color: #fff;}

@media all and (max-width:999px){
	#mVisual .mv{height: 75vh;}
	#mVisual .mv .mv_txt .img{max-width: 50vw;}
	#mVisual .mv .mv_txt .btn_box a{height: 48px;}
}
@media all and (max-width:640px){
	#mVisual .mv .mv_txt .btn_box{width: 100%; justify-content: center;}
	#mVisual .mv .mv_txt .btn_box a{width: 49%;}
}


/* m_menu */
.m_menu{background: url("/wp-content/uploads/sites/6/legacy/images/main/m_menu_bg.jpg") no-repeat center center; background-size: cover !important; padding: 80px 0 100px; position: relative; margin-top: 670px; position: relative; z-index: 3;}
.m_menu::after{content: ''; background: url("/wp-content/uploads/sites/6/legacy/images/common/f_fran_deco.png") repeat-x; width: 100%; height: 8px; display: block; position: absolute; bottom: -8px;}
.m_menu .inner{text-align: center;}
.m_menu .inner .title{}
.m_menu .inner .title h4{color: #333333; font-size: 2rem; font-weight: 500;}
.m_menu .inner .title h4 img{ vertical-align: inherit;position: relative; top: 2px;}
.m_menu .inner .title h3{font-size: 4.2rem; font-style: italic; font-family: 'Montserrat', sans-serif; color: #212121; letter-spacing: -0.06em; margin: 10px 0 20px;}
.m_menu .inner .title h3 span{ color: #950312;}
.m_menu .inner .title p{color: #333333; font-size: 1.6rem; word-break: keep-all;}

.m_menu .inner .list{display: flex; margin-top: 50px;}
.m_menu .inner .list li{margin: 0 10px; width: 25%;}
.m_menu .inner .list li a{}
.m_menu .inner .list li a .tit{padding: 12px 0 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.m_menu .inner .list li:nth-child(1) a .tit{background-color: #006847; color: #fff; font-size: 1.6rem;}
.m_menu .inner .list li:nth-child(2) a .tit{background-color: #fff; color: #000000;}
.m_menu .inner .list li:nth-child(3) a .tit{background-color: #ce1126; color: #fff;}
.m_menu .inner .list li:nth-child(4) a .tit{background-color: #272727; color: #fff;}
.m_menu .inner .list li:nth-child(5) a .tit{background-color: #950312; color: #fff;}
.m_menu .inner .list li a .tit span{font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 2.4rem; margin-right: 6px;}
.m_menu .inner .list li a .img{}
.m_menu .inner .list li a .img img{max-width: 100%;}
.m_menu .inner .list li a p{color: #444444; text-align: center; word-break: keep-all; margin-top: 10px; font-size: 1.6rem; letter-spacing: -0.05em;}

@media all and (max-width:999px){
	.m_menu{margin-top: 75vh; padding: 12% 0 14%;}
	.m_menu .inner .list{margin-top: 9%; flex-wrap: wrap; justify-content: space-between;}
	.m_menu .inner .list li{width: calc(50% - 10px); margin-bottom: 4%; margin-left: 0; margin-right: 0;}
	.m_menu .inner .list li a .img img{width: 100%;}
}
@media all and (max-width:480px){
	.m_menu .inner .list li{width: 96%; margin-left: auto; margin-right: auto; margin-bottom: 8%;}
}
