@charset "UTF-8";
.container {
padding: 70px 0 0;
}
.well_w {
width: 1080px;
margin: auto;
}
.well_cts_wrap {
padding: 80px 0 80px;
position: relative;
}
.img_wrap img {
height: auto;
}
.btn_wrap a i {
transform: rotate( -90deg );
}
.wellpass_sec_ttl {
font-size: 2.4rem;
line-height: 1;
margin-bottom: 40px;
}
.wellpass_sec_ttl span {
font-size: 1.5rem;
line-height: 1;
color:#779f36;
margin-left: 14px;
}
.wellpass_sec_ttl i {
width: 30px;
height: 30px;
margin-right: 18px;
vertical-align: -4px;
}
.wellpass_note {
font-size: 1.4rem;
}
.wellpass_boxuline {
padding-bottom: 60px;
border-bottom: solid 1px #d4d4d4;
}
.wellpass_boxtline {
padding-top: 60px;
border-top: solid 1px #d4d4d4;
}
/*---- wellpass mainimg wrap --------------------*/
#wellpass_mainimg_con {
background-image: url("/asset/img/wellness-passport/wellpass_main_back.png");
height: 440px;
margin-bottom: 50px;
}
#wellpass_mainittl_con {
width: 700px;
margin: 0 auto;
text-align: center;
position: relative;
}
#wellpass_mainittl_catch {
display: block;
line-height: 1;
color: #fff;
font-weight: bold;
font-size: 1.7rem;
letter-spacing: 0.12em;
padding-top: 14px;
}
#wellpass_mainittl_ribbon {
display: block;
width: 176px;
height: 28px;
margin: 30px auto 0;
}
#wellpass_mainmark {
width: 190px;
height: 124px;
margin: 20px auto 0;
}
#wellpass_mainittl_icon3 {
display: block;
width: 179px;
margin: 0 auto;
}
#wellp_mttlbtn {
position: absolute;
top:60px;
right:16px;
}
#wellp_mttlbtn a {
display: flex;
align-items: center;
width: 176px;
height: 52px;
background-color: #3c3c3c;
color: #fff;
border-radius: 26px;
}
#wellp_mttlbtn a:hover {
background-color: #cc9900;
transition-property : background-color;
transition-duration: 0.25s;
opacity: 1;
}
.wellp_mttlbtn_marui {
display: block;
background-color: #779f36;
width: 32px;
height: 32px;
border-radius: 16px;
margin-left: 10px;
}
.wellp_mttlbtn_marui i {
display: block;
width: 18px;
height: 18px;
margin: 6px auto 0;
}
.wellp_mttlbtn_txt {
display: block;
padding-left: 12px;
margin-left: 8px;
border-left: dotted 1px #fff;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.05em;
}
.wellp_mttlbtn_txt i {
margin: 0 0 0 8px;
}
#wellpass_oltxt_con {
text-align: center;
padding: 0 0 60px;
}
#wellpass_olmds {
color: #779f36;
font-weight: bold;
display: block;
font-size: 2.2rem;
margin-bottom: 20px;
}
#wellpass_oltxt_con p {
font-size: 1.5rem;
}
/*---- wellpass about and news wrap --------------------*/
#wellpass_about_area {
background-color: #cc9900;
background-image: url(/asset/img/wellness-passport/well_plantmotif_244x154_d7af37.svgz);
background-repeat: no-repeat;
background-position: left top;
background-size: 244px 154px; 
padding: 50px;
display: flex;
justify-content: space-between;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#wellp_abouttxt_con {
width: 580px;
color: #fff;
}
#wellp_abouttxt_mds {
font-size: 1.6rem;
line-height: 1;
margin-bottom: 22px;
}
#wellp_abouttxt_con p {
font-size: 1.5rem;
letter-spacing: 0.02em;
line-height: 2;
}
#wellp_abouttxt_mds span {
display: inline-block;
width: 180px;
height: 32px;
vertical-align: -2px;
margin-right: 10px;
}
#wellp_aboutimg_con {
width: 350px;
height: 200px;
background-color: #fff;
}
#wellp_aboutimg_con a {
display: block;
position: relative;
}
#wellp_aboutimg_con a span {
display: block;
position: absolute;
right: 0;
bottom:0;
width: 120px;
height: 32px;
background-color: #779f36;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 1;
padding-top: 9px;
}
#wellp_aboutimg_con span i {
transform: rotate(-90deg);
}
#wellpass_news_area {
padding-top: 60px;
}
#wellpass_news_mds {
display: block;
font-weight: bold;
font-size: 2.4rem;
text-align: center;
margin-bottom: 16px;
}
#wellpass_news_con {
padding: 40px 30px 30px;
position: relative;
}
#wellp_news_enmds {
display: block;
position: absolute;
top:-10px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 140px;
height: 24px;
color: #fff;
font-weight: bold;
background-color: #779f36;
text-align: center;
}
.wellpass_news_item:not(:last-child) {
margin-bottom: 20px;
}
.wellpass_news_item h4 {
font-size: 1.6rem;
background-color: #f5f1ed;
border-radius: 5px;
padding: 10px 20px;
margin-bottom: 14px;
}
.wellpass_newstxt {
font-size: 1.5rem;
padding-left: 10px;
}
.wellpass_newstxt a {
color: rgba(46, 167, 224, 1.00);
}
/*---- wellpass mokuji wrap --------------------*/
#wellpass_mokuji_wrap {
border-top: solid 1px #c0d9ab;
border-bottom: solid 1px #c0d9ab;
}
#wellpass_mokuji_con {
padding: 20px 0;
}
#wellpass_mkjmenu_con {
display: flex;
justify-content: space-between;
align-items: center;
}
#wellpass_mkjmenu_con li:first-child {
width: 226px;
height: 36px;
margin-right: 44px;
}
.wellpass_mkjmenu {
border-left: solid 1px #c0d9ab;
width: 270px;
}
.wellpass_mkjmenu:last-child {
border-right: solid 1px #c0d9ab;
}
.wellpass_mkjmenu a {
display: block;
height: 40px;
font-size: 1.8rem;
font-weight: bold;
color: #779f36;
position: relative;
line-height: 1;
padding: 8px 0 0 20px;
}
.wellpass_mkjmenu a .wellpmkj_i {
width: 24px;
height: 24px;
margin-right: 14px;
vertical-align: -5px;
}
.wellpass_mkjmenu a .udarrow_779f36 {
position: absolute;
right: 18px;
top:14px;
margin-right: 0px;
}
/*---- wellpass outline --------------------*/
#wellpol_ol_wrap {
margin-bottom: 60px;
}
#wellpass_outline.well_cts_wrap {
padding-bottom: 40px;
}
#wellpol_olinfo_con {
margin-bottom: 46px;
display: flex;
justify-content: space-between;
}
#wellpol_olinfo_con .img_wrap {
display: block;
width: 300px;
}
#wellpol_olinfo_con .txt_wrap {
width: 740px;
}
#wellpol_olinfo_con .txt_wrap dl {
border-top:solid 1px #779f36;
border-bottom:solid 1px #779f36;
display: flex;
flex-wrap: wrap;
width: 100%;
}
#wellpol_olinfo_con .txt_wrap dt {
background-color: #fff;
color: #779f36;
font-weight: bold;
width: 30%;
font-size: 1.5rem;
line-height: 1;
padding: 18px 0 0 20px;
}
#wellpol_olinfo_con .txt_wrap dd {
font-weight: bold;
width: 70%;
font-size: 1.6rem;
line-height: 1;
padding: 17px 0 16px 20px;
}
#wellpol_olinfo_con .txt_wrap dt:not(:last-of-type),
#wellpol_olinfo_con .txt_wrap dd:not(:last-of-type) {
border-bottom:solid 1px #d4d4d4;
}
#wellpol_oldtl_con {
padding: 24px 40px 40px;
border-radius: 10px;
font-size: 1.5rem;
}
#wellpol_oldtl_con .table01 {
margin-bottom: 14px;
border-top:none;
}
#wellpol_oldtl_con .table01 th {
width: 160px;
color: #779f36;
}
#wellpol_oldtl_con .table01 td {
width: calc(100% - 160px);
letter-spacing: 0.03em;
}
/*---- wellpol_crossbike -------*/
#wellpol_crossbike_outer {
padding: 30px;
}
#wellpol_crossbike_outer h4 {
color: #fff;
font-size: 2.0rem;
line-height: 1;
padding: 15px 20px;
border: solid 2px #779f36;
color:#779f36;
border-radius: 5px;
margin-bottom: 30px;
}
.wellpol_bike_cnt {
display: flex;
justify-content: space-between;
}
.wellpol_bike_cnt .img_wrap {
display: block;
width: 400px;
border-radius: 5px;
overflow: hidden;
}
.wellpol_bike_cnt .img_wrap img {
height: auto;
}
.wellpol_bike_cnt .txt_wrap {
width: calc(100% - 440px);
letter-spacing: 0.05em;
font-size: 1.5rem;
}
.wellpol_bike_btn {
display: block;
width: 250px;
margin-top: 30px;
}
.wellpol_bike_btn a {
display: block;
border: solid 1px #d4d4d4;
border-radius: 5px;
line-height: 1;
font-size: 1.5rem;
font-weight: bold;
padding: 14px 20px;
background-color: #fff;
}
.wellpol_bike_btn a i {
transform: rotate(-90deg);
width: 10px;
height: 10px;
opacity: 0.7;
margin-right: 12px;
vertical-align: -1px;
}

/*---- wellpol_crossbike -------*/
#wellpol_crossbike_outer {
padding: 30px;
}
#wellpol_crossbike_outer h4 {
color: #fff;
font-size: 2.0rem;
line-height: 1;
padding: 15px 20px;
border: solid 2px #779f36;
color:#779f36;
border-radius: 5px;
margin-bottom: 30px;
}
.wellpol_bike_cnt {
}
.wellpol_bike_cnt .img_wrap {
display: block;
border-radius: 5px;
overflow: hidden;
}
.wellpol_bike_cnt .img_wrap img {
height: auto;
}
.wellpol_bike_cnt .txt_wrap {
letter-spacing: 0.05em;
font-size: 1.5rem;
}
.wellpol_bike_btn {
display: block;
width: 250px;
margin-top: 30px;
}
.wellpol_bike_btn a {
display: block;
border: solid 1px #d4d4d4;
border-radius: 5px;
line-height: 1;
font-size: 1.5rem;
font-weight: bold;
padding: 14px 20px;
background-color: #fff;
}
.wellpol_bike_btn a i {
transform: rotate(-90deg);
width: 10px;
height: 10px;
opacity: 0.7;
margin-right: 12px;
vertical-align: -1px;
}

/*---- wellpol_flow -------*/
#wellpol_flow_outer {
padding: 30px;
margin-top: 60px;
}
#wellpol_flow_outer h4 {
color: #fff;
font-size: 2.0rem;
line-height: 1;
padding: 15px 20px;
background-color: #779f36;
border-radius: 5px;
margin-bottom: 30px;
}
.wellpol_flow_con {
border: solid 5px #f5f1ed;
border-radius: 10px;
}
.wellpol_flow_con:not(:last-child) {
margin-bottom: 40px;
}
.wellpol_flow_con h5 {
font-size: 2.0rem;
display: flex;
align-items: center;
color: #779f36;
line-height: 1;
padding: 11px 0 16px 20px;
background-color: #f5f1ed;
}
.wellpol_flow_no {
display: block;
width: 34px;
height: 34px;
border-radius: 17px;
background-color: #779f36;
color: #fff;
font-size: 2.0rem;
text-align: center;
padding-top: 6px;
letter-spacing: 0em;
margin-right: 14px;
}
.wellpol_flow_point {
display: block;
font-size: 1.4rem;
font-weight: bold;
line-height: 1;
color: #fff;
background-color: #779f36;
border-radius: 4px;
padding: 7px 10px;
margin-left: 14px;
}
.wellpol_flow_cnt {
padding: 35px;
display: flex;
justify-content: space-between;
}
.wellpol_flow_cntex {
padding: 35px;
}
.wellpol_flow_cnt .img_wrap {
display: block;
width: 222px;
}
.wellpol_flow_cnt .txt_wrap {
width: calc(100% - 262px);
letter-spacing: 0.05em;
font-size: 1.5rem;
}
#wellpol_flow01 .txt_wrap {
letter-spacing: 0em;
}
.wellpass_mrk_stamp {
display: block;
border:solid 2px #cc5656;
border-radius: 5px;
color:#cc5656;
line-height: 1;
width: 210px;
font-weight: bold;
padding: 2px 6px 2px;
text-align: center;
margin-bottom: 20px;
}
.wellpass_mrk_stamp i {
width: 34px;
height: 34px;
vertical-align: -11px;
}
.wellpol_flow_ksec {
background-color: #f5f1ed;
padding: 30px;
border-radius: 5px;
}
.wellpol_flow_ksec:not(:last-child) {
margin-bottom: 30px;
}
.wellpol_flow_ksec h6 {
font-size: 1.8rem;
line-height: 1;
background-color: #fff;
display: flex;
align-items: center;
height: 46px;
padding-left: 9px;
margin-bottom: 20px;
}
.wellpol_flow03_kmds {
display: block;
margin-left: 14px;
}
.wellpol_flow03_point {
display: block;
font-size: 1.4rem;
background-color: #f5f1ed;
line-height: 1;
border-radius: 4px;
width: 140px;
text-align: center;
padding: 7px 0;
}
#wellpol_flow03_ex h6 {
color: #779f36;
}
#wellpol_flow03_gourmet h6 {
color: #cc9900;
}
#wellpol_flow03_onsen h6 {
color: #cc5656;
}
.wellpol_flow03_cnt {
display: flex;
justify-content: space-between;
}
.wellpol_flow03_cnt .img_wrap {
display: block;
width: 222px;
}
.wellpol_flow03_cnt .txt_wrap {
width: calc(100% - 262px);
letter-spacing: 0.05em;
font-size: 1.5rem;
}
.wellpol_flow03_cnt ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 410px;
}
.wellpol_flow03_cnt li {
width: calc((100% - 10px) / 2);
border-radius: 5px;
overflow: hidden;
}
.wellpol_flow03_cnt li img {
height: auto;
}
.wellpol_flow03_cnt li:first-child {
width: 100%;
margin-bottom: 10px;
}
.wellpol_flow03_cnt li:first-child::first-letter {
color: #779f36;
}
/*---- wellpol tic and onsen ----*/
#wellpol_ticonsen_con {
display: flex;
justify-content: space-between;
margin-top: 60px;
}
.wellpol_ticonsen_item {
width: 512px;
border:solid 1px #e1edd7;
border-radius: 8px;
background-color: #fff;
padding: 39px;
}
.wellpol_ticonsen_item h4 {
font-size: 1.8rem;
color: #fff;
line-height: 1;
background-color: #779f36;
border-radius: 5px;
padding: 15px;
margin-bottom: 20px;
}
.wellpass_mrk_point {
display: flex;
justify-content: center;
align-items: center;
border:solid 2px #cc5656;
border-radius: 5px;
color:#cc5656;
line-height: 1;
font-weight: bold;
padding: 4px 6px 4px;
margin-bottom: 20px;
}
.wellpass_mrk_point span {
display: block;
width: 30px;
height: 30px;
border-radius: 15px;
background-color: #cc5656;
margin-right: 8px;
}
.wellpass_mrk_point span i {
display: block;
width: 20px;
height: 20px;
margin: 4px auto 0;
}
.wellpol_ticonsen_txt {
font-size: 1.5rem;
}
.wellpol_ticonsen_txt dl {
border-top:solid 1px #d4d4d4;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
}
.wellpol_ticonsen_txt dt {
border-bottom: solid 1px #d4d4d4;
color: #779f36;
width: 30%;
line-height: 1;
padding: 16px 0 16px 0px;
}
.wellpol_ticonsen_txt dd {
border-bottom: solid 1px #d4d4d4;
width: 70%;
line-height: 1;
padding: 16px 0 16px 0px;
}
.wellpol_ticonsen_item .btn_wrap {
display: block;
width: 196px;
margin: 20px auto 0;
}
.wellpol_ticonsen_item .btn_wrap a {
display: block;
padding: 12px 8px;
font-weight: bold;
line-height: 1;
text-align: center;
background-color: #e1edd7;
}
/*  スライダー -- */
.wellpol_slider_wrap {
margin-bottom: 20px;
}
.wellpol_slider_wrap .slick-list {
background-color: #f9f7f5;
}
.wellpol_slider_wrap .slick-track {
display: flex;
align-items: center;
}
.wellpol_slider_wrap .slick-slide {
width: 100%;
background-color: #f9f7f5;
}
.wellpol_slider_wrap .slick-slide img {
max-width: 100%;
max-height: 500px;
width: auto;
height: auto;
margin: 0 auto;
border-radius: 5px;
}
.slick-dots {
display: block;
padding: 0;
margin: 0;
list-style: none;
bottom: 100px;
width: 100%;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 2px;
padding: 0;
cursor: pointer;
display: inline-block;
width: 10px;
height: 10px;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
width: 10px;
height: 10px;
}
.slick-dots li button::before {
position: absolute;
top: 0;
left: 0;
content: '•';
text-align: center;
opacity: .25;
color: black;
display: block;
width: 10px;
height: 10px;
background: #000;
border-radius: 10px;
z-index: 18;
}
.slick-dots li.slick-active button::before {
opacity: .75;
color: black;
}
/*  /スライダー -- */
/*---- wellpol gourmet wrap ----*/
#wellpol_gourmet_wrap {
margin-top: 60px;
}
#wellpol_gourmet_wrap h4 {
font-size: 2.0rem;
color:#fff;
background-color: #cc9900;
line-height: 1;
border-radius: 5px;
padding: 10px 20px;
margin-bottom: 30px;
}
#wellpol_gourmet_wrap h4 i {
width: 40px;
height: 40px;
margin-right: 14px;
vertical-align: -12px;
}
#wellpol_gourmet_olcon {
margin-bottom: 40px;
}
#wellpol_gourmet_ol {
padding-bottom: 22px;
border-bottom: solid 1px #efdfaf;
}
#wellpol_gourmet_ol p {
font-size: 1.5rem;
letter-spacing: 0em;
}
#wellpol_gourmet_ol p span {
font-weight: bold;
display: block;
}

.wellpol_gourmet_infolink {
padding-top: 30px;
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 40px;
}
.wellpol_gourmet_infolink a {
color: #cc5656;
text-decoration: underline;
}
.wellpol_gourmet_infolink span {
font-size: 1.4rem;
font-weight: normal;
display: block;
margin-top: 10px;
}
#wellpol_grmspt_con {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.wellpol_grmspt_item {
position: relative;
width: 512px;
background-color: #fff;
border:solid 1px #efdfaf;
border-radius: 8px;
padding: 39px;
margin-bottom: 40px;
}
.wellpol_grmspt_phname {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.wellpol_grmspt_phname .img_wrap {
display: block;
width: 210px;
}
.wellpol_grmspt_phname .name_wrap {
width: calc(100% - 232px);
}
.wellpol_grmspt_phname .name_wrap h5 {
color: #cc9900;
font-size: 1.8rem;
line-height: 1.5;
margin-bottom: 6px;
letter-spacing: 0.05em;
}
.wellpol_grmspt_phname .name_wrap span {
display: inline-block;
background-color: #cc9900;
color: #fff;
font-size: 1.3rem;
letter-spacing: 0em;
font-weight: bold;
border-radius: 4px;
line-height: 1;
padding: 6px 10px;
text-align-last: center;
}
.wellpol_grmspt_item .btn_wrap {
display: block;
position: absolute;
right: 0;
top: 0;
width: 170px;
}
.wellpol_grmspt_item .btn_wrap a {
display: block;
padding: 12px 8px;
font-weight: bold;
line-height: 1;
text-align: center;
background-color: #efdfaf;
}
.wellpol_grmspt_txtcon dl {
display: flex;
flex-wrap: wrap;
border-top:solid 1px #efdfaf;
margin-bottom: 16px;
}
.wellpol_grmspt_txtcon dl dt {
border-bottom: solid 1px #efdfaf;
width: 30%;
line-height: 1.6;
padding: 12px 0 12px 0px;
}
.wellpol_grmspt_txtcon dl dd {
border-bottom: solid 1px #efdfaf;
width: 70%;
line-height: 1.6;
padding: 12px 0 12px 0px;
}
.wellpol_grmspt_tktn {
background-color: #f5f1ed;
border:solid 1px #efdfaf;
border-radius: 5px;
padding: 16px;
text-align: center;
}
.wellpol_grmspt_tktn span {
display: block;
}
.grmspt_tktn_mds {
font-size: 1.5rem;
font-weight: bold;
color: #cc9900;
background-color: #fff;
line-height: 1;
padding: 8px 0;
margin-bottom: 10px;
}
.grmspt_tktn_ny {
font-size: 1.6rem;
font-weight: bold;
color: #cc5656;
}
.grmspt_tktn_note {
font-size: 1.3rem;
}
/*---- wellpass course ----------------------*/
.wellpass_course_item {
display: flex;
justify-content: space-between;
background-color: #f9f7f5;
border: solid 1px #e1edd7;
border-radius: 5px;
padding: 39px;
}
.wellpass_course_item:not(:last-child) {
margin-bottom: 40px;
}
.wellpcrs_txt_wrap {
width: 660px;
}
.wellpcrs_txt_wrap h5 {
font-size: 2.0rem;
line-height: 1px;
color: #779f36;
margin-bottom: 30px;
}
.wellpcrs_txt_wrap h5 i {
width: 20px;
height: 20px;
margin-right: 14px;
vertical-align: -2px;
}
.wellpcrs_txt_wrap dl {
border-top: solid 1px #e1edd7;
border-bottom: solid 1px #e1edd7;
background-color: #fff;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.wellpcrs_txt_wrap dl dt,
.wellpcrs_txt_wrap dl dd {
font-weight: bold;
color: #779f36;
line-height: 1;
}
.wellpcrs_txt_wrap dl dt {
background-color: #e1ead3;
border: solid 1px #779f36;
border-radius: 4px;
padding:6px 0;
text-align: center;
width: 106px;
}
.wellpcrs_txt_wrap dl dd {
font-size: 1.6rem;
width: calc(100% - 120px);
}
.wellpcrs_txt_wrap p {
font-size: 1.5rem;
position: relative;
padding: 0 30px 30px 0;
line-height: 2;
letter-spacing: 0em;
}
.wellpcrs_txt_wrap p::before {
content: url(/asset/img/common/bracketsplus_2px60x60_green.svgz);
position: absolute;
bottom: 0;
right: 0;
width: 60px;
transform: rotate(180deg);
}
.wellpcrs_img_wrap {
width: 300px;
}
.wellpcrs_img_wrap a {
display: block;
}
a .wellpcrs_img {
display: block;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
}
a .wellpcrs_img img {
height: auto;
transition: all .2s linear;
}
a:hover .wellpcrs_img img {
transform: scale(1.1);
}
.wellpcrs_btn {
display: block;
background-color: #779f36;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.5rem;
line-height: 1;
padding: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.wellpcrs_btn i {
transform: rotate( -90deg );
}

#wellp_kounyutxt_btn {
display: flex;
}
#wellp_kounyutxt_btn li {
width: 250px;
}
#wellp_kounyutxt_btn li:first-child {
margin-right: 20px;
}
#wellp_kounyutxt_btn li a {
display: block;
border:solid 1px #d4d4d4;
border-radius: 5px;
line-height: 1;
font-size: 1.5rem;
font-weight: bold;
padding: 14px 20px;
background-color: #fff;
}
#wellp_kounyutxt_btn li a i {
transform: rotate(-90deg);
width: 10px;
height: 10px;
opacity: 0.7;
margin-right: 12px;
vertical-align: -1px;
}
/*---- wellpass kounyu ----------------------*/
#wellpass_kounyu {
background-color: #f6f9f2;
}
#wellpass_kounyu_con {
display: flex;
justify-content: space-between;
flex-direction:row-reverse;
margin-bottom: 40px;
}
#wellpass_kounyu_con .img_wrap {
display: block;
width: 520px;
background-color: #fff;
padding: 10px;
}
.wellp_kounyutxt {
width: 520px;
}
.wellp_kounyutxt p {
font-size: 1.5rem;
margin-bottom: 40px;
}
#wellpass_book_con {
padding: 40px;
border-radius: 10px;
font-size: 1.5rem;
}
.wellpass_book_txt {
margin-bottom: 24px;
}
.wellpass_book_440 {
display: block;
font-weight: bold;
color: #cc9900;
}
.wellpass_book_490 {
display: block;
font-weight: bold;
color: #53951e;
}
#wellp_book_btn {
margin-bottom: 30px;
}
#wellp_book_btn ul {
display: flex;
justify-content: space-between;
width: 540px;
}
#wellp_book_btn ul li {
width: 260px;
}
#wellp_book_note {
padding-top: 24px;
border-top: solid 1px #d4d4d4;
font-size: 1.4rem;
}
/*---- wellpass map ----------------------*/
#wellpass_map.well_cts_wrap {
padding-bottom: 70px;
}
#welp_map iframe {
vertical-align: bottom;
}

/*---- wellpass closeinfo ----------------------*/
#wellpass_ol_clinf {
display: block;
width: 1080px;
border:solid 1px #3c3c3c;
padding: 20px;
margin: 0 auto 30px;
font-weight: bold;
font-size: 1.6rem;
text-align: center;
}