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

/******************************************************/
/**
/**　PC用のcss
/**
*******************************************************/
@media print, screen and (min-width:800px)/* 800以上 */{
#menu{margin:60px 0;}
/*目的別メニュー一覧*/
#menu .mktk{}
#menu .mktk .title_h3{width:354px; height:177px; display:block; margin:0 auto 40px; overflow:hidden;}
#menu .mktk .title_h3 h3{width:354px; height:354px; border-radius:177px; box-sizing:border-box; padding-top:70px; display:block; background:#fffcea; text-align:center;}
#menu .mktk .title_h3 h3 span, #menu .mktk .title_h3 h3 b{display:block; font-family:"Zen Old Mincho", serif; font-weight: 500;
 letter-spacing:0.06em;}
#menu .mktk .title_h3 h3 span{font-size:20px; margin-bottom:20px;}
#menu .mktk .title_h3 h3 b{font-size:38px;}
#menu .mktk h4{width:100%; height:68px; margin:10px 0 44px; background:repeating-linear-gradient(-48deg, #ffffff 0, #ffffff 3px, #f4f4f4 3px, #f4f4f4 6px); display:block; color:#532f1b; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:26px; line-height:68px; letter-spacing:0.08em; text-align:center; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#menu .mktk ul{width:1000px; height:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
#menu .mktk ul li{width:470px; height:110px; margin-bottom:26px; background:#f6bfbe; transition:all 0.3s ease;}
#menu .mktk ul li:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#menu .mktk ul li a{width:470px; height:107px; padding:32px 0 0 54px; display:block; box-sizing:border-box; border:solid 1px #ef7674; background:#fff; color:#ef7674; line-height:1; letter-spacing:0.06em; position:relative;}
#menu .mktk ul li a .catch{margin-bottom:13px; display:block; color:#404040; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:12px;}
#menu .mktk ul li a b{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:24px;}
#menu .mktk ul li a .mini{font-family:"Noto Sans", sans-serif; font-weight:700; font-size:14px; position:relative; top:-3.5px; left:2px;}
#menu .mktk ul li a .catch, #menu .mktk ul li a b, #menu .mktk ul li a .mini{z-index:2;}
#menu .mktk ul li a img{width:120px; height:105px; display:block; position:absolute; top:0; right:0; z-index:1;}
#menu .mktk ul li a:before{content:'>'; position:absolute; top:40px; left:21px; font-size:33px; transform: scale( 0.7 , 1 ); transform-origin:left center;}
/*カウンセリング*/
#menu .counseling{width:100%; height:440px; margin:-20px 0 80px; background:#faf5f0;}
#menu .counseling .text{width:1000px; height:440px; margin:auto; padding:0 30px 0 530px; box-sizing:border-box; background:url("../img/menu/counseling_img.png") no-repeat left top;}
#menu .counseling .text h4{padding:20px 0 15px; border-bottom:solid 1px; font-family:"Zen Old Mincho", serif; font-weight: 400; font-size:25px; line-height:48px; text-align:center; letter-spacing:0.1em;}
#menu .counseling .text p{margin:30px 0; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:16px; line-height:36px; letter-spacing:0.1em; text-align:justify;}
#menu .counseling .text a{height:70px; display:block; background:#fff; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:18px; line-height:70px; text-align:center;}
#menu .counseling .text a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
#menu .counseling .text a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
#menu .counseling .text a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
#menu .counseling .text a, #menu .counseling .text a:hover, #menu .counseling .text a:active{transition:all 0.3s ease;}
/*目的毎のおすすめメニュー*/
#menu h3.title_mktkBox{width:100%; height:68px; margin:10px 0 65px; background:repeating-linear-gradient(-48deg, #ffffff 0, #ffffff 3px, #f4f4f4 3px, #f4f4f4 6px); display:block; color:#532f1b; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:26px; line-height:68px; letter-spacing:0.08em; text-align:center; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#menu .mktkBox{width:1000px; height:500px; margin-bottom:80px; background:#fbf8f7; display:table; position:relative;}
#menu .mktkBox .mds{width:134px; height:134px; padding-top:38px; box-sizing:border-box; border-radius:134px; background:#ef7674; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:14px; line-height:30px; text-align:center; transform:rotate(-10deg); position:absolute; top:-53px; left:-33px;}
#menu .mktkBox .img{float:left; width:500px; height:500px;}
#menu .mktkBox .img img{width:500px; height:500px; display:block; background:#999;}/*←消す*/
#menu .mktkBox .text{float:right; width:500px; height:500px; padding:22px; box-sizing:border-box; position:relative;}
#menu .mktkBox .text h4{width:100%; padding:10px 0 20px; border-bottom:dotted 1px #c0b3ac; font-family:"Zen Old Mincho", serif; font-weight: 400; font-size:32px; letter-spacing:0.06em; text-align:center;}
#menu .mktkBox .text h4+p{margin:24px 0 45px; color:#231815; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:25px; text-align:justify;}
#menu .mktkBox .text h5{width:100%; height:auto; text-align:center; position:relative;}
#menu .mktkBox .text h5 span{width:auto; height:auto; padding:0 10px; background:#fbf8f7; font-family:"Zen Old Mincho", serif; font-weight: 400; font-size:17px; letter-spacing:0.1em; position:relative; left:0.4em; z-index:1;}
#menu .mktkBox .text h5:before{content:''; width:100%; height:0; display:block; border-bottom:dotted 1px #c0b3ac; position:absolute; top:6px; z-index:0;}
#menu .mktkBox .text ul{margin:20px 0; display:flex; flex-wrap:wrap;}
#menu .mktkBox .text ul li{margin:0 12px 12px 0; background:#fff; border:solid 1px #bab0ab; transition:all 0.3s ease;}
#menu .mktkBox .text ul li:hover{box-shadow:0 0 3px #dcd6d3; transition:all 0.3s ease;}
#menu .mktkBox .text ul li a{width:auto; height:40px; display:block; padding:0 16px 0 8px; color:#97867e; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:14px; line-height:40px; transition:all 0.3s ease;}
#menu .mktkBox .text ul li a:hover{transition:all 0.3s ease; opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6;}
#menu .mktkBox .text ul li a:after{content:'▼'; color:#bab0ab; display:inline-block; font-size:10px; position:relative; top:-1px; left:12px; transform:rotate(-90deg);}
#menu .mktkBox .text .attention{width:100%; height:auto; margin:0; color:#84746c; font-family:"Noto Sans", sans-serif; font-weight:300; font-size:12px; line-height:1; position:absolute; bottom:23px;}
#menu .mktkBox .text .attention a{color:#ef7674; text-decoration:underline; transition:all 0.3s ease;}
#menu .mktkBox .text .attention a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#menu .mktkBox .text .attention:before{content:'※';}
}

/******************************************************/
/**
/**　TAB用のcss
/**
*******************************************************/
@media screen and (min-width:481px) and (max-width:799px)/* 481～799 */{
#menu{margin:40px 0;}
/*目的別メニュー一覧*/
#menu .mktk{}
#menu .mktk .title_h3{width:354px; height:177px; display:block; margin:0 auto 40px; overflow:hidden;}
#menu .mktk .title_h3 h3{width:354px; height:354px; border-radius:177px; box-sizing:border-box; padding-top:70px; display:block; background:#fffcea; text-align:center;}
#menu .mktk .title_h3 h3 span, #menu .mktk .title_h3 h3 b{display:block; font-family:"Zen Old Mincho", serif; font-weight: 500;
 letter-spacing:0.06em;}
#menu .mktk .title_h3 h3 span{font-size:20px; margin-bottom:20px;}
#menu .mktk .title_h3 h3 b{font-size:38px;}
#menu .mktk h4{width:100%; height:68px; margin:10px 0 44px; background:repeating-linear-gradient(-48deg, #ffffff 0, #ffffff 3px, #f4f4f4 3px, #f4f4f4 6px); display:block; color:#532f1b; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:4vw; line-height:68px; letter-spacing:0.08em; text-align:center; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#menu .mktk ul{width:94%; height:auto; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
#menu .mktk ul li{width:48.5%; height:0; padding-top:20%; margin-bottom:26px; background:#f6bfbe; transition:all 0.3s ease; position:relative;}
#menu .mktk ul li:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#menu .mktk ul li a{width:100%; height:100%; padding:0 3%; display:block; box-sizing:border-box; border:solid 1px #ef7674; background:#fff; color:#ef7674; line-height:1; letter-spacing:0.06em; position:absolute; top:0; left:0;}
#menu .mktk ul li a .catch{display:block; color:#404040; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:1.5vw; top:4vw; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#menu .mktk ul li a b{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:24px; top:5.5vw;}
#menu .mktk ul li a .mini{font-family:"Noto Sans", sans-serif; font-weight:700; font-size:14px; top:6.3vw; left:2px;}
#menu .mktk ul li a .catch, #menu .mktk ul li a b, #menu .mktk ul li a .mini{z-index:2; position:relative; display:block;}
#menu .mktk ul li a img{width:46.6%; height:auto; display:block; position:absolute; top:0; right:0; z-index:1;}
/*カウンセリング*/
#menu .counseling{width:100% ;height:420px; margin:-20px 0 80px; padding:0; box-sizing:border-box; background:url(../img/menu/counseling_img.png) no-repeat; background-size:cover;}
#menu .counseling .text{width:100%; height:100%; background:rgba(234, 226, 205, 0.5);}
#menu .counseling .text h4{width:90%; margin:auto; padding:20px 0 15px; border-bottom:solid 1px; font-family:"Zen Old Mincho", serif; font-weight: 400; font-size:25px; line-height:48px; text-align:center; letter-spacing:0.1em;}
#menu .counseling .text p{width:90%; margin:30px auto 20px; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:16px; line-height:36px; letter-spacing:0.1em; text-align:justify;}
#menu .counseling .text a{width:90%; height:70px; margin:auto; display:block; background:#fff; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:18px; line-height:70px; text-align:center;}
#menu .counseling .text a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
#menu .counseling .text a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
#menu .counseling .text a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
#menu .counseling .text a, #menu .counseling .text a:hover, #menu .counseling .text a:active{transition:all 0.3s ease;}
/*目的毎のおすすめメニュー*/
#menu h3.title_mktkBox{width:100%; height:68px; margin:10px 0 65px; background:repeating-linear-gradient(-48deg, #ffffff 0, #ffffff 3px, #f4f4f4 3px, #f4f4f4 6px); display:block; color:#532f1b; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:4vw; line-height:68px; letter-spacing:0.08em; text-align:center; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#menu .mktkBox{width:90%;height:auto;margin: 0 auto 70px;/* background:#fbf8f7; *//* display:table; */position:relative;}
#menu .mktkBox:last-child{margin-bottom:45px;}
#menu .mktkBox .mds{width: 124px;height: 124px;padding-top: 35px;box-sizing:border-box;border-radius:134px;background:#ef7674;color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 2.4vw;line-height: 2;text-align:center;transform:rotate(-10deg);position:absolute;top: -5%;left: -5%;}
#menu .mktkBox .img{width:100%; height:auto; margin:auto;}
#menu .mktkBox .img img{width: 100%;height: auto;display:block;background:#999;}/*←消す*/
#menu .mktkBox .text{width: 92%;height:auto;margin: -85px auto 0;padding:22px;background: #fbf8f7;border: solid 2px #d2c8c2;box-sizing:border-box;position:relative;}
#menu .mktkBox .text h4{width:100%;padding:10px 0 20px;border-bottom:dotted 1px #c0b3ac;color: #ef7674;font-family:"Zen Old Mincho", serif; font-weight: 400;font-size: 5vw;letter-spacing:0.06em;text-align:center;}
#menu .mktkBox .text h4+p{margin:24px 0 45px;color:#231815;font-family:"Noto Sans", sans-serif; font-weight:400;font-size: 2.4vw;line-height: 1.9;text-align:justify;}
#menu .mktkBox .text h5{width:100%; height:auto; text-align:center; position:relative;}
#menu .mktkBox .text h5 span{width:auto;height:auto;padding:0 10px;background:#fbf8f7;color: #ef7674;font-family:"Zen Old Mincho", serif; font-weight: 400;font-size: 3vw;letter-spacing:0.1em;position:relative;left:0.4em;z-index:1;}
#menu .mktkBox .text h5:before{content:''; width:100%; height:0; display:block; border-bottom:dotted 1px #c0b3ac; position:absolute; top:6px; z-index:0;}
#menu .mktkBox .text ul{margin:20px 0; display:flex; flex-wrap:wrap;}
#menu .mktkBox .text ul li{margin:0 12px 12px 0; background:#fff; border:solid 1px #bab0ab; transition:all 0.3s ease;}
#menu .mktkBox .text ul li:hover{box-shadow:0 0 3px #dcd6d3; transition:all 0.3s ease;}
#menu .mktkBox .text ul li a{width:auto;height:40px;display:block;padding:0 16px 0 8px;color:#97867e;font-family:"Noto Sans", sans-serif; font-weight:400;font-size: 2.2vw;line-height:40px;transition:all 0.3s ease;}
#menu .mktkBox .text ul li a:hover{transition:all 0.3s ease; opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6;}
#menu .mktkBox .text ul li a:after{content:'▼'; color:#bab0ab; display:inline-block; font-size:10px; position:relative; top:-1px; left:12px; transform:rotate(-90deg);}
#menu .mktkBox .text .attention{width:100%; height:auto; margin:0; color:#84746c; font-family:"Noto Sans", sans-serif; font-weight:300; font-size:2.4vw; line-height:1; position:absolute; bottom:23px;}
#menu .mktkBox .text .attention a{color:#ef7674; text-decoration:underline; transition:all 0.3s ease;}
#menu .mktkBox .text .attention a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#menu .mktkBox .text .attention:before{content:'※';}
}


/******************************************************/
/**
/**　SP用のcss
/**
*******************************************************/
@media screen and (max-width:480px)/* 480以下 */{
#menu{margin:20px 0 40px;}
/*目的別メニュー一覧*/
#menu .mktk{}
#menu .mktk .title_h3{width:340px; height:170px; display:block; margin:0 auto 40px; overflow:hidden;}
#menu .mktk .title_h3 h3{width:340px; height:340px; border-radius:170px; box-sizing:border-box; padding-top:70px; display:block; background:#fffcea; text-align:center;}
#menu .mktk .title_h3 h3 span, #menu .mktk .title_h3 h3 b{display:block; font-family:"Zen Old Mincho", serif; font-weight: 500;
 letter-spacing:0.06em;}
#menu .mktk .title_h3 h3 span{font-size:4vw; margin-bottom:20px;}
#menu .mktk .title_h3 h3 b{font-size:8vw;}
#menu .mktk h4{width:100%; height:68px; margin:10px 0 25px; background:repeating-linear-gradient(-48deg, #ffffff 0, #ffffff 3px, #f4f4f4 3px, #f4f4f4 6px); display:block; color:#532f1b; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:4vw; line-height:68px; letter-spacing:0.08em; text-align:center; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#menu .mktk ul{width:94%; height:auto; margin:auto;}
#menu .mktk ul li{width:100%; height:0; padding-top:30%; margin-bottom:20px; background:#f6bfbe; transition:all 0.3s ease; position:relative;}
#menu .mktk ul li:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#menu .mktk ul li a{width:100%; height:97%; padding:0 3%; display:block; box-sizing:border-box; border:solid 1px #ef7674; background:#fff; color:#ef7674; line-height:1; /*letter-spacing:0.06em;*/ position:absolute; top:0; left:0;}
#menu .mktk ul li a .catch{display:block; color:#404040; font-family:"Noto Sans", sans-serif; font-weight:400; font-size:1.5vw; top:7vw; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#menu .mktk ul li a b{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:24px; top:9.5vw;}
#menu .mktk ul li a .mini{font-family:"Noto Sans", sans-serif; font-weight:500; font-size:14px; top:9.2vw; left:2px; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#menu .mktk ul li a .catch, #menu .mktk ul li a b, #menu .mktk ul li a .mini{z-index:2; position:relative;}
#menu .mktk ul li a img{width:32.8%; height:auto; display:block; position:absolute; top:0; right:0; z-index:1;}
/*カウンセリング*/
#menu .counseling{width:100%;height: auto;margin: 0px 0 40px;box-sizing:border-box;background:url(../img/menu/counseling_img.png) no-repeat;background-size:cover;}
#menu .counseling .text{width:100%;height:100%;padding-bottom: 20px;background:rgba(234, 226, 205, 0.5);}
#menu .counseling .text h4{width:90%;margin:auto;padding:20px 0 15px;border-bottom:solid 1px;font-family:"Zen Old Mincho", serif; font-weight: 400;font-size: 5vw;line-height: 1.7;text-align:center;letter-spacing:0.1em;}
#menu .counseling .text p{width:90%;margin:30px auto 20px;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 3.4vw;line-height: 2;letter-spacing:0.1em;text-align:justify;}
#menu .counseling .text a{width:90%; height:70px; margin:auto; display:block; background:#fff; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:18px; line-height:70px; text-align:center;}
#menu .counseling .text a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
#menu .counseling .text a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
#menu .counseling .text a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
#menu .counseling .text a, #menu .counseling .text a:hover, #menu .counseling .text a:active{transition:all 0.3s ease;}
/*目的毎のおすすめメニュー*/
#menu h3.title_mktkBox{width:100%;height:68px;margin: 10px 0 35px;background:repeating-linear-gradient(-48deg, #ffffff 0, #ffffff 3px, #f4f4f4 3px, #f4f4f4 6px);display:block;color:#532f1b;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size:4vw;line-height:68px;letter-spacing:0.08em;text-align:center;text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#menu .mktkBox{width: 90%;height:auto;margin: 0 auto 50px;/* background:#fbf8f7; *//* display:table; */position:relative;}
#menu .mktkBox:last-child{margin-bottom:45px;}
#menu .mktkBox .mds{width: 100px;height: 100px;padding-top: 28px;box-sizing:border-box;border-radius:134px;background:#ef7674;color:#fff;font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size: 2.5vw;line-height: 2;text-align:center;transform:rotate(-10deg);position:absolute;top: -5%;left: -5%;}
#menu .mktkBox .img{width:100%; height:auto; margin:auto;}
#menu .mktkBox .img img{width: 100%;height: auto;display:block;background:#999;}/*←消す*/
#menu .mktkBox .text{width: 94%;height:auto;margin: -16vw auto 0;padding: 4vw;background: #fbf8f7;border: solid 2px #d2c8c2;box-sizing:border-box;position:relative;}
#menu .mktkBox .text h4{width:100%;padding: 0 0 10px;border-bottom:dotted 1px #c0b3ac;color: #ef7674;font-family:"Zen Old Mincho", serif; font-weight: 500;
font-size: 5vw;letter-spacing:0.06em;text-align:center;}
#menu .mktkBox .text h4+p{margin: 15px 0 25px;color:#231815;font-family:"Noto Sans", sans-serif; font-weight:400;font-size: 2.4vw;line-height: 1.9;text-align:justify;}
#menu .mktkBox .text h5{width:100%; height:auto; text-align:center; position:relative;}
#menu .mktkBox .text h5 span{width:auto;height:auto;padding:0 10px;background:#fbf8f7;color: #ef7674;font-family:"Zen Old Mincho", serif; font-weight: 900;
;font-size: 3vw;letter-spacing:0.1em;position:relative;left:0.4em;z-index:1;}
#menu .mktkBox .text h5:before{content:''; width:100%; height:0; display:block; border-bottom:dotted 1px #c0b3ac; position:absolute; top:6px; z-index:0;}
#menu .mktkBox .text ul{margin:20px 0; display:flex; flex-wrap:wrap;}
#menu .mktkBox .text ul li{margin:0 12px 12px 0; background:#fff; border:solid 1px #bab0ab; transition:all 0.3s ease;}
#menu .mktkBox .text ul li:hover{box-shadow:0 0 3px #dcd6d3; transition:all 0.3s ease;}
#menu .mktkBox .text ul li a{width:auto;height:40px;display:block;padding: 0 12px 0 6px;color:#97867e;font-family:"Noto Sans", sans-serif; font-weight:400;font-size: 2.2vw;line-height:40px;transition:all 0.3s ease;}
#menu .mktkBox .text ul li a:hover{transition:all 0.3s ease; opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6;}
#menu .mktkBox .text ul li a:after{content:'▼';color:#bab0ab;display:inline-block;font-size:10px;position:relative;top:-1px;left: 8px;transform:rotate(-90deg);}
#menu .mktkBox .text .attention{width:100%;height:auto;margin:0;color:#84746c;font-family:"Noto Sans", sans-serif; font-weight:300;font-size: 2.4vw;line-height:1;position:absolute;bottom:23px;}
#menu .mktkBox .text .attention a{color:#ef7674; text-decoration:underline; transition:all 0.3s ease;}
#menu .mktkBox .text .attention a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
#menu .mktkBox .text .attention:before{content:'※';}
}