@charset "UTF-8";
/* CSS Document */
.container {
max-width: 1000px;
margin: 0 auto;
padding: 50px 0 50px;/*padding: 100px 0 50px;*/
}

.mv_container {
max-width: 1280px;
margin: 0 auto
}
.mv_container img {
max-width: 1000px;
height: auto;
width: 100%;
margin: 0 auto
}
/*concept======*/
.col_2_concept {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 100px;
padding-bottom: 100px
}
.col_2_concept li {
margin-right: 30px;
width: calc(100% - 30px);
}
.col_2_concept li:last-child {
margin-right: 0
}
.col_2_concept_pict img {
max-height: 500px;
}
.col_2_concept_txt {
color: #131418;
text-align: center;
font-size: 22px;
line-height: 1.8;
margin-top: 50px;
}


@media screen and (max-width: 767px) {
.col_2_concept {
justify-content: center;
flex-direction: column;
padding-top: 70px;
padding-bottom: 70px
}
.col_2_concept li {
width: 100%;
margin-right: 0px;
margin-bottom: 30px
}
.col_2_concept li:last-child {
margin-bottom: 0px
}
.col_2_concept_txt {
font-size: 18px;
}
.col_2_concept_pict img {
margin-bottom: 15px
}
}
/*問い合わせ・予約　〜フラワーレメディ======*/
.col_mutual {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px
}
.col_mutual_2 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 70px
}
.col_mutual li {
margin-right: 60px;
width: calc(100% - 60px);
}
.col_mutual_2 li {
margin-right: 60px;
width: calc(100% - 60px);
}
.col_mutual li:last-child, .col_mutual_2 li:last-child {
margin-right: 0
}
@media screen and (max-width: 767px) {
.col_mutual {
justify-content: center;
flex-direction: column;
margin-bottom: 20px
}
.col_mutual_2 {
flex-direction: column-reverse;
justify-content: center;
}
.col_mutual li, .col_mutual_2 li {
width: 100%;
margin-right: 0px;
}
.col_mutual_pict {
width: 100% !important;
}
.col_mutual_note > dl {
padding-left: 0px;
}
}
.col_mutual_ttl {
font-size: 19px;
margin-bottom: 20px
}
.col_mutual_txt {
color: #555;
font-size: 16px;
line-height: 1.8;
margin: 50px auto 30px;
text-align: left;
}
@media screen and (max-width: 767px) {
.col_mutual_txt {
text-align: center;
}

}
@media screen and (max-width: 599px) {
.col_mutual_txt {
text-align: left;
}
.col_mutual_txt {
margin:44px auto 30px;
}
.col_mutual_txt.txt2 {
margin:37px auto 30px;
}
}

.inq_container {
background-color: #fff;
}
.col_mutual_note > dl {
margin: 50px auto 30px;
text-align: center
}
/*見出し======*/
.contents_ttl {
font-size: 66px;
font-weight: bold;
text-align: center;
color: #6F8A9E;
display: block;
line-height: 0.9;
margin-bottom: 15px
}
.contents_ttl_small {
font-size: 60px;
font-weight: bold;
text-align: center;
color: #3D071C;
display: block;
line-height: 0.9;
margin-bottom: 15px
}
.contents_ttl_lower {
font-size: 17px;
font-weight: bold;
text-align: center;
color: #3D071C;
display: block;
}
.f_big_wine {
font-size: 17px;
font-weight: bold;
color: #3D071C;
}
.contents_ttl_lower.top_size{
font-size: 20px;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.contents_ttl, .contents_ttl_small {
font-size: 66px;
}
.contents_ttl_lower {
font-size: 14px;
}
.contents_ttl_lower.top_size{
font-size: 20px;
}
}
@media screen and (max-width: 480px) {
.contents_ttl, .contents_ttl_small {
font-size: 45px;/*55*/
}
}
.col_mutual_txt_space {
margin-top: 0px
}
.heading_flower {
font-size: 21px;
margin-bottom: 15px;
position: relative;
}
.heading_flower a::before {
background: url("../img/common/ico_mail.png")no-repeat left center /cover;
display: inline-block;
content: "";
width: 35px;
height: 35px;
vertical-align: middle;
position: absolute;
left: 25%;
top: 22%
}
@media screen and (max-width: 767px) {
.heading_flower {
font-size: 21px;
margin-bottom: 10px;
text-align: center;
}

}
@media screen and (max-width: 480px) {
.heading_flower {
font-size: 18px;
margin-bottom: 10px;
text-align: center;
margin-left: -10px
}
}
/*
.mv_container_bg {
background-color: #98d74a;
padding-top: 170px; 
}
@media screen and (max-width: 767px) {
.mv_container_bg {
padding-top: 80px;
}
}
*/
@media screen and (max-width: 767px) {
.ttl_inruiry {
margin-bottom: 45px;/*50*/
}
}
.btn_container {
display: flex;
justify-content: space-around
}
.btn_container li {
width: 100%
}
.txt_space {
margin: 50px auto
}


/*メインビジュアル調整**/
.mv_lower_container_bg {
background: url("../img/index/mv_top.jpg")no-repeat center top / cover;
height: 600px;
}

.mv_lower_ttl_jp {
font-size: 38px;
font-weight: bold;
text-align: center;
color: #fff;
text-shadow: 2px 2px 4px rgb(1, 68, 9);
display: block;
letter-spacing: 17px;
line-height:2;
}
@media screen and (max-width: 980px) {
.mv_lower_ttl_jp {
font-size: 34px;
letter-spacing: 5px;
position: relative;
left: -10px;
}
.mv_lower_container_bg {
background: url("../img/index/mv_top_tb.jpg")no-repeat center top / cover;
max-height: 400px;
}
}
@media screen and (max-width: 767px) {
.mv_lower_ttl_jp {
font-size: 22px;
letter-spacing: 5px;
position: relative;
left: -10px;
}
.mv_lower_container_bg {
background: url("../img/index/mv_top_sp.jpg")no-repeat center top / cover;
max-height: 250px;
}
.mv_lower_ttl {
top: 53%;
}
}

@media screen and (max-width: 767px) {/*修正指示T-33、T-4文字間隔微調整SP*/
.container.top_contents {
padding: 0 5% 0px;
}
.container {
padding: 0px 5% 37px;/*0px 5% 50px*/
}
.col_mutual_2 {
margin-bottom: 45px;/*50*/
}
}