@charset "UTF-8";
.container {
padding: 70px 0 0;
}

.well_w {
width: 1080px;
margin: auto;
}

.well_cts_wrap {
padding: 80px 0 80px;
position: relative;
}

.wellasa_boxuline {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: solid 1px #d4d4d4;
}

.wellasa_sec_ttl {
font-size: 2.4rem;
line-height: 1;
margin-bottom: 40px;
}

.wellasa_sec_ttl span {
font-size: 1.5rem;
line-height: 1;
color:#779f36;
margin-left: 14px;
}

.wellasa_sec_ttl i {
width: 30px;
height: 30px;
margin-right: 18px;
vertical-align: -6px;
}

.img_wrap img {
height: auto;
}

.wellasa_margin {
margin-bottom: 20px;
}

/*

outline area

-------------------------------------------------
*/

#wellasa_mainimg_con {
background-image: url("../img/wellness-asakatsu/wellasa_main_back.png");
background-repeat: no-repeat;
height: 440px;
margin-bottom: 50px;
position: relative;
}

#wellasa_mainttl_con {
margin: 0 auto;
padding-top: 114px;
width: 252px;
}

#wellasa_mainttl_con span {
display: block;
}

#wellasa_mainttl_txt {
width: 252px;
height: 86px;
}

#wellasa_mainttl_logo {
width: 202px;
height: 48px;
margin: 24px auto 0;
filter: drop-shadow(3px 3px 14px rgba(26,123,180,1.0));
}

#wellasa_mainttl_ribbon {
width: 176px;
height: 28px;
margin: 14px auto 0;
}

#wellasa_mttlbtn {
position: absolute;
right: 290px;
bottom: 20px;
}

#wellasa_mttlbtn a {
display: flex;
align-items: center;
width: 176px;
height: 52px;
background-color: #cc9900;
color: #fff;
border-radius: 26px;
}

#wellasa_mttlbtn a:hover {
background-color: #e2ba60;
transition-property : background-color;
transition-duration: 0.25s;
opacity: 1;
}

.wellasa_mttlbtn_marui {
display: block;
background-color: #779f36;
width: 32px;
height: 32px;
border-radius: 16px;
margin-left: 10px;
}

.wellasa_mttlbtn_marui i {
display: block;
width: 18px;
height: 18px;
margin: 6px auto 0;
}

.wellasa_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;
}

.wellasa_mttlbtn_txt i {
margin: 0 0 0 8px;
}

#wellasa_oltxt_con {
text-align: center;
padding: 0 0 60px;
}

#wellasa_olmds {
color: #cc9900;
font-weight: bold;
display: block;
font-size: 2.2rem;
margin-bottom: 20px;
}

#wellasa_oltxt_con p {
font-size: 1.5rem;
}

/*

wellasa about and news wrap

-------------------------------------------------
*/

#wellasa_about_area {
background-color: #779f36;
background-image: url("../img/wellness-asakatsu/well_plantmotif_244x154_9ab86a.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;
}

#wellasa_abouttxt_con {
width: 596px;
color: #fff;
}

#wellasa_abouttxt_mds {
font-size: 1.6rem;
line-height: 1;
margin-bottom: 22px;
}

#wellasa_abouttxt_mds span {
display: inline-block;
width: 180px;
height: 32px;
vertical-align: -2px;
margin-right: 10px;
}

#wellasa_abouttxt_con p {
font-size: 1.5rem;
letter-spacing: 0em;
line-height: 2;
text-align: justify;
line-break: strict;
overflow-wrap: break-word;
}

#wellasa_aboutimg_con {
width: 350px;
height: 200px;
background-color: #fff;
}

#wellasa_aboutimg_con a {
display: block;
position: relative;
}

#wellasa_aboutimg_con a span {
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 120px;
height: 32px;
background-color: #cc9900;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 1;
padding-top: 9px;
}

#wellasa_aboutimg_con span i {
transform: rotate(-90deg);
}

#wellasa_news_area {
padding-top: 60px;
}

#wellasa_news_mds {
display: block;
font-weight: bold;
font-size: 2.4rem;
text-align: center;
margin-bottom: 16px;
}

#wellasa_news_con {
padding: 40px 30px 30px;
position: relative;
}

#wellasa_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: #cc9900;
text-align: center;
}

.wellasa_news_item:not(:last-child) {
margin-bottom: 20px;
}

.wellasa_news_item h3 {
font-size: 1.6rem;
background-color: #f5f1ed;
border-radius: 5px;
padding: 10px 20px;
margin-bottom: 14px;
}

.wellasa_newstxt {
font-size: 1.5rem;
padding-left: 10px;
}

.wellasa_newstxt img {
display: block;
height: auto;
width: auto;
max-width: 100%;
}

.wellasa_newstxt a {
color: rgba(46, 167, 224, 1.00);
}

/*

wellasa mokuji wrap

-------------------------------------------------
*/

#wellasa_mokuji_wrap {
border-top: solid 1px #f1e2b6;
border-bottom: solid 1px #f1e2b6;
}

#wellasa_mokuji_con {
padding: 20px 0;
}

#wellasa_mkjmenu_con {
display: flex;
justify-content: space-between;
align-items: center;
}

#wellasa_mkjmenu_con li:first-child {
width: 226px;
height: 36px;
margin-right: 44px;
}

.wellasa_mkjmenu {
border-left: solid 1px #f1e2b6;
width: 250px;
}

#wellasa_mkjmenu_con li:nth-child(3).wellasa_mkjmenu {
width: 310px;
}


.wellasa_mkjmenu:last-child {
border-right: solid 1px #f1e2b6;
}

.wellasa_mkjmenu a {
display: block;
height: 40px;
font-size: 1.8rem;
font-weight: bold;
color: #cc9900;
position: relative;
line-height: 1;
padding: 8px 0 0 20px;
}

.wellasa_mkjmenu a .wellasamkj_i {
width: 24px;
height: 24px;
margin-right: 14px;
vertical-align: -5px;
}

.wellasa_mkjmenu a .udarrow_cc9900 {
position: absolute;
right: 18px;
top:14px;
margin-right: 0px;
}

/*

wellasa outline

-------------------------------------------------
*/
#wellasa_olinfo_con {
margin-bottom: 44px;
display: flex;
justify-content: space-between;
}

#wellasa_olinfo_con .img_wrap {
display: block;
width: 300px;
}

#wellasa_olinfo_con .txt_wrap {
width: 740px;
}

#wellasa_olinfo_con .txt_wrap dl {
border-top:solid 1px #cc9900;
border-bottom:solid 1px #cc9900;
display: flex;
flex-wrap: wrap;
width: 100%;
}

#wellasa_olinfo_con .txt_wrap dt {
background-color: #fff;
color: #cc9900;
font-weight: bold;
width: 20%;
font-size: 1.5rem;
line-height: 1;
padding: 18px 0 0 20px;
}

#wellasa_olinfo_con .txt_wrap dd {
width: 80%;
font-size: 1.5rem;
line-height: 1;
padding: 17px 0 16px 20px;
}

#wellasa_olinfo_con .txt_wrap dd:nth-of-type(1),
#wellasa_olinfo_con .txt_wrap dd:nth-of-type(2),
#wellasa_olinfo_con .txt_wrap dd:nth-of-type(4) {
font-weight: bold;
}

#wellasa_olinfo_con .txt_wrap dd:nth-of-type(1),
#wellasa_olinfo_con .txt_wrap dd:nth-of-type(5),
#wellasa_olinfo_con .txt_wrap dd:nth-of-type(6) {
line-height: 1.75;
}

#wellasa_olinfo_con .txt_wrap dd ul {
padding-left: 1.5em;
}

#wellasa_olinfo_con .txt_wrap dd ul li {
list-style-type: decimal !important;
}

#wellasa_olinfo_con .txt_wrap dd ul li:not(:last-child) {
margin-bottom: 10px;
}

#wellasa_olinfo_con .txt_wrap dt:not(:last-of-type),
#wellasa_olinfo_con .txt_wrap dd:not(:last-of-type) {
border-bottom:solid 1px #d4d4d4;
}

#wellasa_olmovie_con {
padding: 40px;
font-size: 1.5rem;
}

#well_movie_con {
display: flex;
justify-content: space-between;
}

#well_movie_ttl {
width: 260px;
}

#well_movie_ttl h3 {
background-color: #cc9900;
color: #fff;
text-align: center;
border-radius: 4px;
margin-bottom: 20px;
padding: 30px 0;
font-size: 1.6rem;
}

#well_movie_ttl h3 span {
display: inline-block;
width: 86px;
height: 44px;
margin-right: 10px;
vertical-align: -10px;
}

#sttb_movie_mds {
display: block;
color: #cc9900;
font-size: 1.8rem;
margin-bottom: 6px;
}

#well_youtube {
width: 700px;
background-color: #f9f7f5;
padding: 10px;
}

#well_youtube div {
margin-bottom: 0px;
position: relative;
width: 100%;
padding-top: 56.25%;
}

#well_youtube div iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*

wellasa flow

-------------------------------------------------
*/

.wellasa_flow_con {
border: solid 10px #f5f1ed;
border-radius: 10px;
margin-bottom: 68px;
}

.wellasa_flow_con:last-child {
margin-bottom: 0px;
}

.wellasa_flow_con h4 {
font-size: 2.0rem;
display: flex;
align-items: center;
line-height: 1;
padding: 0 0 10px 10px;
height: 60px;
background-color: #f5f1ed;
}

#wellasa_flow01 h4 {
color: #cc9900;
}
#wellasa_flow02 h4 {
color: #779f36;
}
#wellasa_flow03 h4 {
color: #cc5656;
}

.wellasa_flow_no {
display: block;
width: 34px;
height: 34px;
border-radius: 5px;
color: #fff;
font-size: 2.0rem;
text-align: center;
padding-top: 6px;
letter-spacing: 0em;
margin-right: 20px;
}

#wellasa_flow01 .wellasa_flow_no {
background-color: #cc9900;
}
#wellasa_flow02 .wellasa_flow_no {
background-color: #779f36;
}
#wellasa_flow03 .wellasa_flow_no {
background-color: #cc5656;
}

.wellasa_flow_point {
display: block;
font-size: 1.6rem;
font-weight: bold;
line-height: 1;
background-color: #fff;
border-radius: 4px;
padding: 8px 12px;
margin-left: 16px;
}

#wellasa_flow02 .wellasa_flow_point {
color: #779f36;
}
#wellasa_flow03 .wellasa_flow_point {
color: #cc5656;
}

.flow_outline_cnt {
display: flex;
justify-content: space-between;
padding-bottom: 48px;
}

#wellasa_flow01 .flow_outline_cnt {
padding-bottom: 0px;
}

.flow_ol_imag {
display: block;
width: 222px;
height: 94px;
text-align: center;
line-height: 94px;
padding: 20px 0;
}

#wellasa_flow01 .flow_ol_imag {
background-color: #cc9900;
background-image: linear-gradient(135deg, #ce7f0a 24px, transparent 0), linear-gradient(-45deg, #ce7f0a 24px, transparent 0);
}
#wellasa_flow02 .flow_ol_imag {
background-color: #8fb059;
background-image: linear-gradient(135deg, #779f36 24px, transparent 0), linear-gradient(-45deg, #779f36 24px, transparent 0);
}
#wellasa_flow03 .flow_ol_imag {
background-color: #d57575;
background-image: linear-gradient(135deg, #cc5656 24px, transparent 0), linear-gradient(-45deg, #cc5656 24px, transparent 0);
}

.flow_ol_imag img {
display: inline-block;
width: 178px;
}

.flow_oltxt_wrap {
width: 718px;
}

.flow_oltxt_wrap ul {
padding-left: 18px;
text-align: justify;
font-size: 1.5rem;
}

.flow_oltxt_wrap ul li {
list-style-type: disc;
}

.flow_oltxt_wrap dl {
border-top:solid 1px #d4d4d4;
display: flex;
flex-wrap: wrap;
padding-bottom: 28px;
}

.flow_oltxt_wrap dt {
border-bottom:solid 1px #d4d4d4;
font-weight: bold;
width: 15%;
font-size: 1.5rem;
line-height: 1;
padding: 21px 0 0 8px;
}

#wellasa_flow02 .flow_oltxt_wrap dt {
color: #779f36;
}
#wellasa_flow03 .flow_oltxt_wrap dt {
color: #cc5656;
}

.flow_oltxt_wrap  dd {
border-bottom:solid 1px #d4d4d4;
width: 85%;
font-size: 1.5rem;
line-height: 1.6;
padding: 17px 0 16px 0;
}

.flow_oltxt_wrap dd span {
font-size: 1.6rem;
font-weight: bold;
}

.flow_ol_map iframe {
vertical-align: bottom;
}

.flow_detail_cnt {
background-color: #f5f1ed;
padding: 40px;
border-radius: 5px;
margin-bottom: 50px;
}

.wellasa_flowdtl_kmds {
font-size: 1.8rem;
line-height: 1;
color: #fff;
margin-bottom: 28px;
border-radius: 5px;
padding: 15px 0 15px 20px;
}

#wellasa_flow02 .wellasa_flowdtl_kmds {
background-color: #779f36;
}
#wellasa_flow03 .wellasa_flowdtl_kmds {
background-color:#d57575;
}

.flow_detail_con {
display: flex;
justify-content: space-between;
}

.flow_dtlimg_wrap {
display: block;
width: 300px;
}

.flow_dtlimg_wrap img {
height: auto;
}

.flow_dtltxt_wrap {
width: 560px;
}

#wellasa_flow01 .flow_dtltxt_wrap {
width: 730px;
}

.wellasa_mrk_uketsuke {
display: flex;
border: solid 2px #cc5656;
border-radius: 5px;
color: #cc5656;
background-color: #fff;
width: 194px;
height: 42px;
font-weight: bold;
font-size: 1.5rem;
letter-spacing: 0.03em;
padding-left: 4px;
align-items: center;
line-height: 1;
margin-bottom: 20px;
}

.wellasa_uketsuke {
color: #fff;
background-color: #cc5656;
width: 40px;
height: 28px;
border-radius: 4px;
text-align: center;
line-height: 1;
font-size: 1.2rem;
margin-right: 8px;
padding-top: 8px;
}

.flow_dtltxt_wrap ul  {
padding-left: 18px;
text-align: justify;
font-size: 1.5rem;
}

#wellasa_flow03 .flow_dtltxt_wrap ul  {
margin-bottom: 24px;
}

.flow_dtltxt_wrap ul li {
list-style-type: disc;
letter-spacing: 0.05em;
}

.wellasa_flow_cntex {
padding: 40px;
}

#wellasa_flow03 .wellasa_flow_cntex p {
font-size: 1.5rem;
text-align: justify;
letter-spacing: 0.05em;
line-height: 1.7;
}

.flow_dtlsubtxt_wrap {
margin-bottom: 20px;
}
#wellasa_flow03_no1 .flow_dtlsubtxt_wrap {
margin-bottom: 0px;
}

.flow_dtlsubtxt_wrap dl {
display: flex;
justify-content: space-between;
border: solid 4px #fff;
border-radius: 5px;
padding: 24px 22px;
background-image: url("../img/wellness-asakatsu/wellasa_paper_200x200_beige.png");
background-repeat: repeat;
}
#wellasa_flow03 .flow_dtlsubtxt_wrap dl {
flex-direction: column;
}

.flow_dtlsubtxt_wrap dt {
display: flex;
align-items: center;
font-weight: bold;
font-size: 1.6rem;
background-color: #fff;
width: 168px;
border-radius: 5px;
padding-left: 14px;
line-height: 1.5;
}
#wellasa_flow02 .flow_dtlsubtxt_wrap dt {
color: #779f36;
}
#wellasa_flow03 .flow_dtlsubtxt_wrap dt  {
color: #ce7f0a;
margin-bottom: 16px;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
}
#wellasa_flow02_no2 .flow_dtlsubtxt_wrap dt {
letter-spacing: 0em;
}

.flow_dtlsubtxt_wrap dt i {
width: 30px;
height: 30px;
margin-right: 6px;
}
#wellasa_flow03 .flow_dtlsubtxt_wrap dt i {
width: 20px;
height: 20px;
}

.flow_dtlsubtxt_wrap dt img {
width: auto;
height: 100%;
}

.flow_dtlsubtxt_wrap dd {
font-size: 1.5rem;
width: 322px;
font-weight: bold;
margin: 0;
letter-spacing: 0.02em;
text-align: justify;
}
#wellasa_flow02 .flow_dtlsubtxt_wrap dd   {
color: #779f36;
}

#wellasa_flow03 .flow_dtlsubtxt_wrap dd   {
width: 100%;
font-weight: normal;
color: #3c3c3c;
}

.flow_planpoint_wrap {
position: relative;
}

#wellasa_flow02_no3 .flow_detail_con:first-of-type .flow_planpoint_wrap {
margin-top: 40px;
}

#wellasa_flow02_no3 .flow_detail_con:nth-of-type(2) .flow_planpoint_wrap {
margin-top: 20px;
margin-bottom: 26px;
}

.flow_planpoint_con {
position: absolute;
top: -20px;
left: 0;
display: flex;
font-weight: bold;
font-size: 1.4rem;
color: #fff;
background-color: #ce7f0a;
width: 164px;
height: 40px;
line-height: 1;
border-radius: 5px;
align-items: center;
justify-content: center;
}

.planpoint_no {
display: block;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
background-color: #fff;
color: #ce7f0a;
text-align: center;
margin-left: 5px;
}

.flow_planpoint_dtl_wrap {
border: solid 2px #ce7f0a;
background-color: #fff;
background-image: url(../img/wellness-asakatsu/wellasa_wavemotif_142x60_f5f0e5.svgz);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 142px 60px;
padding: 28px 24px 18px;
border-radius: 5px;
font-size: 1.5rem;
font-weight: bold;
}

.flow_planpoint_dtl_wrap span {
display: block;
font-size: 1.8rem;
color: #ce7f0a;
margin-bottom: 8px;
}

.flow_spotinfo_con {
border: solid 2px #ce7f0a;
border-radius: 5px;
padding: 22px 0;
background-image: url("../img/wellness-asakatsu/wellasa_paper_200x200_fff.png");
background-repeat: repeat;
}

.flow_spotinfo_con p {
padding: 0 25px;
text-align: justify;
}

.flow_spotinfo_point {
color: #ce7f0a;
font-size: 1.7rem;
font-weight: bold;
display: block;
text-align: center;
}

.flow_spotinfo_band {
display: block;
background-color: #ce7f0a;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
padding: 11px 0;
text-align: center;
margin: 10px 0 18px 0;
line-height: 1;
}

#wellasa_flow03 .wellasa_flow_cntex .wellasa_summary_txt {
letter-spacing: 0.08em;
margin-bottom: 10px;
}

/*

wellasa kounyu

-------------------------------------------------
*/

.wellasa_kounyu_con {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}

.wellasa_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: 30px;
}

.wellasa_kounyu_button {
width: 260px;
}