@charset "UTF-8";

/*============================================

base.css

============================================*/

/* reset
------------------------------------------- */
*{ margin:0; padding:0; }
html { /*overflow-y: scroll;*/ }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0;	padding: 0; }
main article, aside, canvas, footer, header, hgroup, nav, section, figure, figcaption { display: block; margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th	{ text-align: left; }
q:before ,q:after { content: '';}
object, embed { vertical-align: top; }
hr, legend { display: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
img, abbr, acronym, fieldset { border: 0; vertical-align: bottom; }
li { list-style-type: none; }

/* clearfix
------------------------------------------- */
.clearfix{ zoom:1;}
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

/* 基本
------------------------------------------- */
body {
  font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  -webkit-text-size-adjust:100%;
  counter-reset: a;
}
a {
  color:teal;
}
a:hover, a:focus {
  color:green;	
  text-decoration:none;
  opacity: 0.5;
}

.wrap {
  margin: 0 auto;
  max-width: 980px;
}

/* 余白 */
.contents {
  margin: 0 0 50px;
}
.context {
  margin: 0 0 20px;
}
.context p {
  margin: 0 0 15px;
}
.propose {
  margin: 0 0 40px;
}

.enclose {
  border: 3px solid #d9d9d9;
  background: #fafafa;
}

/* 角丸 */
.cr3 {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.cr5 {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.cr8 {
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

/* 凹み */
.dent a {
  position: relative;
  display: inline-block;
  top: 0;
  -webkit-transition: .1s ease-in-out;
     -moz-transition: .1s ease-in-out;
          transition: .1s ease-in-out;
}
.dent a:hover,
.dent a:focus {
  top: 4px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.dent_text a {
  position: relative;
  display: block;
  top: 0;
  -webkit-transition: .1s ease-in-out;
     -moz-transition: .1s ease-in-out;
          transition: .1s ease-in-out;
}
.dent_text a:hover,
.dent_text a:focus {
  top: 4px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.serv_logo a {
  -webkit-transition: .1s ease-in-out;
     -moz-transition: .1s ease-in-out;
          transition: .1s ease-in-out;
  -webkit-box-shadow: 0 4px 0 #eb9e27;
     -moz-box-shadow: 0 4px 0 #eb9e27;
          box-shadow: 0 4px 0 #eb9e27;
}
.serv_trade a {
  -webkit-box-shadow: 0 4px 0 #4caa7f;
     -moz-box-shadow: 0 4px 0 #4caa7f;
          box-shadow: 0 4px 0 #4caa7f;
}
.serv_total a {
  -webkit-box-shadow: 0 4px 0 #3588b3;
     -moz-box-shadow: 0 4px 0 #3588b3;
          box-shadow: 0 4px 0 #3588b3;
}
.serv_prop a {
  -webkit-box-shadow: 0 4px 0 #e6e6e6;
     -moz-box-shadow: 0 4px 0 #e6e6e6;
          box-shadow: 0 4px 0 #e6e6e6;
}
.stand_btn a {
  -webkit-box-shadow: 0 4px 0 #2e90a1;
     -moz-box-shadow: 0 4px 0 #2e90a1;
          box-shadow: 0 4px 0 #2e90a1;
}
.plan_order a {
  -webkit-box-shadow: 0 4px 0 #d93687;
     -moz-box-shadow: 0 4px 0 #d93687;
          box-shadow: 0 4px 0 #d93687;
}
.order_btn a {
  -webkit-box-shadow: 0 4px 0 #d93687;
     -moz-box-shadow: 0 4px 0 #d93687;
          box-shadow: 0 4px 0 #d93687;
}
.logo_branch a {
  -webkit-box-shadow: 0 4px 0 #dd9526;
     -moz-box-shadow: 0 4px 0 #dd9526;
          box-shadow: 0 4px 0 #dd9526;
}
.sc_branch a {
  -webkit-box-shadow: 0 4px 0 #2e90a1;
     -moz-box-shadow: 0 4px 0 #2e90a1;
          box-shadow: 0 4px 0 #2e90a1;
}
.contact_btn a {
  -webkit-box-shadow: 0 4px 0 #2e90a1;
     -moz-box-shadow: 0 4px 0 #2e90a1;
          box-shadow: 0 4px 0 #2e90a1;
}

/* ボタン1 */
.independ {
  margin: 0 0 40px;
}
.stand_btn {
  text-align: center;
}
.stand_btn a {
  background: #2e90a1;
}
.order_btn {
  text-align: center;
}
.order_btn a {
  background: #d93687;
}
.branch {
  margin: 0 0 40px;
}
.branch_btn {
  text-align: center;
}

/* 横並び2列 */
.couple_left {
  float: left;
  width: 340px;
}
.couple_right {
  float: right;
  width: 340px;
}

/* 横並び3列 */
.few_left {
  float: left;
  margin: 0 25px 0 0;
  width: 220px;
}
.few_midd {
  float: left;
  width: 220px;
}
.few_right {
  float: right;
  width: 220px;
}

/* 見出し */
.solid {
  margin: 0 0 20px;
  font-size: 171.4%;
  font-weight: bold;
}
.solid span {
  display: block;
  font-size: 85%;
}
.solid_line {
  margin: 0 0 10px;
  line-height: 1.4;
  font-size: 153.9%;
  font-weight: bold;
}
.solid_line span {
  font-size: 116%;
}
.line {
  padding: 0 0 0 10px;
  margin: 0 0 10px;
  line-height: 1.4;
  font-size: 146%;
  font-weight: bold;
  border-left: 5px solid #3bb2c6;
}
.line span {
  font-size: 116%;
}
.sub {
  margin: 0 0 15px;
  color: #3bb2c6;
  font-weight: bold;
  font-size: 139%;
}
.ico {
  padding: 0 0 0 40px;
  margin: 0 0 18px;
  font-size: 171.4%;
  font-weight: bold;
  background: url(../img/common/head_ico.png) no-repeat left center;
}

/* カラー */
.sc {
  color: #3bb2c6;
}
.pickup {
  color: #e4597a;
}

/* アニメーション用hide */
.hide { visibility: hidden; }

/* ヘッダー
------------------------------------------- */
.lower .gheader {
  margin: 0 0 25px;
  border-bottom: 1px solid #e5e5e5;
}
.gheader .wrap {
  padding: 25px 0 33px;
}
.gheader .top {
  margin: 0 0 35px;
}
.gheader .sbj {
  float: left;
  max-width: 100%;
}
.gheader .ttl {
  margin: 0 0 3px;
  font-size: 93%;
}
.gheader .info {
  float: right;
  width: 451px;
}
.dial {
  padding: 0 0 7px;
  margin: 0 0 5px;
  background: url(../img/common/dotted_line3.gif) repeat-x left bottom;
}
.dial li {
  float: left;
}
.dial .free {
  width: 247px;
}
.dial .usual {
  padding: 0 0 0 15px;
  width: 189px;
}
.time {
  text-align: right;
  line-height: 0;
}


/* スマホ　ヘッダー
------------------------------------------- */
.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px #999;
     -moz-box-shadow: 0 1px 5px #999;
       box-shadow: 0 1px 5px #999;
}
.head-btn {
  width: 50px;
  text-align: center;
}
.head-menu {
  border-right: 1px solid #ddd;
}
.head-menu a {
  background-image: url(http://prime-mariage.com/img/sp/icon-head-menu.png) ;
  background-repeat: no-repeat ;
  background-position: 50% 35% ;
  background-size: 16px auto ;
}
.head-order {
  border-left: 1px solid #ddd;
}
.head-order a {
  background-image: url(http://prime-mariage.com/img/sp/icon-head-order.png);
  background-repeat: no-repeat ;
  background-position: 50% 35%;
  background-size: 16px auto ;
}
.head-dial {
  float: right;
  border-left: 1px solid #ddd;
}
.head-dial a {
  background-image: url(http://prime-mariage.com/img/sp/icon-head-dial.png) ;
  background-repeat: no-repeat ;
  background-position: 50% 35% ;
  background-size: 16px auto ;
}
.head-txt {
  display: block;
  padding: 32px 0 0;
  font-size: .5rem;
  font-weight: bold;
  color: #3bb2c6;
}
.head-btn a {
  display: block;
  width: 50px;
  height: 50px;
}
.logotype {
  left: 50%;
  margin-left: -90px;
  position: absolute;
  top: 7px;
  width: 180px;
}
@media screen and (max-width: 375px) {
.logotype {
  margin-left: -36%;
}
}
@media screen and (max-width: 320px) {
.logotype {
  width: 160px;
  margin-left: -108px;
}
}
.logotype a {
  display: block;
  padding: 10px;
}


/* グローバルナビ
------------------------------------------- */
.gnavi {
  *zoom: 1;
}
.gnavi:before,
.gnavi:after{
  content: "";
  display: table;
}
.gnavi:after{
  clear: both;
}
.gnavi ul li {
  float:left;
  width: 140px;
  position: relative;
}
.gnavi ul li a {
  display: block;
}
.gnavi li ul{
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  width: 246px;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
     -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}
.gnavi li ul li{
  width: 246px;
  overflow: hidden;
  height: 0;
  -webkit-transition: .2s;
     -moz-transition: .2s;
          transition: .2s;
}
.gnavi li:hover ul li{
  overflow: visible;
  height: 54px;
}
.gnavi li ul li a{
  display: block;
  width: 246px;
}
.gnavi ul a .nav_home a { color:#96e6eb;}
.gnavi ul .nav_trademark_top { color:#96e6eb;}
.gnavi ul .nav_trademark { color:#96e6eb;}
.gnavi ul .nav_service { color:#96e6eb;}
.gnavi ul .nav_about { color:#96e6eb;}
.gnavi ul .nav_order { color:#96e6eb;}

.gnavi ul .nav_serv_logo { width:246px; background: url(https://www.prime-mariage.com/img/common/nav_serv_logo_on.png) no-repeat;}
.gnavi ul .nav_serv_trade { width:246px; background: url(https://www.prime-mariage.com/img/common/nav_serv_trade_on.png) no-repeat;}
.gnavi ul .nav_serv_total { width:246px; background: url(https://www.prime-mariage.com/img/common/nav_serv_total_on.png) no-repeat;}

.gnavi ul .nav_logo { background: url(https://www.prime-mariage.com/img/common/nav_logo_on.png) no-repeat;}


#home .gnavi ul .nav_home img,
#about .gnavi ul .nav_about img,
#service .gnavi ul .nav_service > img,
#logo .gnavi ul .nav_logo img,
#trademark .gnavi ul .nav_trademark img,
#order .gnavi ul .nav_order img {
  visibility: hidden;
}


/* メイン
------------------------------------------- */
#container {
  padding: 10px 0px 0px 0px;
}
main {
  float: left;
  max-width: 710px;
}
.wide #main {
  float: none;
  width: 100%;
}
.notification {
  padding: 8px 16px;
  margin: 0 0 20px;
  color: #fd409e;
  font-size: 12px;
  font-weight: bold;
  border: solid 3px #ffceda;
  outline: solid 1px #ff8ea9;
}
.lead-midashi {
   width: 710px;
   margin-top: 20px;
   font-family: 'Noto Serif JP', 'Sawarabi Mincho', serif;
/*   font-family: '游明朝', YuMincho, 'Yu Mincho', 'Sawarabi Mincho', serif;*/
   font-size: 20px;
   font-weight: bold;
   color: #8f8279;
   text-align: center;
   padding: 26px 0;
   background: -moz-linear-gradient(90deg, #ffffff 0%, #f9f9e0 50%, #ffffff 100%);
   background: -webkit-linear-gradient(90deg, #ffffff 0%, #f9f9e0 50%, #ffffff 100%);
   background: linear-gradient(90deg, #ffffff 0%, #f9f9e0 50%, #ffffff 100%);
   margin-bottom: 20px;
}
.main-title {
   font-size: 18px;
   line-height: 1;
   color: #ffffff;
   padding: 9px 0;
   text-align: center;
   background-color: #00bcd4;
   max-width: 600px;
   margin: 0 auto;
   margin-bottom: 20px;
}
.lead-text {
   max-width: 470px;
   font-family: 'Noto Serif JP', 'Sawarabi Mincho', serif;
/*  font-family: '游明朝', YuMincho, 'Yu Mincho', 'Sawarabi Mincho', serif;*/
   font-size: 17px;
   line-height: 1.8;
   color: #666666;
   margin: 0 auto;
   margin-top: 20px;
   text-align: justify;
}
.lead-note {
   font-size: 14px;
   padding-left: 1em;
   text-indent: -1em;
   margin-top: 10px;
}
.main-haba {
   max-width: 600px;
   margin: 0 auto;
   margin-top: 40px;
   margin-bottom: 30px;
}

@media screen and (max-width: 767px) and (orientation: landscape) {
   .lead-midashi {
      width: 100%;
   }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
   .lead-midashi {
      width: 100%;
      max-width: 720px;
      line-height: 1.4;
      font-weight: normal;
   }
   .lead-midashi01 {
      display: block;
   }
}
@media screen and (max-width: 730px) {
   .main-title {
      max-width: 100%;
      margin: 20px auto;
   }
}
@media screen and (max-width: 414px) {
   .lead-midashi {
      font-size: 5vw;
      margin-top: 0px;
      letter-spacing: -0.01em;
   }
   .lead-midashi-smh {
      display: inline-block;
   }
   .lead-text {
      font-size: 4.4vw;
   }
}
@media screen and (max-width: 340px) {
   .main-title {
      max-width: 100%;
   }
   .lead-midashi02 {
      display: block;
   }
}

/* サイド
------------------------------------------- */
#side {
/*  float: right;*/
  width: 224px;
  margin-top: 20px;
}
.snavi {
  padding: 20px;
  margin: 0 0 20px;
}
.snavi {
  padding: 8px 8px 0;
  background: #e8eae9;
}
.snavi li {
  padding: 0 0 8px;
}
.examination {
  text-align: center;
}
.notice {
  margin: 0 0 10px;
}

/* フッター
------------------------------------------- */
footer {
  border-top: 30px solid #95e5ea;
}
footer .wrap {
  position: relative;
  padding: 20px 0 10px;
}
.fnavi {
  margin: 0 0 10px;
  -js-display: flex;
  display: flex;
  justify-content: space-around;
  flex-flow: row-reverse;
}
.fnavi ul {
}
.fnavi ul li {
  display: block;
  margin: 0 10px 0 0;
}
.fnavi ul li a {
  padding: 0 10px 0 0;
  text-decoration: none;
  color: #988575 !important;
}
.fnavi ul li a:link,
.fnavi ul li a:visited {
  color: #333;
}
.vertical-line {
   border-left: solid 1px #e5e5e5;
   padding-left: 20px;
}
footer .pagetop {
  position: absolute;
  top: -80px;
  right: 0;
}
footer .copy {
  text-align: center;
  font-size: 93%;
}
.flex-footer {
   -js-display: flex;
   display: flex;
   font-size: 13px;
   line-height: 1.8;
   position: relative;
}
.flex-footer-text {
/*   max-width: 212px;*/
   font-size: 13px;
   line-height: 1.5;
   color: #808080;
   background-color: #dff7f9;
   padding: 10px;
   text-align: center;
   position: absolute;
   top: 184px;
   right: 20px;
}
.flex-footer-placemark {
   font-size: 11px;
   margin-right: 1.8px;
}
.fotter-info-text {
   font-size: 13px;
   color: #808080;
   -moz-transform: scale(0.9, 1);
   -webkit-transform: scale(0.9, 1);
   -o-transform: scale(0.9, 1);
   -ms-transform: scale(0.9, 1);
   transform: scale(0.9, 1);
}
.fotter-info {
   text-align: center;
}
.footer-logo {
   width: 327px;
   margin: 10px auto;	
}
.footer-logo img {
   max-width: 327px;
}
.footer-tel img, .footer-free img {
   max-width: 100%;
}
.footer-tel {
   position: relative;
   margin-right: 10px;
   margin-top: 5px;
}
.tel-no {
   position: absolute;
   line-height: 1.3;
}
.footer-inquiry-flex {
   -js-display: flex;
   display: flex;
   justify-content: center;
}
.header-tel-no {
   padding: 0 1.5%;
}
.footer-tel-no {
   padding: 0 3%;
}
.tel-no {
   top: 28%;
}
.tel-kobe-img {
   margin-top: 1.5%;
}
.tel-no a {
   color: #0071BB;
}
.flex-justify, .top-flex-justify {
   display: flex;
   justify-content: space-between;
}
.top-flex-justify {
   font-size: 28px;
   line-height: 2.1;
   letter-spacing: 0.05em;
}
.flex-justify:hover, .tel-kobe-no:hover {
   opacity: 0.5;
}
@media screen and (max-width: 980px) {
   .header-tel-kobe-img {
      margin-top: 0.5%;
   }
}
@media screen and (max-width: 890px) {
   .fotter-info-text, .flex-footer, .flex-footer-text {
      font-size: 85%;
   }
   .vertical-line {
      padding-left: 10px;
   }
   .flex-footer-br {
      display: block;
   }
   .footer-logo img {
      max-width: 90%;
   }
   .footer-tel img, .footer-free img {
      max-width: 90%;
   }
   .footer-tel {
     margin-right: -5px;
   }
   .tel-kobe-img {
      margin-top: 0.5%;
   }
}
@media screen and (max-width: 860px) {
   .header-tel-no {
      top: 22px;
   }
   .header-tel-kobe-img {
      margin-top: 0;
   }
}
@media screen and (max-width: 810px) {
   .header-tel-no {
      top: 20px;
      line-height: 1.2;
   }
}
@media screen and (max-width: 680px) {
   .flex-footer, .flex-footer-text {
      font-size: 90%;
      justify-content: center;
	}
   .fnavi {
      padding: 0px 10px;
   }
	.fnavi ul li {
     margin: 0;
   }
   .flex-footer-text {
      top: 144px;
      left: auto;
      right: 20px;
   }
   .vertical-line {
      margin-left: 10px !important;
   }
   .fnavi ul li a {
      padding: 0px;
   }
   .fnavi {
      display: block;
      padding: 0 10px;
   }
   .footer-logo img {
       max-width: 95%;
   }
   .footer-tel img {
      max-width: 65%;
   }
   .footer-free img {
      max-width: 29%;
   }
   .fotter-info-text {
      font-size: 85%;
   }
   .footer-tel img, .footer-free img {
      max-width: 100%;
   }
   .footer-tel {
      margin-right: 10px;
   }
   .tel-no {
      top: 30%;
   }
}
@media screen and (max-width: 678px) and (orientation: landscape){
   .flex-footer-text {
      right: 23%;
   }

}
@media screen and (max-width: 430px) {
   .footer-inquiry-flex {
      display: block;
   }
   .fotter-info-text {
      font-size: 70%;
      -moz-transform: scale(1, 1.1);
      -webkit-transform: scale(1, 1.1);
      -o-transform: scale(1, 1.1);
      -ms-transform: scale(1, 1.1);
      transform: scale(1, 1.1);
   }
}
@media screen and (max-width: 320px) {
   .flex-footer, .flex-footer-text {
      font-size: 78%;
   }
   .flex-footer-text {
      top: 126px;
   }
/*   .fotter-info-br {*/
/*      display: block;*/
/*      line-height: 1.25;*/
/*   }*/
   .footer-logo {
      width: 300px;
   }
   .fotter-info-text {
      font-size: 63%;
      -moz-transform: scale(1, 1.1);
      -webkit-transform: scale(1, 1.1);
      -o-transform: scale(1, 1.1);
      -ms-transform: scale(1, 1.1);
      transform: scale(1, 1.1);
   }
}


<!--　問い合わせボタン　-->
.consultation-inquir:hover, .consultation-reservation:hover {
   opacity: 0.5;
}
.top-consultation-btn {
   box-sizing: border-box;
   display: flex;
   align-items: center;
   max-width: 600px;
   margin: 0 auto;
   background-image: url(/wp-content/img/img_common/img-column.jpg);
   background-position: bottom;
   border-radius: 6px;
   padding: 6px 0px 2px 10px;
   box-shadow: 3px 3px 7px #c1c1c1;
   position: relative;
   margin-bottom: 60px;
}
.top-consultation-center {
   text-align: center;
}
.consultation-flex02 {
   display: flex;
   justify-content: center;
   flex-direction: row-reverse;
   margin-bottom: 6px;
}
.top-consultation-title {
   font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
   font-size: 18px;
   font-weight: bold;
   color: #4c9ccf;
   text-align: center;
}
.consultation-inquir, .consultation-reservation {
   width: 140px;
   margin: 0px;
   line-height: 1.3;
}
.consultation-inquir {
   margin-right: 10px;
}
.consultation-inquir-a, .consultation-reservation-a {
   font-size: 14px;
   color: #ffffff;
   background-color: #8ea9e4;
   border-radius: 5px;
   padding: 8px 0px 5px 0px;
   text-align: center;
}
.consultation-reservation-a {
   background-color: #eb8599;
}
.top-tel-title {
   font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
   font-size: 18px;
   font-weight: bold;
   color: #e9778e;
   margin-bottom: -12px;
}
.tel-toi, .common-tel {
   display: flex;
   justify-content: center;
}
.common-tel {
   margin-bottom: 6px;
}
.tel-toi {
   margin-bottom: 0px;
}
.tel-toi img {
   margin-bottom: 0;
   max-width: 40px;
   max-height: 40px;
   margin-right: 6px;
   margin-top: 8px;
}
.tel-left {
   text-align: left;
   font-size: 16px;
   color: #e9778e;
   font-weight: bold;
   line-height: 1.3;
}
.tel-left a {
   color: #e9778e;
   font-size: 17px;
}
.consultation-logo img {
   max-width: 70%;
   margin: 20px;
}
.consultation-woman img {
   margin-top: 20px;
   margin-left: 10px;
}
/*.top-flex-justify:before {*/
/*   content: '大阪梅田サロン\00A0';*/
/*   font-size: 16px;*/
/*}*/
/*.top-tel-kobe-no:before {*/
/*   content: '神戸三宮サロン\00A0';*/
/*   font-size: 16px;*/
/*}*/
.tel-tel:hover {
   opacity: 0.5;
}
@media screen and (max-width: 414px) {
   .top-consultation-btn {
      display: inline-block;
      position: relative;
      width: 100%;
      padding: 6px 10px 2px 10px;
   }
   .consultation-flex02 {
      display: inline-block;
      margin-bottom: 6px;
   }
   .consultation-inquir {
      margin-right: 0px;
   }
   .consultation-reservation {
      margin-bottom: 10px;
   }
   .consultation-logo {
      position: absolute;
      left: 4%;
      top: 19%;
   }
   .consultation-logo img {
      max-width: 80%;
      margin: 0px;
   }
   .consultation-woman {
      position: absolute;
      right: 0;
      top: 9%;
      width: 30%;
   }
   .consultation-woman img {
      margin-top: 0;
      margin-left: 0;
      max-width: 100%;
   }
}
@media screen and (max-width: 375px) {
   .consultation-logo {
      left: 2%;
      top: 18%;
   }
   .consultation-woman {
      right: 0;
      top: 9%;
      width: 33%;
   }
}
@media screen and (max-width: 360px) {
   .consultation-logo {
      left: 2%;
      top: 19%;
   }
   .consultation-woman {
      right: 0;
      top: 11%;
      width: 33%;
   }
}
@media screen and (max-width: 320px) {
   .top-consultation-btn {
      padding: 6px 5px 2px 5px;
   }
   .consultation-logo {
      left: 2%;
      top: 19%;
      width: 28%;
   }
   .consultation-woman {
      right: 0;
      top: 15%;
      width: 33%;
   }
   .top-flex-justify:before, .top-tel-kobe-no:before {
      font-size: 15px;
   }
   .top-flex-justify, .top-tel-kobe-no {
      font-size: 16px;
   }
}


.counseling-tel-btn {
   box-sizing: border-box;
   align-items: center;
   max-width: 600px;
   margin: 0 auto;
   background-image: url(/wp-content/img/img_common/img-column.jpg);
   background-position: bottom;
   border-radius: 6px;
   padding: 20px 0px 10px 0px;
   box-shadow: 3px 3px 7px #c1c1c1;
   position: relative;
   margin-top: 60px;
   margin-bottom: 60px;
}
.counseling-tel-center {
   text-align: center;
   margin-right: 20px;
}
.counseling-tel-title {
   font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
   font-size: 19px;
   line-height: 1.3;
   font-weight: bold;
   color: #0071BB;
   text-align: center;
}
.counseling-tel-read {
   font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
   font-size: 18px;
   font-weight: bold;
   color: #666666;
   margin-bottom: -14px;
   margin-top: 3px;
}
.tel-number {
   margin-top: 4px;
}
.tel-number:hover {
   opacity: 0.5;
}
.tel-number-etc {
   color: #e9778e;
   font-size: 18px;
   font-weight: bold;
   line-height: 1.3;
}
.counseling-osaka-flex-justify {
    display: flex;
    justify-content: space-between;
	font-size: 28px;
    margin-top: 12px;
    letter-spacing: 0.05em;
}
/*.counseling-osaka-flex-justify:before {*/
/*    content: '大阪梅田サロン\00A0';*/
/*    font-size: 17px;*/
/*}*/
/*.counseling-tel-kobe:before {*/
/*    content: '神戸三宮サロン\00A0';*/
/*    font-size: 17px;*/
/*}*/
.counseling-business {
   margin-top: -8px;
   color: #808080;
}
.counseling-time {
   font-size: 18px;
}
.counseling-regular {
   font-size: 16px;
}
.counseling-tel-toi, .common-tel {
   display: flex;
   justify-content: center;
   margin-bottom: 6px;
}
.counseling-tel-toi img {
   margin-bottom: 0;
   width: 46px;
   height: 46px;
   margin-right: 6px;
   margin-top: 2px;
}
.counseling-logo {
   position: absolute;
   top: 25%;
   left: 3%;
}
.counseling-logo img {
    max-width: 85%;
}
.counseling-woman {
   position: absolute;
   top: 3.5%;
   right: 0%;
}
@media screen and (max-width: 600px) {
   .counseling-tel-center {
      margin: 0px;
   }
   .counseling-logo, .counseling-woman {
      position: static;
   }
   .counseling-logo {
      align-self: center;
   }
   .consultationn-flex02 {
      display: flex;
      justify-content: center;
   }
}
@media screen and (max-width: 399px) {
   .counseling-tel-title {
      font-size: 17px;
      letter-spacing: -0.06em;
   }
   .counseling-tel-read {
      font-size: 16px;
   }
/*   .tel-number-etc {*/
/*      font-size: 16px;*/
/*   }*/
   .counseling-osaka-flex-justify:before, 
   .counseling-tel-kobe:before {
      font-size: 15px;
   }
   .counseling-tel-toi img {
      width: 35px;
      height: 35px;
      margin-top: 6px;
   }
   .counseling-time {
      font-size: 18px;
   }
   .counseling-regular {
     font-size: 16px;
   }
}
@media screen and (max-width: 320px) {
   .counseling-tel-title {
      font-size: 16.5px;
      letter-spacing: -0.09em;
   }
   .counseling-tel-title {
      letter-spacing: -0.06em;
   }
}