@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2020.09.23
Style Info:     バリ島　ウェルネス・ツーリズム　CSS
----------------------------------------------------------- */



#wellness {line-height: 180%; font-size: 16px; color: #444444;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; background: #ffffff;}



#wellness img {width: 100%;}

#wellness a{text-decoration:none;}
#wellness a:hover{opacity:.75;text-decoration:none;}
#wellness a:active, #wellness a:focus{outline:none;text-decoration:none;}
#wellness img{vertical-align:bottom;width:100%;height:auto;}



#wellness .container {max-width: 860px; width: 100%; margin: 0 auto; padding: 0 15px;}
#wellness .font_min {line-height: 180%;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝"; font-weight: bold;}

.Android #wellness .font_min {font-family:'Noto Serif JP', serif; font-weight: 900;}



@media screen and (max-width:767px) {
	#wellness .content {background: #f5f3eb; padding: 0;}
	#wellness .link_btn a {border-radius: 5px;}
}

@media screen and (max-width:640px) {
	#wellness {font-size: 15px;}

}



/* --------------------------------------------------------- */
/* パンくず文字長調整 */
/* --------------------------------------------------------- */
#wellness .breadcrumb_nav {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* ------------------------------------------------ */
/* 看板 */
/* ------------------------------------------------ */

#wellness .visual { width: 100%; background: url("../img/visual.jpg") no-repeat top center; height: 600px; padding-top: 150px;}
#wellness .visual .bord {max-width: 960px; width: 100%; height: 300px; margin: 0 auto; background: rgba(255,255,255,0.9); display: flex;  align-items: center; justify-content: center;}
#wellness .visual .bord span {display:block; text-align: center;}
#wellness .visual .bord .txt_01 {font-size: 32px; margin-bottom: 10px; line-height: 1;}
#wellness .visual .bord .txt_02 ,
#wellness .sec_plan .sec_tit .txt_01 {font-size: 52px; color: #607c0a; line-height: 140%;}
#wellness .visual .bord .txt_03 {font-size: 23px; line-height: 1;}

@media screen and (max-width:961px) {
	#wellness .visual .bord .txt_01 {font-size: 3vw;}
	#wellness .visual .bord .txt_02 ,
	#wellness .sec_plan .sec_tit .txt_01 {font-size: 5.4vw; line-height: 1.3;}
	#wellness .visual .bord .txt_03 {font-size: 2.3vw; padding-top: 5px;}


}


@media screen and (max-width:640px) {
	#wellness .visual { width: 100%; background: url("../img/visual_sp.jpg") no-repeat top center; background-size: cover; height: 102.65vw; padding-top: 6.02vw;}
	#wellness .visual .bord {height: 34vw;}
	#wellness .visual .bord .txt_01 {font-size: 4.3vw; margin: 5px 0;}
	#wellness .visual .bord .txt_02 ,
	#wellness .sec_plan .sec_tit .txt_01 {font-size: 6.98vw;}
	#wellness .visual .bord .txt_02
	#wellness .visual .bord .txt_03 {font-size: 3.13vw;}


}


#wellness .sec_tit {text-align: center; font-size: 26px;}

@media screen and (max-width:640px) {
	#wellness .sec_tit {font-size: 4.6vw; line-height: 1.4;}
}

/* ------------------------------------------------ */
/* sec_lead
/* ------------------------------------------------ */

#wellness .sec_lead {padding: 80px 0 120px; }
#wellness .sec_lead .sec_tit {margin-bottom: 50px;}

@media screen and (max-width:640px) {
	#wellness .sec_lead {padding: 4.8vw 0 12vw;}
	#wellness .sec_lead .sec_tit {margin-bottom: 3vw; }
}

/* ------------------------------------------------ */
/* sec_miryoku
/* ------------------------------------------------ */

#wellness .sec_miryoku .sec_tit {margin-bottom: 30px;}
#wellness .sec_miryoku .slider_bord {margin-bottom: 70px;}
#wellness .sec_miryoku .con_tit {color: #287947; font-size: 26px; margin-bottom: 30px; text-align: center;}
#wellness .sec_miryoku .con_miryoku {padding-bottom: 100px;}
#wellness .sec_miryoku .con_miryoku .linl_txt {margin-top: 40px;}
#wellness .sec_miryoku .con_miryoku .linl_txt a {color: #287947; text-decoration: underline;}
#wellness .sec_miryoku .con_miryoku .linl_txt a:after {content: ""; display: inline-block; width: 10px; height: 10px; border-right:solid 1px #287947; border-bottom:solid 1px #287947; transform: rotate(45deg) translateY(-5px); margin-left: 10px;}

#wellness .sec_miryoku .con_miryoku .slider_01 .slick-slide {width: 860px; margin: 0 40px;}
#wellness .sec_miryoku .con_miryoku .slider_01 .slick-slide:not(.slick-center) {opacity: 0.2;}
#wellness .sec_miryoku .con_miryoku .slider_01 .slick-prev,
#wellness .sec_miryoku .con_miryoku .slider_01 .slick-next {left:calc(50% - 475px); top:50%; z-index: 100;}
#wellness .sec_miryoku .con_miryoku .slider_01 .slick-next {left:calc(50% + 455px);}
#wellness .sec_miryoku .con_miryoku .slider_01 .slick-prev:before ,
#wellness .sec_miryoku .con_miryoku .slider_01 .slick-next:before {content: ""; display: block; width: 20px; height: 20px; border-top: solid 1px #287947;  border-left: solid 1px #287947; transform: rotate(-45deg);}
#wellness .sec_miryoku .con_miryoku .slider_01 .slick-next:before {transform: rotate(135deg);}
#wellness .sec_miryoku .con_miryoku .slider_01 .slick-dots {bottom: -40px;}
#wellness .sec_miryoku .con_miryoku .slider_01 .slick-dots li {width: 15px; height: 15px;}
#wellness .slick-dots button { width: 100%; height: 100%; background: #cccccc; border-radius: 20px;}
#wellness .slick-dots li.slick-active  button {background:#287947; }
#wellness .slick-dots button:before {display: none;}


@media screen and (max-width:861px) {
	#wellness .sec_miryoku .con_miryoku .slider_01 .slick-slide {width: auto; margin: 0; opacity: 1;}
	#wellness .sec_miryoku .con_miryoku .slider_01 .slick-slide:not(.slick-center) {opacity: 1;}

}
@media screen and (max-width:640px) {
	#wellness .sec_miryoku .con_tit {font-size: 4.8vw; margin-bottom: 3vw; line-height: 1.4;}
	#wellness .sec_miryoku .con_miryoku {padding-bottom: 9.6vw;}
	#wellness .sec_miryoku .slider_bord {margin-bottom: 50px;}
	#wellness .sec_miryoku .con_miryoku .slider_01 .slick-dots {bottom: -30px;}
	#wellness .sec_miryoku .con_miryoku .slider_01 .slick-dots li {width: 10px; height: 10px;}
}



/* ------------------------------------------------ */
/* sec_spa_menu
/* ------------------------------------------------ */

#wellness .sec_spa_menu {background: #d9ebd8;}
#wellness .sec_spa_menu .sec_tit_bl {background: #287947; display: flex; align-items: center; justify-content: center;height: 80px;}
#wellness .sec_spa_menu .sec_tit_bl .sec_tit {color: #ffffff;}

#wellness .sec_spa_menu .box_wrap {padding-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap;}
#wellness .sec_spa_menu .box_wrap .box {width:calc((100% - 70px) / 2 ); padding-bottom: 70px;}
#wellness .sec_spa_menu .box_wrap .box .box_tit {font-size: 18px; color: #287947; font-weight: bold; margin-bottom: 30px; border-left: solid 3px #287947; padding-left: 15px;}
#wellness .sec_spa_menu .box_wrap .box p {margin-bottom: 20px;}
#wellness .sec_spa_menu .box_wrap .box dl dt {font-size: 14px; color: #287947; font-weight: bold; margin-bottom: 10px; line-height: 1.4;}
#wellness .sec_spa_menu .box_wrap .box dl dt:before {content: "▼";}
#wellness .sec_spa_menu .box_wrap .box dl dd:not(last-child) {margin-bottom: 5px;}
#wellness .sec_spa_menu .box_wrap .box dl dd a {color:#287947; text-decoration: underline;}

@media screen and (max-width:768px) {
	#wellness .sec_spa_menu .box_wrap .box {width:calc(100% + 30px); margin-left: -15px; position: relative; padding: 50px 15px;}
	#wellness .sec_spa_menu .box_wrap .box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #287947, #287947 4px, transparent 4px, transparent 8px);
    background-size: 8px 1px;
    background-repeat: repeat-x;
}
	#wellness .sec_spa_menu .box_wrap .box:last-child:after {background: none;}
}

@media screen and (max-width:640px) {
	#wellness .sec_spa_menu .sec_tit_bl {justify-content: flex-start; height: 14.8vw; padding: 0 15px;}
	#wellness .sec_spa_menu .box_wrap {padding: 0}
	#wellness .sec_spa_menu .box_wrap .box {padding: 30px 15px;}
	#wellness .sec_spa_menu .box_wrap .box .box_tit {margin-bottom: 15px; font-size: 16px;}
}

/* ------------------------------------------------ */
/* sec_plan
/* ------------------------------------------------ */

#wellness .sec_plan {padding: 70px 0;}
#wellness .sec_plan .sec_tit {margin-bottom: 50px;}
#wellness .sec_plan .sec_tit span {display: block;}
#wellness .sec_plan .sec_tit .txt_01 {margin-bottom: 10px;}
#wellness .sec_plan .sec_tit .txt_02 {font-size: 32px;}
#wellness .sec_plan .sec_plan_head {background: #d9ebd8; margin-bottom: 40px; border-radius: 10px; padding: 30px 25px;}
#wellness .sec_plan .sec_plan_head .sec_plan_head_tit {margin-bottom: 25px;}




#wellness .sec_plan .bl_plan {border: solid 2px #287947; margin-bottom: 50px;}
#wellness .sec_plan .bl_plan:last-of-type {margin-bottom: 0;}
#wellness .sec_plan .bl_plan .bl_plan_tit  {background:#287947; height: 50px; display: flex; align-items: center;}
#wellness .sec_plan .bl_plan .bl_plan_tit .tit {font-size:20px; color: #ffffff; padding-left: 25px;}
#wellness .sec_plan .bl_plan .bl_plan_tit .tit span {margin-right: 10px;}
#wellness .sec_plan .bl_plan .bl_plan_head {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 30px 50px;}
#wellness .sec_plan .bl_plan .bl_plan_head .box_txt {width: calc(100% - 420px);}
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider {width: 400px;}
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider figcaption {text-align: center; font-size: 13px;}

#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slider_02 {width: 350px; margin: 0 auto;}
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider li:before {content: "";display: none;}
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slick-prev ,
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slick-next {left:calc(50% - 200px); top:50%; z-index: 100;}
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slick-next {left:calc(50% + 190px);}
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slick-prev:before ,
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slick-next:before {content: ""; display: block; width: 12px; height: 12px; border-top: solid 1px #287947;  border-left: solid 1px #287947; transform: rotate(-45deg);}
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slick-next:before {transform: rotate(135deg);}
#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slick-dots {bottom: -15px;}

#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slick-dots li {width: 10px; height: 10px;}


#wellness .sec_plan .bl_plan .accordion_btn ,
#wellness .sec_plan .bl_plan .box_day {position: relative; padding: 40px 25px;}
#wellness .sec_plan .bl_plan .accordion_btn:before ,
#wellness .sec_plan .bl_plan .box_day:before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-image: linear-gradient(to right, #287947, #287947 4px, transparent 4px, transparent 8px);
    background-size: 8px 1px;
    background-repeat: repeat-x;}





#wellness .sec_plan .bl_plan .box_day .tit {margin-bottom: 20px;}
#wellness .sec_plan .bl_plan .box_day .list_01 {margin-bottom: 40px;}
#wellness .sec_plan .bl_plan .box_day .tour_btn_tit {margin-bottom: 10px; width: 100%;}
#wellness .sec_plan .bl_plan .box_day .tour_btn_tit:before {content: "▼"; margin-right: 8px; font-size: 12px;}
#wellness .sec_plan .bl_plan .box_day .list_02 {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px;}
#wellness .sec_plan .bl_plan .box_day .list_02:last-child {margin-bottom: 0;}
#wellness .sec_plan .bl_plan .box_day .bl_btn {height: 40px; width: calc((100% - 30px ) / 4);}
#wellness .sec_plan .bl_plan .box_day .bl_btn a {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 5px; background: #287947; position: relative; color: #fff; font-weight: bold; font-size: 15px; }


#wellness .sec_plan .sec_plan_head .sec_plan_head_tit ,
#wellness .sec_plan .bl_plan .box_day .tit ,
#wellness .sec_plan .bl_plan .box_day .tour_btn_tit {font-size: 16px; font-weight: bold; color: #287947;}
#wellness .sec_plan li {font-size: 14px; }
#wellness .sec_plan li:before {content: "・"}


#wellness .sec_plan .bl_plan .accordion .accordion_btn {padding: 0 40px 0 25px; display: flex; align-items: center; height: 55px; cursor: pointer;}
#wellness .sec_plan .bl_plan .accordion .accordion_btn:after {content: ""; display: block; width: 10px; height: 10px; border-top:solid 1px #287947; border-right:solid 1px #287947; transform: rotate(135deg); position: absolute; right: 20px;}
#wellness .sec_plan .bl_plan .accordion.is_active .accordion_btn:after {transform: rotate(-45deg) translateY(5px);}
#wellness .sec_plan .bl_plan .accordion .accordion_btn p {font-weight: bold; color: #287947; line-height: 1.2;}

#wellness .sec_plan .bl_plan .accordion .accordion_btn p:last-child{display: none;}

#wellness .sec_plan .bl_plan .accordion.is_active .accordion_btn p:first-child{display: none;}
#wellness .sec_plan .bl_plan .accordion.is_active .accordion_btn p:last-child{display: block;}

@media screen and (max-width:768px) {
	#wellness .sec_plan .bl_plan .bl_plan_head .box_txt  {width: 50%;}
	#wellness .sec_plan .bl_plan .bl_plan_head .box_slider {width:calc(50% - 15px);}
	#wellness .sec_plan .bl_plan .bl_plan_head .box_slider .slider_02 {width: 100%;}

}

@media screen and (max-width:640px) {
	#wellness .sec_plan {padding: 8.4vw 0;}
	#wellness .sec_plan .sec_tit {margin-bottom: 7.2vw;}
	#wellness .sec_plan .sec_tit .txt_02 {font-size: 5.7vw;}
	#wellness .sec_plan .bl_plan .bl_plan_head .box_txt ,
	#wellness .sec_plan .bl_plan .bl_plan_head .box_slider {width: 100%;}
	#wellness .sec_plan .bl_plan .bl_plan_head .box_txt {margin-bottom: 20px;}

	#wellness .sec_plan .bl_plan .bl_plan_tit {height: auto; padding: 10px;}
	#wellness .sec_plan .bl_plan .bl_plan_tit .tit { padding-left: 10px; line-height: 1.4;}
	#wellness .sec_plan .bl_plan .bl_plan_head {padding: 15px 15px 40px;}
	#wellness .sec_plan .bl_plan .box_day {padding: 30px 15px;}
	#wellness .sec_plan .bl_plan .accordion .accordion_btn {padding: 0 20px 0 15px;}
	#wellness .sec_plan .bl_plan .box_day .list_01 {margin-bottom: 30px;}
	#wellness .sec_plan .bl_plan .box_day .bl_btn {height: 40px; width: calc((100% - 15px ) / 4);}
	#wellness .sec_plan .bl_plan .box_day .bl_btn a {font-size: 13px;}

}

/* -------------------------------------------------------- */
/* 各プラン　カラー指定 */
/* -------------------------------------------------------- */
#wellness .sec_plan .bl_plan.plan_02 {border: solid 2px #7da247;}
#wellness .sec_plan .bl_plan.plan_02 .bl_plan_tit ,
#wellness .sec_plan .bl_plan.plan_02 .box_day .bl_btn a {background:#7da247;}
#wellness .sec_plan .bl_plan.plan_02 .bl_plan_head .box_slider .slick-next:before {border-top: solid 1px #7da247;  border-left: solid 1px #7da247;}
#wellness .sec_plan .bl_plan.plan_02 .accordion_btn:before ,
#wellness .sec_plan .bl_plan.plan_02 .box_day:before {background-image: linear-gradient(to right, #7da247, #7da247 4px, transparent 4px, transparent 8px);}
#wellness .sec_plan .bl_plan.plan_02 .box_day .tit ,
#wellness .sec_plan .bl_plan.plan_02 .box_day .tour_btn_tit ,
#wellness .sec_plan .bl_plan.plan_02 .accordion .accordion_btn p{color:#7da247; }
#wellness .sec_plan .bl_plan.plan_02 .accordion .accordion_btn:after {border-top:solid 1px #7da247; border-right:solid 1px #7da247;}
#wellness .sec_plan .bl_plan.plan_02 .bl_plan_head .box_slider .slick-prev:before ,
#wellness .sec_plan .bl_plan.plan_02 .bl_plan_head .box_slider .slick-next:before {border-top: solid 1px #7da247;  border-left: solid 1px #7da247;}
#wellness .sec_plan .bl_plan.plan_02 .slick-dots li.slick-active  button {background:#7da247;}



#wellness .sec_plan .bl_plan.plan_03 {border: solid 2px #91477d;}
#wellness .sec_plan .bl_plan.plan_03 .bl_plan_tit ,
#wellness .sec_plan .bl_plan.plan_03 .box_day .bl_btn a {background:#91477d;}
#wellness .sec_plan .bl_plan.plan_03 .bl_plan_head .box_slider .slick-next:before {border-top: solid 1px #91477d;  border-left: solid 1px #91477d;}
#wellness .sec_plan .bl_plan.plan_03 .accordion_btn:before ,
#wellness .sec_plan .bl_plan.plan_03 .box_day:before {background-image: linear-gradient(to right, #91477d, #91477d 4px, transparent 4px, transparent 8px);}
#wellness .sec_plan .bl_plan.plan_03 .box_day .tit ,
#wellness .sec_plan .bl_plan.plan_03 .box_day .tour_btn_tit ,
#wellness .sec_plan .bl_plan.plan_03 .accordion .accordion_btn p{color:#91477d; }
#wellness .sec_plan .bl_plan.plan_03 .accordion .accordion_btn:after {border-top:solid 1px #91477d; border-right:solid 1px #91477d;}
#wellness .sec_plan .bl_plan.plan_03 .bl_plan_head .box_slider .slick-prev:before ,
#wellness .sec_plan .bl_plan.plan_03 .bl_plan_head .box_slider .slick-next:before {border-top: solid 1px #91477d;  border-left: solid 1px #91477d;}
#wellness .sec_plan .bl_plan.plan_03 .slick-dots li.slick-active  button {background:#91477d;}



#wellness .sec_plan .bl_plan.plan_04 {border: solid 2px #795d28;}
#wellness .sec_plan .bl_plan.plan_04 .bl_plan_tit ,
#wellness .sec_plan .bl_plan.plan_04 .box_day .bl_btn a {background:#795d28;}
#wellness .sec_plan .bl_plan.plan_04 .bl_plan_head .box_slider .slick-next:before {border-top: solid 1px #795d28;  border-left: solid 1px #795d28;}
#wellness .sec_plan .bl_plan.plan_04 .accordion_btn:before ,
#wellness .sec_plan .bl_plan.plan_04 .box_day:before {background-image: linear-gradient(to right, #795d28, #795d28 4px, transparent 4px, transparent 8px);}
#wellness .sec_plan .bl_plan.plan_04 .box_day .tit ,
#wellness .sec_plan .bl_plan.plan_04 .box_day .tour_btn_tit ,
#wellness .sec_plan .bl_plan.plan_04 .accordion .accordion_btn p{color:#795d28; }
#wellness .sec_plan .bl_plan.plan_04 .accordion .accordion_btn:after {border-top:solid 1px #795d28; border-right:solid 1px #795d28;}
#wellness .sec_plan .bl_plan.plan_04 .bl_plan_head .box_slider .slick-prev:before ,
#wellness .sec_plan .bl_plan.plan_04 .bl_plan_head .box_slider .slick-next:before {border-top: solid 1px #795d28;  border-left: solid 1px #795d28;}
#wellness .sec_plan .bl_plan.plan_04 .slick-dots li.slick-active  button {background:#795d28;}






/* -------------------------------------------------------- */
/* フリーオーダー (共通記述) */
/* -------------------------------------------------------- */
#wellness .sec_contact {background: #d9ebd8; padding: 80px 0 90px;}
#wellness .contact_box {overflow:hidden;width: 100%; padding:20px 30px;border:solid 1px #c8c8c8; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left; background: #fff;}
#wellness .contact_box p {font-size:14px;line-height:1.6;color:#999999;}
#wellness .contact_box .tit {font-size:24px;margin-bottom:10px; color: #666666;}
#wellness .contact_box .btn_wrap {display:none;}
#wellness .contact_box .bl_btn {margin-top:10px;width: 100%; height: 40px;}
#wellness .contact_box .bl_btn a {width: 100%; height: 100%; background: #287947; font-size:16px; font-weight: bold;display: flex; justify-content: center; align-items: center; color: #ffffff; border-radius: 5px; position: relative;}
#wellness .contact_box .bl_btn a:after {content:""; width: 8px; height: 8px; display: block; border-top: solid 1px #ffffff; border-right: solid 1px #ffffff; transform: rotate(45deg); position: absolute; right: 20px;}
#wellness .contact_box .contact_tel {font-size:50px;line-height:1;margin:0 auto;letter-spacing:-.02em;color:#287947; font-weight: normal; text-align: center;}
#wellness .contact_box .contact_tel::before {display:inline-block;margin-right:10px;content:'';aspect-ratio: 1 / 1;background: url(../img/icon_tel_green.svg) center center / auto 100% no-repeat;width: 38px;margin-right: 10px;}
@media (min-width: 769px), print {
  #wellness .contact_box .wrap_01 {width:calc(100% - 370px);}
  #wellness .contact_box .wrap_02 {width:370px;}
}
@media screen and (max-width: 768px) {
  #wellness .sec_contact {padding:50px 0 ;}
  #wellness .contact_box {width: 100%; padding:30px 20px;text-align:center;}
  #wellness .contact_box p {font-size:14px;margin-bottom:20px;}
  #wellness .contact_box .tit {font-size:20px;}
  #wellness .contact_box .wrap_01 {width: 100%;}
  #wellness .contact_box .wrap_02 {max-width:400px;margin:0 auto;}
  #wellness .contact_box .contact_tel {display:inline-block;}
}
@media screen and (max-width: 640px) {
  #wellness .sec_contact {background: none; padding:0 0 ;}
  #wellness .contact_box {margin-bottom:0;padding:20px 25px 10px;border:0;border:1px solid #dddddd;}
  #wellness .contact_box .wrap_02 {display:none;}
  #wellness .contact_box .tit {font-size:18px;}
  #wellness .contact_box .btn_wrap {display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-align:stretch;align-items:stretch;-ms-flex-align:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:15px 0;}
  #wellness .contact_box .btn_wrap li {width:49%;}
  #wellness .contact_box .btn_wrap li a {font-size:14px;font-weight:bold;line-height:42px;position:relative;display:block;height:44px;text-align:center;text-decoration:none;border-radius:5px;}
  #wellness .contact_box .btn_wrap li.tel a {padding-left:10px;color:#287947;border:2px solid #287947;background:#fff;}
  #wellness .contact_box .btn_wrap li.tel a::before {position:absolute;left:5px;top:50%;transform:translateY(-50%);content:'';aspect-ratio: 1 / 1;background: url(../img/icon_tel_green.svg) center center / auto 100% no-repeat;width:18px;margin-right: 5px;}
  #wellness .contact_box .btn_wrap li.order a {padding-right:10px;color:#fff;border:2px solid #287947;background:#287947;}
  #wellness .contact_box .btn_wrap li.order a::before {position:absolute;top:50%;transform: translateY(-50%);right:10px;width:5px;height:10px;content:'';background: url(../img/arr_white.svg) center center / auto 100% no-repeat;}
}