/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here 
 * マミーラウンジのCSSです   */
/*****************************************/
@charset "UTF-8";
/* CSS Document */
/*
html {
  font-size: 62.5%;*/
  /*16px*62.5%=10px*/ }
/*
@font-face {
    font-family: 'Avenir-heavy';
    src: url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Heavy.eot');
    src: url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Heavy.eot#iefix') format('embedded-opentype'), url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Heavy.woff2') format('woff2'), url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Heavy.woff') format('woff'), url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Heavy.ttf') format('truetype'), url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir-roman';
    src: url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Roman.eot');
    src: url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Roman.eot#iefix') format('embedded-opentype'), url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Roman.woff2') format('woff2'), url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Roman.woff') format('woff'), url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Roman.ttf') format('truetype'), url('https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/mamanavi.tv/fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
  font-size: 1.7rem;
  line-height: 1.5;
  color: #333333;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  height: 100%; }

a {
  text-decoration: none; 
}
li{
    list-style: none;
    text-decoration: none;
}
*/
ul li{
list-style:none;
}

.allwrap {
  margin: 0 auto;
}
.wrap{
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    
}
.sp{
  display: none;
}
/*h3タイトル中央配置*/
.h3 {
  text-align: center; }

.center{
  text-align: center;
}
/**********文字色**********/
.font_or{
    color: #FCAE00; 
}
.font_wh{
    color: #ffffff;
}
.font-pi{
    color: #F48691;
}
.font_gr{
  color: #53B046;
}
/*********余白***********/
.pt60{
   padding-top: 60px;
}
.mt160{
  margin-top: 160px;
}
.mb25{
    margin-bottom: 25px;
}
.mb60{
    margin-bottom: 60px;
}
.mb45{margin-bottom: 45px;
}
.mb80{
    margin-bottom: 80px;
}

/*************トップビジュアル**************/
.top_title {
  display: block;
  margin: 0 auto; }

.title_img{
  width: 100%;
}
/*トップビジュアルのテキスト並び*/
.flex_container {
  display: flex;
  justify-content: space-between; 
  padding-top: 70px;
}

.flex_item1 {
  font-size: 2rem;
/*   color: #53B046;  */
  color: #54CCD2;
  width: 352px; 
}
.flex_item2 {
  width: 555px;
  text-align: justify;
   text-justify: inter-ideograph; }

.mammylounge_title{
    font-size: 20px;
    line-height: 1.5; 
    font-weight: bold;
}
/*************トップビジュアル**************/

/****************１階**********************/
.wrap1f {
  background-color: #FFFCD4;
  padding: 60px;
     /* width: 100%; 
     height: 1193px;
     background: url("img/pc/yellowback.png");
     margin: 0 auto; */
}
.h3_title2 {
    font-size: 25px;
    font-weight: bold;
}

.map1f {
    padding-bottom: 10px;
}
.map1f img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.p_1f{
    width: 450px;
}
.flex_container1f{
    display: flex;
    justify-content: center;
}
.btn_or{
    display: block;
    width: 390px;
    height: 65px;
    background : #FDCE66;
    margin-right: 35px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.4;
}
.btn_wh{
    display: block;
    width: 390px;
    height: 65px;
    background-color: #ffffff;
    border: solid; 
    border-color: #FDCE66;
    margin-left: 25px;
    text-align: center;
    padding-top: 21px;
    padding-bottom: 21px;
    line-height: 1;
}

/****************１階*********************/

/****************3階*********************/
.mammy-bg{
  background-image: url(https://8379223.fs1.hubspotusercontent-na2.net/hubfs/8379223/service-mammy-lounge/background.png);
}
.map3f img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.btn_pi{
    display: block;
    background : #F8B6BD;
    width: 390px;
    height: 65px;   
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.4;
}
.card-mammylounge {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 40px;
  background-color: #ffffff;
  border: solid;
  border-color: #BCC1C1;
  margin-top: 40px;
  margin-bottom: 40px;
}

.card_pc{
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 40px;
  background-color: #ffffff;
  border: solid;
  border-color: #BCC1C1;
  margin-top: 40px;
  margin-bottom: 40px;
}
.card_sp{
  display: none;
  
}

.card_title{
  font-size: 24px;
  line-height: 1;
}
.card_text{
    display:flex;
    flex-flow: column;
    justify-content:space-around;
    width: 45%
  }
.card_inner_text{
  padding-top: 10px;
  padding-bottom: 10px;
}

/****************3階*********************/
.btn_pi{
  width: 100%;
}
/****************MEMBER*********************/
.banner{
  max-width: 100%;
}
/****************MEMBER*********************/

/****************アクアス*********************/
.accesswrap{
 background-color: #FFFCD4;
 padding: 60px;
}
.access{
  display: flex;
}
.google_map_div{
  width: 50%;
}
.goole_map{
  max-width: 100%;
}
.adress{
  display: flex;

}
.adress_dl{
  width: 100px;
}
/****************アクセス*********************/

@media screen and (max-width: 768px){
  img{
    max-width: 100%;
  }
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
  .flex_container{
    display: block;
  }
  .sp_center{
    text-align: center;
  }
.wrap{
  max-width: 100%;
}
.spmb60{
  margin-bottom: 60px;
}
/*************トップビジュアル**************/
.flex_item1{
  width: 100%;
}
.flex_item2{
  width: 100%;
  padding-top: 20px;
}
.spcontainer{
  padding: 30px;
}
/*************トップビジュアル**************/

/****************１階*********************/
.wrap1f{
  padding: 30px;
}
.flex_container1f{
  display: block;
}
.p_1f{
  width: 100%;
}
.btn_or{
  width: 100%;
}
.btn_wh{
  margin-top: 15px;
  margin-left: 0;
  width: 100%;
}
/****************１階*********************/

/****************3階*********************/
.wrap3f{
  padding: 30px;
}
.card-mammylounge{
  display: block;
  padding: 30px;
}
.card_pc{
  display: none;
  padding: 30px;
}
.card_sp{
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  justify-content: space-between;
  padding: 30px;
  background-color: #ffffff;
  border: solid;
  border-color: #BCC1C1;
  margin-top: 40px;
  margin-bottom: 40px;
}
.card_title{
  padding-bottom: 30px;
}
.card_text{
  width: 100%;
}
.card_inner_text {
  padding-top: 30px;
  padding-bottom: 30px;
}
.btn_pi{
  margin-top: 15px;
}
/****************3階*********************/

/****************アクアス*********************/
.accesswrap{
  padding: 30px;
}
.access{
  display: block;
}
.google_map_div{
  width: 100%;
}
.adress_dl{
  width: 26%;
}
.adress_dd{
  width: 74%;
}
/****************アクアス*********************/
}