@charset "UTF-8";


/* BTN */
.btn {
  width: 100%;
  max-width: 200px;
  border: 1px solid;
  padding: 20px;
  line-height: 1;
  font-family: "Libre Baskerville", serif;
  font-size: 1.4rem;
}
.btn::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin-left: 10px;
  display: inline-block;
  position: absolute;
  top: -0.1em;
  transform: rotate(45deg);
  right: 24px;
  top: 1.67em;
}
.btn:hover {
  background: #272626;
  color: #fff;
}
.btn::after:hover {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}


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


/*top_______________________________________________*/
/* fv */
.topFv div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.topFv .img01 {
  background-image: url(../images/top/fv_01.jpg);
}
.topFv .img02 {
  background-image: url(../images/top/fv_02.jpg);
}
.topFv .img03 {
  background-image: url(../images/top/fv_03.jpg);
}
.topFv .img04 {
  background-image: url(../images/top/fv_04.jpg);
}
.topFv .img05 {
  background-image: url(../images/top/fv_05.jpg);
}
.topFv .img06 {
  background-image: url(../images/top/fv_06.jpg);
}


@media screen and (max-width: 850px) {
  .topFv .img01 {
    background-image: url(../images/top/fv_01_sp.jpg);
  }
  .topFv .img02 {
    background-image: url(../images/top/fv_02_sp.jpg);
  }
  .topFv .img03 {
    background-image: url(../images/top/fv_03_sp.jpg);
  }
  .topFv .img04 {
    background-image: url(../images/top/fv_04_sp.jpg);
  }
  .topFv .img05 {
    background-image: url(../images/top/fv_05_sp.jpg);
  }
  .topFv .img06 {
    background-image: url(../images/top/fv_06_sp.jpg);
  }
}

/* topInfo */
section.topInfo {
  background: #FAFAFA;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  justify-content: space-between;
}
section.topInfo .topInfoCont {
  width: 60%;
}
section.topInfo .topInfoCont h2 {
  font-size: 4.8rem;
  font-family: "Libre Baskerville", serif;
  border-bottom: 1px solid;
  padding: 0 0 30px;
  margin: 0 auto 30px;
}
section.topInfo .topInfoCont h2 span, section.topAbout .topAboutFlex h2 span, section.topBusiness h2 span, section.topTimetable h2 span, section.topConcierge .topConciergeTxt h2 span {
  font-size: 1.6rem;
  display: block;
  font-family: "Noto Serif JP", serif;
  margin: 10px 0 0;
  font-weight: 500;
}
section.topInfo .topInfoCont .topInfoContFlex {
  display: flex;
  flex-flow: column;
  overflow: auto;
  height: 340px;
}
section.topInfo .topInfoCont .topInfoContFlex::-webkit-scrollbar {
  width: 10px;
}
section.topInfo .topInfoCont .topInfoContFlex::-webkit-scrollbar-track {
  background: #dedede;
  border-radius: 10px;
}
section.topInfo .topInfoCont .topInfoContFlex::-webkit-scrollbar-thumb {
  background: #272626;
  border-radius: 10px;
}
.topInfo a {
  display: block;
  text-decoration: underline;
  margin: 10px 0 0;
}
section.topInfo .topInfoCont .topInfoContFlex .topInfoContFlexBox h3 {
  font-family: "Roboto", serif;
  font-size: 1.6rem;
}
section.topInfo .topInfoCont .topInfoContFlex .topInfoContFlexBox h4 {
  font-size: 1.8rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}
section.topInfo .topInfoSns {
  width: 30%;
}
.topInfoSnsFacebook {
  width: 100%;
  margin: 0 auto 20px;
}
.topInfoSnsFacebook iframe {
  width: 100%;
  height: 370px;
}
.topInfoContFlexBox {
  border-bottom: 1px solid #d4d4d4;
  padding: 30px 0;
}

@media screen and (max-width: 850px) {
  section.topInfo {
    padding-top: 80px;
    padding-bottom: 80px;
    justify-content: baseline;
    flex-flow: column;
    gap: 50px;
  }
  section.topInfo .topInfoCont {
    width: 100%;
  }
  section.topInfo .topInfoCont .topInfoContFlex {
    overflow: scroll;
    height: 310px;
  }
  section.topInfo .topInfoSns {
    width: 100%;
  }
}

/* topAbout */
section.topAbout {
  padding-top: 150px;
  padding-bottom: 150px;
}
section.topAbout .topAboutFlex {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 70px;
}
section.topAbout .topAboutFlex h2, section.topBusiness h2, section.topTimetable h2, section.topConcierge .topConciergeTxt h2 {
  font-size: 7.2rem;
  font-family: "Libre Baskerville", serif;
}
section.topAbout .topAboutFlex .topAboutFlexTxt {
  width: 75%;
}
section.topAbout .topAboutFlex .topAboutFlexTxt p {
  margin: 0 auto 30px;
}

@media screen and (max-width: 850px) {
  section.topAbout {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  section.topAbout .topAboutFlex {
    display: flex;
    justify-content: baseline;
    flex-flow: column;
    margin: 0 auto 50px;
    gap: 20px;
  }
  section.topAbout .topAboutFlex h2, section.topBusiness h2, section.topTimetable h2, section.topConcierge .topConciergeTxt h2 {
    font-size: 4.8rem;
    line-height: 1;
  }
  section.topAbout .topAboutFlex .topAboutFlexTxt {
    width: 100%;
  }
}

/* topBusiness */
section.topBusiness {
  background: url(../images/top/business_bg.jpg) right center no-repeat;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
}
section.topBusiness h2 {
  color: #fff;
}
section.topBusiness .topBusinessFlex {
  display: flex;
  justify-content: center;
  margin: 50px auto;
}
section.topBusiness .topBusinessFlex .topBusinessFlexBox {
  width: 33%;
}
section.topBusiness .topBusinessFlex .topBusinessFlexBox .topBusinessFlexBoxRadio {
  background: url(../images//top/business_radio.jpg) center no-repeat;
  background-size: cover;
  padding: 370px 20px 20px 20px;
  height: 490px;
  width: 100%;
  filter: grayscale(100%);
}
section.topBusiness .topBusinessFlex .topBusinessFlexBox .topBusinessFlexBoxWork {
  background: url(../images//top/business_work.jpg) center no-repeat;
  background-size: cover;
  padding: 370px 20px 20px 20px;
  height: 490px;
  width: 100%;
  filter: grayscale(100%);
}
section.topBusiness .topBusinessFlex .topBusinessFlexBox .topBusinessFlexBoxEvent {
  background: url(../images//top/business_event.jpg) center no-repeat;
  background-size: cover;
  padding: 370px 20px 20px 20px;
  height: 490px;
  width: 100%;
  filter: grayscale(100%);
}
section.topBusiness .topBusinessFlex .topBusinessFlexBox a h3 {
  font-size: 2.6rem;
  color: #fff;
  font-family: "Roboto", serif;
  font-weight: 100;
  margin: 0 auto 10px;
}
section.topBusiness .topBusinessFlex .topBusinessFlexBox a:hover {
  filter: grayscale(0%);
  transition : 1s;
}
section.topBusiness .topBusinessFlex .topBusinessFlexBox a p {
  color: #fff;
}
section.topBusiness .topBusinessTxt {
  text-align: center;
  color: #fff;
  margin: 0 auto 20px;
}
section.topBusiness .btn {
  color: #fff;
  display: block;
  margin: auto;
}
section.topBusiness .btn:hover {
  color: #272626;
  background: #fff;
}
@media screen and (max-width: 850px) {
  section.topBusiness {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  section.topBusiness .topBusinessFlex {
    justify-content: baseline;
    flex-flow: column;
    margin: 20px auto 50px;
  }
  section.topBusiness .topBusinessFlex .topBusinessFlexBox {
    width: 100%;
  }
  section.topBusiness .topBusinessFlex .topBusinessFlexBox .topBusinessFlexBoxRadio {
    padding: 100px 20px;
    height: auto;
  }
  section.topBusiness .topBusinessFlex .topBusinessFlexBox .topBusinessFlexBoxWork {
    padding: 100px 20px;
    height: auto;
  }
  section.topBusiness .topBusinessFlex .topBusinessFlexBox .topBusinessFlexBoxEvent {
    padding: 100px 20px;
    height: auto;
  }
}

/* topTimetable */
section.topTimetable {
  padding-top: 150px;
  padding-bottom: 150px;
}
section.topTimetable .topTimetableFlex {
  display: flex;
  justify-content: space-between;
  margin: 50px auto 0;
}
section.topTimetable .topTimetableFlex .topTimetableFlexTxt {
  width: 56%;
}
section.topTimetable .topTimetableFlex .topTimetableFlexTxt > p {
  margin: 0 auto 30px;
}
section.topTimetable .topTimetableFlex .topTimetableFlexTxt .topTimetableFlexTxtInst {
  background: #fafafa;
  padding: 30px;
  margin: 50px auto 0;
}
section.topTimetable .topTimetableFlex .topTimetableFlexTxt .topTimetableFlexTxtInst h3 {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 auto 10px;
}
section.topTimetable .topTimetableFlex .topTimetableFlexTxt .topTimetableFlexTxtInst .topTimetableFlexTxtInstFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.topTimetable .topTimetableFlex .topTimetableFlexTxt .topTimetableFlexTxtInst .topTimetableFlexTxtInstFlex ul {
  width: 50%;
  display: flex;
  gap: 10px;
}
section.topTimetable .topTimetableFlex .topTimetableFlexImg {
  width: 34%;
  text-align: center;
}
section.topTimetable .topTimetableFlex .topTimetableFlexImg img {
  border: 1px solid;
}
@media screen and (max-width: 850px) {
  section.topTimetable {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  section.topTimetable .topTimetableFlex {
    justify-content: baseline;
    flex-flow: column;
    margin: 20px auto 0;
  }
  section.topTimetable .topTimetableFlex .topTimetableFlexTxt {
    width: 100%;
  }
  section.topTimetable .topTimetableFlex .topTimetableFlexTxt .topTimetableFlexTxtInst {
    padding: 20px;
    margin: 50px auto;
  }
  section.topTimetable .topTimetableFlex .topTimetableFlexTxt .topTimetableFlexTxtInst .topTimetableFlexTxtInstFlex {
    display: flex;
    justify-content: baseline;
    flex-flow: column;
    align-items: baseline;
    gap: 20px;
  }
  section.topTimetable .topTimetableFlex .topTimetableFlexTxt .topTimetableFlexTxtInst .topTimetableFlexTxtInstFlex ul {
    width: 100%;
  }
  section.topTimetable .topTimetableFlex .topTimetableFlexImg {
    width: 100%;
  }
}

/* topConcierge */
section.topConcierge {
  background: url(../images/top/concierge_bg.jpg) center no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  justify-content: space-between;
}
section.topConcierge .topConciergeTxt {
  color: #fff;
}
section.topConcierge .topConciergeTxt h2 {
  margin: 0 auto 30px;
}
section.topConcierge .topConciergeTxt .btn {
  color: #fff;
}
section.topConcierge .topConciergeTxt .btn:hover {
  color: #272626;
  background: #fff;
}
section.topConcierge .topConciergeImg {
  width: 40%;
}
@media screen and (max-width: 850px) {
  section.topConcierge {
    padding-top: 80px;
    padding-bottom: 80px;
    flex-flow: column;
    justify-content: baseline;
    gap: 40px;
  }
  section.topConcierge .topConciergeImg {
    width: 100%;
  }
}



/*about_______________________________________________*/
main.second {
  padding: 160px 0 160px;
}
h2.secondTitle {
  font-size: 8.8rem;
  font-family: "Libre Baskerville", serif;
}
h2.secondTitle span {
  display: block;
  font-size: 1.6rem;
  margin: 30px auto 0;
}
h2.contTitle {
  font-size: 2.4rem;
  font-family: "Libre Baskerville", serif;
  border-bottom: 1px solid;
  display: inline-block;
  margin: 0 0 50px;
}
h2.contTitle span {
  font-size: 1.6rem;
  font-family: "Noto Serif JP", serif;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 850px) {
  main.second {
    padding: 0 0 80px;
  }
  h2.secondTitle {
    font-size: 6.8rem;
    line-height: 1;
  }
  h2.contTitle {
    font-size: 2.3rem;
    display: block;
    margin: 0 0 20px;
    padding: 0 0 10px;
    width: 100%;
  }
  h2.contTitle span {
    margin: 0;
    display: block;
  }
}

/* aboutFv */
section.aboutFv {
  background: url(../images/about/fv.jpg) center no-repeat;
  background-size: cover;
  padding: 130px 0;
  text-align: center;
  color: #fff;
  margin: 0 auto 150px;
}
@media screen and (max-width: 850px) {
  section.aboutFv {
    background: url(../images/about/fv_sp.jpg) center no-repeat;
    padding: 280px 0 0;
    text-align: center;
    color: #fff;
    margin: 0 auto 80px;
    height: 100vh;
  }
}

/* aboutPhilosophy */
section.aboutPhilosophy h3 {
  font-size: 4rem;
  font-family: "Noto Serif JP", serif;
  line-height: 1.1;
}
section.aboutPhilosophy h3 span {
  font-size: 2.4rem;
}
section.aboutPhilosophy p {
  width: 60%;
  margin: 60px 0 100px auto;
}
section.aboutPhilosophy .aboutPhilosophyFlex {
  display: flex;
}
section.aboutPhilosophy .aboutPhilosophyFlex img {
  width: calc(100% / 3);
}
@media screen and (max-width: 850px) {
  section.aboutPhilosophy h3 {
    font-size: 3rem;
    line-height: 1.3;
  }
  section.aboutPhilosophy h3 span {
    font-size: 1.6rem;
  }
  section.aboutPhilosophy p {
    width: 100%;
    margin: 20px auto 50px;
  }
}

/* aboutMessage */
section.aboutMessage {
  background: #272626;
  color: #fff;
  padding-top: 130px;
  padding-bottom: 130px;
}
section.aboutMessage .aboutMessageFlex {
  display: flex;
  justify-content: space-between;
}
section.aboutMessage .aboutMessageFlex p {
  width: 70%;
  position: relative;
}
/* section.aboutMessage .aboutMessageFlex p::after {
  content: '';
  background: url(../images/about/message_name.png) center no-repeat;
  position: absolute;
  width: 280px;
  height: 104px;
  background-size: contain;
  right: -70px;
  bottom: -60px;
} */
section.aboutMessage .aboutMessageFlex .aboutMessageImg {
  width: 30%;
}
section.aboutMessage .aboutMessageFlex .aboutMessageImg small {
  text-align: end;
  display: block;
  margin: 20px auto 0;
  line-height: 1;
}
section.aboutMessage .aboutMessageFlex .aboutMessageImg h3 {
  font-size: 2rem;
  text-align: end;
}
@media screen and (max-width: 850px) {
  section.aboutMessage {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  section.aboutMessage .aboutMessageFlex {
    justify-content: inherit;
    flex-flow: column;
    gap: 30px;
  }
  section.aboutMessage .aboutMessageFlex p {
    width: 100%;
  }
  section.aboutMessage .aboutMessageFlex p::after {
    width: 200px;
    height: 70px;
    right: -10px;
    bottom: -50px;
  }
  section.aboutMessage .aboutMessageFlex .aboutMessageImg {
    width: 90%;
    margin: 50px auto 0;
  }
}

/* aboutConcept */
section.aboutConcept {
  padding-top: 100px;
  padding-bottom: 100px;
}
section.aboutConcept .aboutConceptFlex {
  display: flex;
  justify-content: space-between;
}
section.aboutConcept .aboutConceptFlex .aboutConceptBox {
  width: 32%;
  background: #fafafa;
  padding: 30px;
}
section.aboutConcept .aboutConceptFlex .aboutConceptBox h3 {
  text-align: center;
  font-family: "Libre Baskerville", serif;
  font-size: 3.6rem;
}
section.aboutConcept .aboutConceptFlex .aboutConceptBox h4 {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 2.4rem;
  margin: 10px auto;
}
section.aboutConcept .aboutConceptFlex .aboutConceptBox > div {
  width: 1px;
  height: 30px;
  background: #272626;
  margin: auto;
}
section.aboutConcept .aboutConceptFlex .aboutConceptBox img {
  margin: 0 auto 20px;
}
section.aboutConcept .aboutConceptFlex .aboutConceptBox ul.list-com {
  font-size: 1.2rem;
  margin: 10px auto 0;
}
@media screen and (max-width: 850px) {
  section.aboutConcept {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  section.aboutConcept .aboutConceptFlex {
    justify-content: inherit;
    flex-flow: column;
    gap: 30px;
  }
  section.aboutConcept .aboutConceptFlex .aboutConceptBox {
    width: 100%;
  }
}

/* aboutProfile */
section.aboutProfile .aboutProfileFlex {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
section.aboutProfile .aboutProfileFlex .aboutProfileDate {
    width: 60%;
}
section.aboutProfile .aboutProfileFlex .aboutProfileDate .aboutProfileDateBox {
    margin: 0 auto 40px;
}
section.aboutProfile .aboutProfileFlex .aboutProfileDate .aboutProfileDateBox dl {
    border-bottom: 1px solid #dedede;
    display: flex;
    margin: 15px 0;
    align-items: center;
}
section.aboutProfile .aboutProfileFlex .aboutProfileDate .aboutProfileDateBox dl dt {
    font-weight: 500;
    width: 16%;
    border-right: 1px solid #dedede;
    margin: 0 0 15px;
}
section.aboutProfile .aboutProfileFlex .aboutProfileDate .aboutProfileDateBox dl dd {
    margin: 0 0 15px 30px;
    width: 84%;
}
section.aboutProfile .aboutProfileFlex .aboutProfileDate a.btn {
    font-family: "Noto Sans JP", serif;
    max-width: 310px;
}
@media screen and (max-width: 850px) {
  section.aboutProfile .aboutProfileFlex {
    justify-content: inherit;
    flex-flow: column;
  } 
  section.aboutProfile .aboutProfileFlex .aboutProfileDate {
      width: 100%;
  }
  section.aboutProfile .aboutProfileFlex .aboutProfileDate .aboutProfileDateBox dl {
      align-items: baseline;
      flex-flow: column;
      padding: 0 0 20px;
  }
  section.aboutProfile .aboutProfileFlex .aboutProfileDate .aboutProfileDateBox dl dt {
      width: 100%;
      border-right: none;
      margin: 0 0 5px;
  }
  section.aboutProfile .aboutProfileFlex .aboutProfileDate .aboutProfileDateBox dl dd {
      margin: 0;
      width: 100%;
  }
}




/*businesscontents_______________________________________________*/
/* businessFv */
section.businessFv {
  background: url(../images/businesscontents/fv.jpg) center no-repeat;
  background-size: cover;
  padding: 130px 0;
  text-align: center;
  color: #fff;
  margin: 0 auto 150px;
}
@media screen and (max-width: 850px) {
  section.businessFv {
    background: url(../images/businesscontents/fv_sp.jpg) center no-repeat;
    padding: 280px 0 0;
    text-align: center;
    color: #fff;
    margin: 0 auto 80px;
    height: 100vh;
  }
}

/* businessCont */
section.businessCont {
  display: flex;
  flex-flow: column;
  gap: 100px;
}
section.businessCont .businessContBox {
  display: flex;
  flex-flow: column;
  gap: 80px;
}
section.businessCont .businessContBox .businessContBoxFlex {
  display: flex;
  justify-content: space-between;
}
section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexB {
  width: 50%;
}
section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexS {
  width: 40%;
}
section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexB h2 {
  font-size: 3.2rem;
  font-family: "Noto Serif JP", serif;
  margin: 0 auto 20px;
  line-height: 1.4;
}
section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexDetail {
  display: flex;
  flex-flow: column;
  margin: 30px auto 0;
  padding: 20px;
  gap: 20px;
}
section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexDetail .businessContBoxFlexDetailCont h3 {
  background: #272626;
  color: #fff;
  padding: 5px 20px;
  line-height: 1;
  display: inline-block;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", serif;
}
.bgG {
  background: #fafafa;
}
section.businessCont .businessContBox .businessContBoxFlex.rev {
  flex-flow: row-reverse;
}
.businessContBox.bgG {
  padding-top: 100px;
  padding-bottom: 100px;
}
.bgW {
  background: #fff;
}
section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexDetail .businessContBoxFlexDetailCont .list-disc li span {
  display: block;
  font-weight: 700;
}
.mb50 {
  margin: 0 auto 50px;
}
section.businessCont .businessContBox .businessSample {
  padding: 50px;
  text-align: center;
}
section.businessCont .businessContBox .businessSample h2 {
  font-size: 2.4rem;
  font-family: "Noto Serif JP", serif;
  margin: 0 auto 30px;
}
section.businessCont .businessContBox .businessInfo {
  border-top: 1px solid #dedede;
  padding: 70px 0 0;
}
section.businessCont .businessContBox .businessInfo h2 {
  font-size: 2.4rem;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  margin: 0 auto 30px;
}
section.businessCont .businessContBox .businessInfo .businessInfoList {
  padding: 30px;
}
section.businessCont .businessContBox .businessInfo .businessInfoList p {
  font-weight: 700;
}
section.businessCont .businessContBox .businessInfo .businessInfoList ul.list-disc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.businessCont .businessContBox .businessInfo .businessInfoList ul.list-disc li {
  width: 48%;
}
section.businessCont .businessContBox .businessContact {
  border: 1px solid;
  padding: 30px;
  text-align: center;
  width: 70%;
  margin: auto;
}
section.businessCont .businessContBox .businessContact h2 {
  font-size: 2.4rem;
  font-family: "Noto Serif JP", serif;
}
section.businessCont .businessContBox .businessContact .businessContactFlex {
  margin: 30px auto 0;
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
}
section.businessCont .businessContBox .businessContact .businessContactFlex a.businessContactTel {
  font-size: 4.2rem;
  font-family: "Libre Baskerville", serif;
}
section.businessCont .businessContBox .businessContact .businessContactFlex a.businessContactTel span {
  font-size: 2.9rem;
}
section.businessCont .businessContBox .businessContact .businessContactFlex a.btn {
  font-family: "Noto Sans JP", serif;
  max-width: 250px;
}
section.businessCont a.btn {
  padding: 20px 50px 20px 20px;
  max-width: max-content;
  margin: 30px auto 0;
}
@media screen and (max-width: 850px) {
  section.businessCont {
    gap: 80px;
  }
  section.businessCont .businessContBox {
    gap: 50px;
  }
  section.businessCont .businessContBox .businessContBoxFlex {
    justify-content: inherit;
    flex-flow: column;
    gap: 30px;
  }
  section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexB {
    width: 100%;
  }
  section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexS {
    width: 100%;
  }
  section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexB h2 {
    font-size: 2.5rem;
  }
  section.businessCont .businessContBox .businessContBoxFlex .businessContBoxFlexDetail {
    padding: 15px;
  }
  section.businessCont .businessContBox .businessContBoxFlex.rev {
    flex-flow: column;
  }
  .businessContBox.bgG {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .mb50 {
    margin: 0 auto 30px;
  }
  section.businessCont .businessContBox .businessSample {
    padding: 20px;
  }
  section.businessCont .businessContBox .businessSample h2 {
    font-size: 1.6rem;
  }
  section.businessCont .businessContBox .businessInfo {
    padding: 50px 0 0;
  }
  section.businessCont .businessContBox .businessInfo h2 {
    font-size: 1.8rem;
  }
  section.businessCont .businessContBox .businessInfo .businessInfoList {
    padding: 20px;
  }
  section.businessCont .businessContBox .businessInfo .businessInfoList ul.list-disc {
    justify-content: inherit;
    flex-flow: column;
    gap: 10px;
  }
  section.businessCont .businessContBox .businessInfo .businessInfoList ul.list-disc li {
    width: 100%;
  }
  section.businessCont .businessContBox .businessContact {
    padding: 20px;
    width: 100%;
  }
  section.businessCont .businessContBox .businessContact h2 {
    font-size: 1.8rem;
  }
  section.businessCont .businessContBox .businessContact .businessContactFlex {
    flex-flow: column;
  }
  section.businessCont .businessContBox .businessContact .businessContactFlex a.businessContactTel {
    font-size: 3.2rem;
  }
  section.businessCont .businessContBox .businessContact .businessContactFlex a.businessContactTel span {
    font-size: 1.8rem;
  }
}



/*radiotimetable_______________________________________________*/
/* timetableFv */
.secondTimetable {
  padding-top: 160px;
}
section.timetableFv {
  background: url(../images/radiotimetable/fv.jpg) center no-repeat;
  background-size: cover;
  padding: 130px 0;
  text-align: center;
  color: #fff;
  margin: 0 auto 150px;
}
@media screen and (max-width: 850px) {
  .secondTimetable {
    padding: 0;
  }
  section.timetableFv {
    background: url(../images/radiotimetable/fv_sp.jpg) center no-repeat;
    padding: 280px 0 0;
    text-align: center;
    color: #fff;
    margin: 0 auto 80px;
    height: 100vh;
  }
}

/* timetableCont */
section.timetableCont {
  margin: 0 auto 70px;
}
section.timetableCont {
  margin: 0 auto 70px;
}

/* timetableArea */
table.timetable {
  margin: 0 auto 50px;
  background: #fafafa;
}
table.timetable tr.thead {
  background: #272626;
  color: #fff;
}
table.timetable tr th {
  width: calc( 100% / 7 );
}
table.timetable tr.thead th {
  border-right: 1px solid #fff;
}
table.timetable tr.thead .table-th {
  background: #dedede;
  width: auto;
}
table.timetable tr td {
  border-bottom: 1px solid #272626;
  padding: 20px;
  vertical-align: top;
  border-right: 1px solid;
}
/* table.timetable tr td:last-of-type {
  border-right: none;
} */
table.timetable tr td.b-right {
  border-right: 1px solid;
}
table.timetable tr td.b-none {
  border-bottom: none;
}
table.timetable tr td.time-head {
  border-bottom: 1px solid #fff;
  background: #dedede;
  text-align: center;
  padding: 0 10px;
  font-family: "Roboto", serif;
  vertical-align: inherit;
  border-right: none;
}
table.timetable tr td small {
  font-family: "Roboto", serif;
  font-size: 1.6rem;
}
table.timetable tr td small span {
  color: #FF3636;
  border: 1px solid;
  padding: 0 5px;
  line-height: 1;
  margin: 0 0 0 10px;
  font-size: 1.4rem;
}
table.timetable tr td p {
  font-weight: 700;
}
table.timetable tr td ul li {
  font-size: 1.2rem;
  line-height: 2;
}
section.timetableArea .list-disc li span {
  font-weight: 700;
}
section.timetableArea .list-disc {
  margin: 0 auto 20px;
}
section.timetableArea {
  padding-bottom: 150px;
}
@media screen and (max-width: 850px) {
  table.timetable {
    overflow: scroll;
    white-space:nowrap;
    width: 100%;
    height: 500px;
    display: block;
  }
}

/* contact */
section.contact {
  padding-top: 150px;
  padding-bottom: 150px;
  background: #fafafa;
  display: flex;
  justify-content: space-between;
}
section.contact .contactTxt {
  width: 35%;
}
section.contact .contactForm {
  width: 55%;
}
section.contact .contactForm iframe {
  height: 920px!important;
  max-width: 660px!important;
}
@media screen and (max-width: 850px) {
  section.contact {
    padding-top: 80px;
    padding-bottom: 80px;
    justify-content: inherit;
    flex-flow: column;
  }
  section.contact .contactTxt {
    width: 100%;
  }
  section.contact .contactForm {
    width: 100%;
  }
  section.contact .contactForm iframe {
    height: 1180px!important;
    max-width: none!important;
  }
}



/*soundconcierge_______________________________________________*/
/* conciergeFv */
section.conciergeFv {
  background: url(../images/soundconcierge/fv.jpg) center no-repeat;
  background-size: cover;
  padding: 130px 0;
  text-align: center;
  color: #fff;
  margin: 0 auto 150px;
}
@media screen and (max-width: 850px) {
  section.conciergeFv {
    background: url(../images/soundconcierge/fv_sp.jpg) center no-repeat;
    padding: 280px 0 0;
    text-align: center;
    color: #fff;
    margin: 0 auto 80px;
    height: 100vh;
  }
}

/* conciergeFlex */
section.conciergeFlex {
  display: flex;
  flex-flow: wrap;
  gap: 30px;
  justify-content: flex-start;
}
section.conciergeFlex .conciergeBox {
  width: 48%;
  background: #fafafa;
}
section.conciergeFlex .conciergeBox .conciergeImg {
  width: 32%;
}
section.conciergeFlex .conciergeBox .conciergeTxt {
  /* background: #fafafa; */
  padding: 30px;
  width: 68%;
}
section.conciergeFlex .conciergeBox .conciergeTxt h3 {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 auto 10px;
}
section.conciergeFlex .conciergeBox .conciergeTxt a.btn {
  margin: 20px 0 0;
  font-family: "Noto Sans JP", serif;
  max-width: 220px;
}
section.conciergeFlex .conciergeBox .conciergeTxt h3 span {
  background: #272626;
  color: #fff;
  padding: 3px 9px;
  margin: 0 10px 0 0;
  line-height: 1;
  font-size: 1.4rem;
}
section.conciergeFlex .conciergeBox .conciergeTxt h2.contTitle {
  margin: 0 auto 20px;
}
section.conciergeFlex .conciergeBox .conciergeBoxFlex {
  display: flex;
  border-bottom: 1px solid #dedede;
}
section.conciergeFlex .conciergeBox p {
  padding: 20px;
}
.conciergeBox a.btn {
  margin: 20px 0 0;
}
@media screen and (max-width: 850px) {
  section.conciergeFlex {
    gap: 30px;
  }
  section.conciergeFlex .conciergeBox {
    width: 100%;
    flex-flow: column;
  }
  section.conciergeFlex .conciergeBox .conciergeImg {
    width: 30%;
  }
  section.conciergeFlex .conciergeBox .conciergeTxt {
    padding: 20px;
    width: 70%;
  }
}


.aboutMessage_top {
  font-size: 4rem;
  font-family: “Noto Serif JP”, serif;
  line-height: 1.2;
  margin: 0 0 20px;
}

@media screen and (max-width: 850px) {
.aboutMessage_top {
    font-size: 3rem;
    font-family: “Noto Serif JP”, serif;
    line-height: 1.2;
    margin: 0 0 20px;
  }
}