hr{
background: #ccc;
width:100%;
height: 1px;
border: none;
}
.sub_header_ttl{
color:#8a6702;
font-weight: bold;
font-size:1.8rem;
}

@media screen and (max-width: 599px) {
.inquiry_container_txt, .inquiry_container_note {
text-align: center;
}
}

/*
----------------------ごあいさつ----------------------*/
.aboutus{
}
.aboutus .contents_about{
width: 100%;
padding: 40px 20px;
}
.aboutus .staff_wrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:100%;
}
.aboutus .staff_wrap.popo_area{
/*flex-direction: row-reverse;*/
margin-top: 50px;
}
.staff_img{
width: 40%;
}
.staff_text{
width: 60%;
}
.tomato_text{
color: #8A6702;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.aboutus .staff_wrap{
display: block;
margin: auto;
}
.staff_img{
width: 100%;
}
.staff_img img{
margin: auto;
}
.staff_text{
width: 100%;
}
.aboutus .staff_wrap.popo_area{
margin-top:50px;
}
}


/*
----------------------ワークショップ----------------------*/
.activity{
}
.activity .contents_activity{
width: 100%;
padding: 40px 20px;/*40px 20px 80px*/
}
.message_activity{
text-align: center;
color:#8a6702;
width:100%;
max-width: 800px;
font-weight: bold;
font-size: 1.9rem;
width: 100%;
padding: 40px 20px;
margin: auto;
}
/*メインビジュアル調整**/
.activity .mv_lower_container_bg {
background: url("../img/common/mv_workshop.jpg")no-repeat center top / cover;
height: 453px;
}
@media screen and (max-width: 980px) {
.activity .mv_lower_container_bg {
background: url("../img/common/mv_workshop_tb.jpg")no-repeat center top / cover;
max-height: 400px;
}
}
@media screen and (max-width: 767px) {
.activity .mv_lower_container_bg {
background: url("../img/common/mv_workshop_sp.jpg")no-repeat center top / cover;
max-height: 250px;
}
}
.sub_message_activity{
text-align: left;
color: #8a6702;
width: 100%;
max-width: 500px;
font-size: 1.4rem;
width: 100%;
padding: 0px 20px 80px;
margin: auto;
}

.contents_activity ul{
margin-left: 20px;
}
.contents_activity ul li{
list-style: disc;
padding-top: 6px;
}

.activity_wrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:100%;
flex-direction: row-reverse;
}
.activity_wrap .activity_text{
width:100% /*75%*/;
/*padding-right: 20px;*/
box-sizing: border-box;
}
.activity_text .date{
}
.event_title{
color:#8a6702;
font-weight: bold;
}
.event_text_main{
color:#8a6702;
font-weight: bold;
font-size:1.8rem;
margin:20px 0 40px;
}

.activity_text .event_text{
}
.activity_text .date, .activity_text .event_title, .activity_text .event_text{
margin-bottom:5px;
}
.activity_wrap .activity_img{
width:100%/* 25%*/;
display: none;/*画像復活したら、再表示*/
}
.contents_activity p.text{
margin-top:10px;
}

@media screen and (max-width: 767px) {
.activity_wrap .activity_text{
width:100%;
/*	width: 65%;*/
padding-right:10px;
box-sizing: border-box;
}
.activity_wrap .activity_img{
/*width: 35%;*/
width:100%;
}
.contents_activity ul{
margin-left: 15px;
}
}

@media screen and (max-width: 414px) {
.activity .contents_activity {
padding: 30px 20px;
}
.activity_wrap{
display:block;
}
.activity_wrap .activity_text{
width: 100%;
padding-right:0;
}
.activity_wrap .activity_img{
width: 100%;
}
.activity_wrap .activity_img img{
width: 100%;
padding: 30px;
box-sizing: border-box;
}
.message_activity{
font-size: 1.6rem;
padding: 20px 0px 40px 0;
line-height: 2;
}
.sub_message_activity{
text-align: left;
color: #8a6702;
width: 100%;
max-width: 500px;
font-size: 1.4rem;
width: 100%;
padding: 0px 20px 80px;
margin: auto;
}

}

/*
----------------------活動報告----------------------*/

.report{
}
.report .contents_report{
width: 100%;
padding: 40px 20px 80px;
}
.contents_report{
}
.report_wrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:100%;
}
.report_wrap .report_text{
width: 50%;
padding-right: 20px;
box-sizing: border-box;
}
.report_text .date{
}
.report_text .event_title{
color:#8a6702;
font-weight: bold;
}
.report_text .event_text{
}
.report_text .date, .report_text .event_title, .report_text .event_text{
margin-bottom:5px;
}
.report_wrap .report_img{
width: 50%;
}

@media screen and (max-width: 767px) {
.report .contents_report {
padding: 30px 20px;
}
.report_wrap{
display:block;
}
.report_wrap .report_text{
width: 100%;
padding-right:0;
}
.report_wrap .report_img{
width: 100%;
}
.report_wrap .report_img img{
width: 100%;
padding:10px;
box-sizing: border-box;
}
}

@media screen and (max-width: 414px) {
}

/*
----------------------どんな時にフラワーレメディー?----------------------*/
.cases .contents_inner{

}

/*左ふきだし*/
.cases .balloon2-left {
position: relative;
display: inline-block;
margin: 1.5em 0 1.5em 15px;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
/*color: #555;*/
font-size: 16px;
background: #FFF;
border: solid 2px #ccc;
box-sizing: border-box;
}
.cases .balloon2-left:before {
content: "";
position: absolute;
top: 50%;
left: -31px;
margin-top: -16px;
border: 16px solid transparent;
border-right: 16px solid #FFF;
z-index: 2;
}
.cases .balloon2-left:after {
content: "";
position: absolute;
top: 50%;
left: -36px;
margin-top: -18px;
border: 18px solid transparent;
border-right: 18px solid #ccc;
z-index: 1;
}
.cases .balloon2-left p {
margin: 0;
padding:5px 5px 5px 10px;
box-sizing: border-box;
line-height: 1.6;
}
/*右ふきだし*/
.balloon2-right {
position: relative;
display: inline-block;
margin: 1.5em 15px 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
font-size: 16px;
background: #FFF;
border: solid 2px #ccc;
box-sizing: border-box;
}

.balloon2-right:before {
content: "";
position: absolute;
top: 50%;
right: -31px;
margin-top: -16px;
border: 16px solid transparent;
border-left: 16px solid #FFF;
z-index: 2;
}

.balloon2-right:after {
content: "";
position: absolute;
top: 50%;
right: -36px;
margin-top: -18px;
border: 18px solid transparent;
border-left: 18px solid #ccc;
z-index: 1;
}

.balloon2-right p {
margin: 0;
padding:5px 10px 5px 5px;
box-sizing: border-box;
line-height: 1.6;
}

.balloon_wrap{}

/*上ふきだし*/
.cases .balloon2-top {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
/*color: #555;**/
font-size: 16px;
background: #FFF;
border: solid 2px #420017;
box-sizing: border-box;
}
.cases .balloon2-top:before {
content: "";
position: absolute;
top: -24px;
left: 50%;
margin-left: -15px;
border: 12px solid transparent;
border-bottom: 12px solid #FFF;
z-index: 2;
}
.cases .balloon2-top:after {
content: "";
position: absolute;
top: -30px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-bottom: 14px solid #420017;
z-index: 1;
}
.cases .balloon2-top p {
margin: 0;
padding: 0;
}
.cases .heading_ttl_eiji span{
font-size: 16px;
}

.heading_ttl_eiji span.new{
font-family:'游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
font-size: 14px;
padding:2px 10px;
margin-right:8px;
background-color: #420017;
color:#fff;
}
.small_text{
text-align: center;
font-size: 1.2rem;
}
/*以下、①背景色など*/
.line-bc {
padding: 20px 10px;
max-width: 100%;
margin: 15px auto;
text-align: right;
font-size: 14px;
}

@media screen and (max-width: 599px) {
.cases .contents_inner{
margin-top: 20px;
margin-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
}
.cases .heading_ttl_eiji span{
font-size: 14px;
}
.line-bc {
padding: 10px;
margin: 0px auto;
}

}

/*以下、②左側のコメント*/
.balloon6 {
width: 100%;
margin: 10px 0;
overflow: hidden;
}

.balloon6 .faceicon {
float: left;
margin-right: -50px;
width: 40px;
}

.balloon6 .faceicon img{
width: 100%;
height: auto;
border-radius: 50%;
}
.balloon6 .chatting {
width: 100%;
text-align: left;
}
.says {
display: inline-block;
position: relative; 
margin: 0 0 0 50px;
padding: 10px;
max-width: 60%;
border-radius: 12px;
border: 1px solid #ccc;
}
.says:after, .says:before {
right: 100%;
top: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.says:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 15px;
margin-top: -15px;
}
.says:before {
border-color: rgba(204, 204, 204, 0);
border-right-color: #ccc;
border-width: 16px;
margin-top: -16px;
}

.says p {
margin: 0;
padding: 0;
}



/*右側のコメント*/
.mycomment {
margin: 10px 0;

}
.mycomment p {
display: inline-block;
position: relative; 
margin: 0 10px 0 0;
padding: 8px;
max-width: 60%;
border-radius: 12px;
font-size:15px;
border: 1px solid #ccc;
text-align: left
}
.mycomment p:after, .mycomment p:before {
left: 100%;
top: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.mycomment p:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #fff;
border-width: 15px;
margin-top: -15px;
}
.mycomment p:before {
border-color: rgba(204, 204, 204, 0);
border-left-color: #ccc;
border-width: 16px;
margin-top: -16px;
}
.says, .mycomment p{
padding-top:15px;
padding-bottom:15px
}
.contents_heading_case {
color: #c5a565;
font-size: 14px;
margin-bottom: 15px;
/* font-weight: bold;*/
}

@media screen and (max-width: 599px) {
.contents_heading_case {
margin-bottom: 0;
}
.says {
max-width: 100%;
margin: 0 0 0 15px;
}
.mycomment p {
max-width: 100%;
margin: 0 0 0 15px;
}
.cases  .heading_ttl_eiji {
line-height: 1;
padding:10px 0;
}
}