/*
Theme Name: ファディー
Description:
Theme URI:
Author:
Author URI:
Version:
License:
License URI:
*/

/*---------------------------------

  共通設定

---------------------------------*/
/* リセットCSSここから */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* リセットCSSここまで */
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 15px;
	color: #333333;
  letter-spacing: 0.1em;
  transition-property: all;
  transition-duration: 0.3s;
}
@media print, screen and (min-width:768px) {
  body {}
}

a {
  text-decoration: none;
  color: #000;
}

a:focus {
  outline: none;
}

img {
  max-width: 100%;
}

li {
  list-style: none;
}

#main {}
@media screen and (min-width:768px) {
  #main {}
}

/*---------------------------------

  ヘッダー

---------------------------------*/
#header {
	background-color: rgba(255, 255, 255, 0);
	position: relative;
	width: 100%;
	line-height: 1;
}
@media screen and (min-width:768px) {
  #header {
		background-color: #fff;
		z-index: 10;
	}
}

#header a {
  transition: ease 0.3s;
	text-decoration: none;
}

#header a:hover {
  opacity: 0.6;
}

.headerCloneNav {
	position: fixed!important;
  top: 0;
  left: 0;
	background-color: #fff!important;
  width: 100%;
  transition: 0.4s;
  transform: translateY(-100%);
}
@media screen and (min-width:768px) {
	.headerCloneNav {
		z-index: 10;
	}
}

.headerSpHide {
	display: none;
}
@media screen and (min-width:768px) {
	.headerSpHide {
		display: block;
	}
}

.headerFrontpage {}
@media screen and (min-width:768px) {
	.headerFrontpage {}
}

.headerFrontpageSp {
	/* position: fixed!important; */
}
@media screen and (min-width:768px) {
	.headerFrontpageSp {}
}

.headerIsShow {
  transform: translateY(0);
}

.headerWrap {}
@media screen and (min-width:768px) {
  .headerWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 110px;
    margin: 0 20px;
  }
}

.headerLogoImg {
  max-height: 60px;
	padding:2px 0 2px 10px;
	width: auto;
}
@media screen and (min-width:768px) {
  .headerLogoImg {
		padding: 16px;
		min-width: 140px;
		max-height: unset;
  }
}

.headerLogo {}
@media screen and (min-width:768px) {
  .headerLogo {}
}

.headerNavWrap {
  display: none;
}
@media screen and (min-width:768px) {
  .headerNavWrap {
    display: block;
  }
}

.headerNav {}
@media screen and (min-width:768px) {
  .headerNav {
		display: flex;
		align-items: center;
/*     margin: 20px; */
  }
}
@media screen and (min-width:1200px) {
  .headerNav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
  }
}

.headerNavListWrap {
  position: absolute;
  top: 40px;
  left: 40px;
  word-break: keep-all;
}
@media screen and (min-width:768px) {
  .headerNavListWrap {
    position: unset;
    transform: none;
    display: flex;
    align-items: flex-start;
    padding-inline-start: 0;
  }
}

.headerNavListLeft {}
@media screen and (min-width:1000px) {
  .headerNavListLeft {
    display: flex;
    justify-content: flex-start;
  }
}

.headerNavListCenter {
  margin-left: 30px;
}
@media screen and (min-width:1000px) {
  .headerNavListCenter {
    display: flex;
    justify-content: flex-start;
    margin-left: 0;
  }
}

.headerNavListRight {
  margin-left: 20px;
  margin-right: 0;
}
@media screen and (min-width:768px) {
  .headerNavListRight {}
}
@media screen and (min-width:1000px) {
  .headerNavListRight {
    display: flex;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width:1000px){
	.headerNavListRight.headerRightBtn{
display:block;
		  margin-left: 20px;
  margin-right: 0;
}
}


.headerNavList {
  margin-left: 0;
  margin-bottom: 15px;
}
@media screen and (min-width:768px) {
  .headerNavList {
    font-size: 12px;
  }
}
/*  1つ追加*/
@media screen and (min-width:1200px) {
  .headerNavList {
    margin-left: 0px;
    margin-bottom: 15px;
  }
}

/* @media screen and (min-width:1560px) {
  .headerNavList {
    margin-left: 16px;
    margin-bottom: 0;
  }
} */

.headerNavListBtnWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
}
@media screen and (min-width:768px) {
  .headerNavListBtnWrap {}
}

.headerNavListLink {
	position: relative;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2em;
	padding: 10px 0;
	color: #E9546B;
}
@media screen and (min-width:768px) {
  .headerNavListLink {
/*     font-size: 12px; */
	  font-size:10px;
    font-weight: 700;
  }
}
/* 1つ追加 */
@media screen and (min-width:1000px) {
  .headerNavListLink {
	  font-size:10px;
	  margin-left:12px;
  }
}
@media screen and (min-width:1200px) {
  .headerNavListLink {
/*     font-size: 15px; */
	  font-size:13px;
	  padding:10px 0;
	  margin-left:16px;
  }
}
@media screen and (min-width:1360px) {
  .headerNavListLink {
/*     font-size: 15px; */
	  font-size:15px;
	  padding:10px 0;
  }
}

.headerNavListLink::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  transition: ease 0.3s;
}

.headerNavListLink:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}

.headerNavListFirst {
  margin-left: 0;
}
@media screen and (min-width:768px) {
  .headerNavListFirst {}
}

.headerBtnList {
  display: none;
}
@media screen and (min-width:768px) {
  .headerBtnList {
    position: fixed;
    top: 130px;
    right: 0;
    display: block;
		z-index: 15;
  }
}
@media screen and (max-width:900px) {
  .headerBtnList {
    top: 100px;
  }
}

.headerNavListLinkBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
/* 	font-size: 12px; */
	font-size:10px;
	font-weight: 700;
	background-color: #E9546B;
	border-radius: 10px;
	padding: 5px 20px;
	max-width: 140px;
	width: 100%;
	transition: ease 0.3s;
}
@media screen and (min-width:1200px) {
  .headerNavListLinkBtn {
/* 		padding: 10px 20px; */
	  padding:5px 10px;
	  font-size: 12px;
	}
}
/*  1つ追加*/
/* @media screen and (min-width:1560px) {
  .headerNavListLinkBtn {
		padding: 5px 10px;
	}
} */
.headerNavListLinkBtn:hover {
	background-color: #FCEE21;
	color: #E9546B;
	opacity: 1!important;
}

.headerNavListLinkIcon {
	max-height: 35px;
}
@media screen and (min-width:768px) {
  .headerNavListLinkIcon {}
}

.headerNavListLinkBtnText {}
@media screen and (min-width:768px) {
  .headerNavListLinkBtnText {
		margin-left: 10px;
	}
}

.headerBtn {
  display: flex!important;
  justify-content: center;
  align-items: center;
  background-color: #E9546B;
  border: 3px solid #fff;
  border-radius: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
  padding: 0!important;
  width: 244px;
  height: 56px;
	max-height: 56px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .headerBtn {
    border-radius: 20px 0 0 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin-bottom: 20px;
    width: 60px;
		height: 200px;
		max-height: unset;
  }
}
@media screen and (min-height:900px) {
  .headerBtn {
		height: 300px;
	}
}

.headerBtn:hover {
	background-color: #FCEE21;
	color: #E9546B;
}

.headerBtnSp {}
@media screen and (min-width:768px) {
	.headerBtnSp {}
}

.headerBtnIcon {
  margin-right: 10px;
}
@media screen and (min-width:768px) {
  .headerBtnIcon {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

.headerBtnIconLast {
  margin-right: 20px;
  margin-left: 8px;
}
@media screen and (min-width:768px) {
  .headerBtnIconLast {}
}

.headerNavSpWrap {}
@media screen and (min-width:768px) {
  .headerNavSpWrap {
    display: none;
  }
}

.globalMenuSp {
  position: relative;
  height: 100%;
}
@media screen and (min-width:768px) {
  .globalMenuSp {
    display: none;
  }
}

/*　ハンバーガーボタン　*/
.navToggleClose {
  display: none;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.15em;
}
@media screen and (min-width:768px) {
  .navToggleClose {}
}

.navToggleClose.navToggleCloseActive {
  display : block;
  position: fixed;
  z-index : 13;
  right : 18px;
  top   : 12px;
  text-align: center;
  -webkit-transition: 0.5s all;
  -moz-transition   : 0.5s all;
  transition        : 0.5s all;
}
@media screen and (min-width:768px) {
  .navToggleClose.navToggleCloseActive {}
}

.navToggle {
  display : block;
  position: fixed;
  z-index : 13;
  right : 15px;
  top   : 30px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.5s all;
  -moz-transition   : 0.5s all;
  transition        : 0.5s all;
}
@media screen and (min-width:768px) {
  .navToggle {
    display : none;
  }
}

#header .navToggle::before,
#header .navToggle::after {
  background: #545454;
}

.navToggle span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
}
.navToggle span:nth-child(1) {
  top: 10px;
}
.navToggle span:nth-child(2) {
  top: 20px;
}
.navToggle span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.navToggle.active{
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.navToggle.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background : #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.navToggle.active span:nth-child(2) {
  top: 16px;
  background : #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
.navToggle.active span:nth-child(3) {
  opacity: 0;
}

nav.globalMenuSp {
  position: fixed;
  z-index : 20;
  top  : 0;
  left : 0;
  color: #333333;
  background: linear-gradient(90deg, #F2F2F2 0%, #F2F2F2 80%, #E9546B 80%, #E9546B 100%);
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .6s ease, visibility .6s ease;
}

nav .globalMenuSpBg {
  margin: 5px 10px;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}

nav.globalMenuSp ul li a {
  display: block;
  padding: 12px;
  text-decoration :none;
}

nav.globalMenuSp.active {
  opacity: 100;
  pointer-events: auto;
}

/* spメニュー用css */
.spMenuWrap {
	position: sticky;
	top: 0;
	z-index: 30;
	height: 65px;
	background-color: #fff;
}
@media screen and (min-width:768px) {
	.spMenuWrap {
		display: none;
	}
}

.topSpMenuWrap {}
@media screen and (min-width:768px) {
	.topSpMenuWrap {}
}

.topSpMenu {}
@media screen and (min-width:768px) {
	.topSpMenu {}
}

.topSpNavToggle {}
@media screen and (min-width:768px) {
	.topSpNavToggle {}
}

.topSpNavToggleClose {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
	text-align: center;
	margin-top: 10px;
}
@media screen and (min-width:768px) {
  .topSpNavToggleClose {}
}

.topSpNavToggleClose.topSpNavToggleCloseActive {
  display : block;
  z-index : 13;
  text-align: center;
  -webkit-transition: 0.5s all;
  -moz-transition   : 0.5s all;
  transition        : 0.5s all;
}
@media screen and (min-width:768px) {
  .topSpNavToggleClose.topSpNavToggleCloseActive {}
}

.topSpNavToggle {
  display : block;
  position: relative;
  z-index : 13;
  cursor: pointer;
  text-align: center;
  width: 30px;
	height: 30px;
  margin: 0 auto;
  -webkit-transition: 0.5s all;
  -moz-transition   : 0.5s all;
  transition        : 0.5s all;
}
@media screen and (min-width:768px) {
  .topSpNavToggle {
    display : none;
  }
}

.topSpNavToggle::before,
.topSpNavToggle::after {
  background: #545454;
}

.topSpNavToggle span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  background : #E9546B;;
}
.topSpNavToggle span:nth-child(1) {
  top: 10px;
}
.topSpNavToggle span:nth-child(2) {
  top: 20px;
}
.topSpNavToggle span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.topSpNavToggle.active{}

.topSpNavToggle.active span:nth-child(1) {
  top : 16px;
  background : #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.topSpNavToggle.active span:nth-child(2) {
  top: 16px;
  background : #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
.topSpNavToggle.active span:nth-child(3) {
  opacity: 0;
}

.topSpMenu {}
@media screen and (min-width:768px) {
	.topSpMenu {}
}

.topSpMenuListWrap {
	position: relative;
	display: flex;
	align-items: center;
  justify-content: space-between;
}
@media screen and (min-width:768px) {
	.topSpMenuListWrap {}
}

.topSpMenuList {}
@media screen and (min-width:768px) {
	.topSpMenuList {}
}

.topSpMenuLogo {
	margin-top: 5px;
	margin-left: 10px;
}
@media screen and (min-width:768px) {
	.topSpMenuLogo {}
}

.topSpMenuListStudio {
	position: absolute;
	right: 68px;
}
@media screen and (min-width:768px) {
	.topSpMenuListStudio {}
}

.topSpMenuListStudioLink {
	background-color: #E9546B;
	display: flex;
	justify-content: center;
	align-items: center;
  flex-flow: column;
	height: 65px;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
	.topSpMenuListStudioLink {}
}

.topSpMenuListStudioText {
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
	.topSpMenuListStudioText {}
}

.topSpMenuListMenu {
	position: fixed;
	top: 0;
	right: 0;
	background-color: #F2F2F2;
	color: #E9546B;
	width: 65px;
	height: 65px;
	z-index: 30;
}
@media screen and (min-width:768px) {
	.topSpMenuListMenu {}
}

.topSpMenuListMenu.active {
	background-color: #E9546B;
}

.topSpMenuListPink {
	position: absolute;
	right: 145px;
}
@media screen and (min-width:768px) {
	.topSpMenuListPink {}
}

.topSpMenuListLink {
	background-color: #E9546B;
	display: flex;
	justify-content: center;
	align-items: center;
  flex-flow: column;
	height: 65px;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
	.topSpMenuListLink {}
}

.topSpMenuListText {
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
	.topSpMenuListText {}
}

.topSpMenuListBtn {}
@media screen and (min-width:768px) {
	.topSpMenuListBtn {}
}

.topSpMenuListBtnIcon {}
@media screen and (min-width:768px) {
	.topSpMenuListBtnIcon {}
}


/*---------------------------------

  フッター

---------------------------------*/
#footer {
	line-height: 1;
}
@media screen and (min-width:768px) {
  #footer {}
}

#footer a {
  transition: ease 0.3s;
	color: #fff!important;
}
@media screen and (min-width:768px) {
  #footer a {}
}

#footer a:hover {
	text-decoration: none!important;
}

.footerOutsideWrap {}
@media screen and (min-width:768px) {
  .footerOutsideWrap {
    background-color: #F2F2F2;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

.footerAppWrap {
  margin-bottom: 70px;
}
@media screen and (min-width:768px) {
  .footerAppWrap {
    margin-bottom: 0;
    width: 50%;
  }
}

.fotterAppInnerWrap {
  background-color: #F2F2F2;
  border-radius: 20px;
  margin: 0 10px;
  padding: 20px 35px;
}
@media screen and (min-width:768px) {
  .fotterAppInnerWrap {
    max-width: 410px;
    border-radius: 0;
    margin: 0 auto;
    padding: 30px 0 20px 0;
  }
}

.footerAppDetailsWrap {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #4D4D4D;
}
@media screen and (min-width:768px) {
  .footerAppDetailsWrap {
    margin-bottom: 15px;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.footerAppIcon {
  width: 66px;
  height: 66px;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3));
}
@media screen and (min-width:768px) {
  .footerAppIcon {
    width: unset;
    height: unset;
  }
}

.footerAppTitWrap {
  margin-left: 10px;
}
@media screen and (min-width:768px) {
  .footerAppTitWrap {
    margin-left: 30px;
  }
}

.footerAppTit {
  color: #E9546B;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .footerAppTit {
    font-size: 18px;
  }
}

.footerAppText {
  font-size: 11px;
  font-weight: 400;
	line-height: 1.5;
}
@media screen and (min-width:768px) {
  .footerAppText {
    font-size: 14px;
  }
}

.footerAppLink {
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .footerAppLink {
    margin-bottom: 14px;
  }
}

.footerAppLinkBtn {
  display: block;
  text-align: center;
}
@media screen and (min-width:768px) {
  .footerAppLinkBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E9546B;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    border-radius: 30px;
    width: 310px;
    height: 30px;
    transition: ease 0.3s;
    margin: 0 auto;
  }
}

.footerAppLinkBtn:hover {
	background-color: #FCEE21;
	color: #E9546B;
}

.footerAppAngledown {
  display: block;
  color: #E9546B;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .footerAppAngledown {
    display: none;
  }
}

.footerAppDownloadWrap {
  display: flex;
  justify-content: space-between;
  max-width: 270px;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .footerAppDownloadWrap {
    max-width: 290px;
  }
}

.footerAppDownloadApple {}
@media screen and (min-width:768px) {
  .footerAppDownloadApple {}
}

.footerAppDownloadGoogle {}
@media screen and (min-width:768px) {
  .footerAppDownloadGoogle {}
}

.footerAppDownloadLink {
  transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .footerAppDownloadLink {}
}

.footerAppDownloadLink:hover {
  opacity: 0.7;
}

.footerSnsWrap {
  display: none;
}
@media screen and (min-width:768px) {
  .footerSnsWrap {
    background-color: #F6B8A8;
    display: block;
    width: 100%;
  }
}

.footerSnsInnerWrap {}
@media screen and (min-width:768px) {
  .footerSnsInnerWrap {
    max-width: 340px;
    margin: 50px auto 70px auto;
  }
}

.footerSnsTit {
	word-break: keep-all;
}
@media screen and (min-width:768px) {
  .footerSnsTit {
    position: relative;
    text-align: center;
		color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-bottom: 40px;
  }
}

/* .footerSnsTit::before {
  content: '';
  position: relative;
  top: 10px;
  left: -16px;
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #E9546B;
  transform: rotate(-30deg);
}
@media screen and (min-width:768px) {
  .footerSnsTit::before {}
}

.footerSnsTit::after {
  content: '';
  position: relative;
  top: 10px;
  right: -16px;
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #E9546B;
  transform: rotate(30deg);
}
@media screen and (min-width:768px) {
  .footerSnsTit::after {}
} */

.footerSnsIconWrap {}
@media screen and (min-width:768px) {
  .footerSnsIconWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.footerSnsIcon {}
@media screen and (min-width:768px) {
  .footerSnsIcon {}
}

.footerWrap {
  background-color: #E9546B;
}
@media screen and (min-width:768px) {
  .footerWrap {
    padding: 40px 0 20px 0;
  }
}

.footerInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .footerInnerWrap {}
}

.footerListTop {}
@media screen and (min-width:768px) {
  .footerListTop {
    display: flex;
    justify-content: space-between;
  }
}

.footerLogo {
  display: none;
}
@media screen and (min-width:768px) {
  .footerLogo {
    display: block;
  }
}

.footerLogo a:hover {
	opacity: 0.7;
}

.footerListTopLinkWrap {}
@media screen and (min-width:768px) {
  .footerListTopLinkWrap {
    display: flex;
  }
}

.footerListTopLinkLeft {
  margin: 0 25px 40px 25px;
}
@media screen and (min-width:768px) {
  .footerListTopLinkLeft {
    margin: 0;
  }
}

.footerListTopLinkRight {}
@media screen and (min-width:768px) {
  .footerListTopLinkRight {
    margin-left: 60px;
  }
}

.footerListTopLink {
	position: relative;
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
  padding: 15px 10px;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width:768px) {
  .footerListTopLink {
    font-size: 12px;
    padding: 0;
		padding-bottom: 10px;
    border-bottom: none;
    margin-bottom: 15px;
		width: fit-content;
  }
}

.footerListTopLink::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  transition: ease 0.3s;
}

.footerListTopLink:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}

.footerSnsIconBottomWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 300px;
  margin: 0 auto 40px auto;
}
@media screen and (min-width:768px) {
  .footerSnsIconBottomWrap {
    display: none;
  }
}

.footerSnsIconBottom {}
@media screen and (min-width:768px) {
  .footerSnsIconBottom {}
}

.footerListBottom {
  text-align: center;
}
@media screen and (min-width:768px) {
  .footerListBottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
}

.footerListBottomLinkWrap {
  margin: 0 auto 40px auto;
}
@media screen and (min-width:768px) {
  .footerListBottomLinkWrap {
    margin: 0;
  }
}

.footerListBottomLink {
	position: relative;
  display: inline-block;
  padding-bottom: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  word-break: keep-all;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .footerListBottomLink {
    display: inline;
    font-size: 12px;
    margin-right: 10px;
		border-bottom: none;
  }
}

.footerListBottomLink::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  transition: ease 0.3s;
}

.footerListBottomLink:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}


.footerListBottomLinkNewLine {}
@media screen and (max-width:380px) {
  .footerListBottomLinkNewLine {}
}

.footerListBottomCopyright {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  word-break: keep-all;
  padding-bottom: 20px;
}
@media screen and (min-width:768px) {
  .footerListBottomCopyright {
    font-size: 12px;
    padding-bottom: 0;
  }
}

/*---------------------------------

  トップページ

---------------------------------*/
.topMvWrap {
  position: relative;
  overflow: hidden;
	opacity: 0.9;
	background-color: #000;
	padding-top: 55px;
}
@media screen and (min-width:768px) {
  .topMvWrap {
		top: 0;
		padding-top: 0;
		margin-top: 0;
	}
}

.topMvVideo {
  position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
		opacity: 0.5;
}

.topMvImg {
		position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
		background-image: url("https://furdi.jp/wp/wp-content/themes/furdi/img/topMv_img_sp.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
}

.topMvInnerWrap {
  text-align: center;
  color: #fff;
  padding: 0 10px;
}
@media screen and (min-width:768px) {
  .topMvInnerWrap {
    padding: 120px 0 100px 0;
  }
}

.topMvTitTop {
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  font-size: 42px;
  letter-spacing: 0.11em;
  margin-bottom: 15px;
}
@media screen and (min-width:768px) {
  .topMvTitTop {
    font-size: 52px;
  }
}

.topMvTitBottom {
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  font-size: 42px;
  letter-spacing: 0.11em;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .topMvTitBottom {
    font-size: 52px;
  }
}

.topMvDetails {}
@media screen and (min-width:768px) {
  .topMvDetails {}
}

.topMvDetailsImg {
  margin: 0 auto -20px auto;
	max-width: 290px;
}
@media screen and (min-width:768px) {
  .topMvDetailsImg {
		max-width: none;
  }
}

.topMvDetailsText {
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topMvDetailsText {
    font-size: 22px;
  }
}

.topMvLogo {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topMvLogo {
  }
}

.topMvBanner {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topMvBanner {}
}

.topFreeTrialBannerLink {
	-webkit-mask-image: url(img/freeTrialSp.png);
	mask-image: url(img/freeTrialSp.png);
	width: fit-content;
	margin: 0 auto 30px auto;
}
@media screen and (min-width:768px) {
  .topFreeTrialBannerLink {}
}

.topInfectiousWrap {
  margin: 20px 0;
}
@media screen and (min-width:768px) {
  .topInfectiousWrap {
    margin: 80px 0 30px 0;
  }
}

.topInfectiousInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (min-width:768px) {
  .topInfectiousInnerWrap {
    padding: 0;
  }
}

.topInfectiousBtn {
  display: block;
  position: relative;
  color: #E9546B;
  text-align: center;
  padding: 10px 0;
  border: 1px solid #E9546B;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .topInfectiousBtn {
    margin-left: 50px;
  }
}

.topInfectiousBtn:hover {
	color: #fff;
	background-color: #E9546B;

}

.topInfectiousBtnAngle {}
@media screen and (min-width:768px) {
  .topInfectiousBtnAngle {
    margin-left: 50px;
  }
}

.topCampaignWrap {
  background-color: #FFF1EE;
}
@media screen and (min-width:768px) {
  .topCampaignWrap {
    padding: 40px 0 80px 0;
  }
}

.topCampaignInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .topCampaignInnerWrap {}
}

.topCampaignBannerWrap {
  max-width: 320px;
  margin: 0 5px;
}
@media screen and (min-width:768px) {
  .topCampaignBannerWrap {
    max-width: none;
    margin: 0 10px;
  }
}

.topCampaignBanner {
	object-fit: cover;
	object-position: center;
	height: 120px;
}
@media screen and (min-width:768px) {
  .topCampaignBanner {
		height: 140px;
	}
}

.topReasonWrap {
  padding: 20px 0 40px 0;
}
@media screen and (min-width:768px) {
  .topReasonWrap {
    /*background: linear-gradient(180deg, #fff 0%, #fff 340px, #FFCDC3 340px, #FFCDC3 345px, #fff 345px, #fff 100%);*/
    padding: 80px 0 140px 0;
  }
}

.topReasonInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .topReasonInnerWrap {}
}

.topReasonTit {}
@media screen and (min-width:768px) {
  .topReasonTit {
    display: block;
  }
}

.topBlockTit {
  font-family: 'Playfair Display', serif;
  font-weight: 500;
  font-size: 22px;
  color: #E9546B;
  text-align: center;
  letter-spacing: 0.2em;
}
@media screen and (min-width:768px) {
  .topBlockTit {
		font-weight: 400;
    font-size: 48px;
    margin-bottom: 30px;
  }
}

.topReasonHead {
  color: #333333;
  font-size: 14px;
	font-weight: 500;
  text-align: center;
  letter-spacing: 0.2em;
	line-height: 2.1;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topReasonHead {
    font-size: 24px;
    margin-bottom: 70px;
  }
}

.topReasonDetailsWrap {}
@media screen and (min-width:768px) {
  .topReasonDetailsWrap {
    display: flex;
    justify-content: space-between;
  }
}

.topReasonDetails {
  position: relative;
  padding-top: 30px;
  margin: 0 10px;
}
@media screen and (min-width:768px) {
  .topReasonDetails {
    padding-top: 0;
    margin: 0;
  }
}

.topReasonNumber {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #E9546B;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
@media screen and (min-width:768px) {
  .topReasonNumber {
    top: 0;
  }
}

.topReasonNumberText {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 36px;
}
@media screen and (min-width:768px) {
  .topReasonNumberText {
		top: 42%;
		font-size: 24px;
	}
}

.topReasonImg {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topReasonImg {}
}

.topReasonDetailsText {
  color: #4D4D4D;
  text-align: center;
	line-height: 1.33;
}
@media screen and (min-width:768px) {
  .topReasonDetailsText {
		line-height: 1.5;
	}
}

.topReasonBottomWrap {
  background-image: url(img/topReasonBottomBg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position: center top 220px;
  padding-bottom: 50px;*/
	background-position: left 40% center;
	padding: 50px 10px;
}
@media screen and (min-width:768px) {
  .topReasonBottomWrap {
    background-size: contain;
    background-position: 0 90px;
		padding: 0;
    padding-bottom: 70px;
  }
}

.topReasonBottomInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .topReasonBottomInnerWrap {
    display: flex;
    justify-content: space-between;
  }
}

.topReasonBottomSpTit {
  margin: 0 auto 20px auto;
}
@media screen and (min-width:768px) {
  .topReasonBottomSpTit {}
}

.topReasonBottomSpHead {
	font-size: 14px;
	line-height: 1.33;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .topReasonBottomSpHead {}
}

.topReasonBottomTabletWrap {
  position: relative;
  margin: 0 auto 40px auto;
  max-width: 250px;
}
@media screen and (min-width:768px) {
  .topReasonBottomTabletWrap {
    margin: 0;
    max-width: 420px;
  }
}

.topReasonBottomTablet {
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .3));
}
@media screen and (min-width:768px) {
  .topReasonBottomTablet {
    min-width: 420px;
  }
}

.topReasonBottomTabletVideoWrap {
  position: absolute;
  top: 30px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (min-width:768px) {
  .topReasonBottomTabletVideoWrap {
		top: 45px;
  }
}

.topReasonBottomTabletVideo {
  max-width: 180px;
}
@media screen and (min-width:768px) {
  .topReasonBottomTabletVideo {
    max-width: unset;
    max-height: 540px;
  }
}

.topReasonBottomDetailsWrap {
  max-width: 510px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .topReasonBottomDetailsWrap {
    padding: 140px 0;
  }
}

.topReasonBottomDetailsTit {
  color: #E9546B;
  font-weight: 700;
}
@media screen and (min-width:768px) {
  .topReasonBottomDetailsTit {}
}

.topReasonBottomDetailsTitTop {
  display: inline-block;
}
/*@media screen and (min-width:768px) {*/
  .topReasonBottomDetailsTitTop {
    background-color: #fff;
    font-size: 34px;
    margin-bottom: 6px;
    padding: 5px 20px;
  }
/*}*/

.topReasonBottomDetailsTitBottom {
  display: inline-block;
}
/*@media screen and (min-width:768px) {*/
  .topReasonBottomDetailsTitBottom {
    background-color: #fff;
    font-size: 30px;
    margin-bottom: 40px;
    padding: 5px 20px;
  }
/*}*/

.topReasonBottomDetailsText {
	color: #333333;
}
/*@media screen and (min-width:768px) {*/
  .topReasonBottomDetailsText {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 40px;
  }
/*}*/

.topReasonBottomDetailsLink {}
/*@media screen and (min-width:768px) {*/
  .topReasonBottomDetailsLink {
    display: flex;
    justify-content: center;
  }
/*}*/

.topReasonBottomDetailsLinkBtn {
  border: 3px solid #fff;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .topReasonBottomDetailsLinkBtn {}
}

.topLessonWrap {
  padding: 40px 0;
	/*background: linear-gradient(180deg, #FFE3DD 0%, #FFE3DD 440px, #FFD4CB 440px, #FFD4CB 740px, #FFE3DD 740px, #FFE3DD 100%);*/
  background: #ffe3dd;
}
@media screen and (min-width:768px) {
  .topLessonWrap {
    padding: 110px 0 70px 0;
  }
}

.topLessonInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (min-width:768px) {
  .topLessonInnerWrap {
    padding: 0;
  }
}

.topLessonTit {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topLessonTit {}
}

.topLessonHead {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .topLessonHead {
    font-size: 24px;
    margin-bottom: 60px;
  }
}

.topLessonDetailsWrap {
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #E9546B;
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .topLessonDetailsWrap {
    border: none;
    margin-bottom: 0;
  }
}

.topLessonDetailsTit {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background-color: #E9546B;
  border-radius: 20px 20px 0 0;
  padding: 15px 0;
}
@media screen and (min-width:768px) {
  .topLessonDetailsTit {}
}

.topLessonDetailsInnerWrap {
  max-width: 740px;
  margin: 0 auto;
  padding: 40px 30px;
  display: flex;
	justify-content: space-around;
  flex-wrap: wrap;
}
@media screen and (min-width:768px) {
  .topLessonDetailsInnerWrap {
		padding: 40px 0;
		justify-content: space-between;
  }
}

.topLessonDetailsInnerWrap::after {
  content: '';
  width: 100%;
}
@media screen and (min-width:768px) {
  .topLessonDetailsInnerWrap::after {
    content: '';
  }
}

.topLessonDetailsInnerWrap::before {
  content: '';
  order: 2;
  width: 100%;
}
@media screen and (min-width:768px) {
  .topLessonDetailsInnerWrap::before {
    content: '';
    order: 0;
  }
}

.topLessonDetails {
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topLessonDetails {
    margin-bottom: 0;
  }
}

.topLessonDetails:first-child {}
@media screen and (min-width:768px) {
  .topLessonDetails:first-child {
    margin-bottom: 60px;
  }
}

.topLessonDetails:nth-child(n+3) {
  order: 1;
}
@media screen and (min-width:768px) {
  .topLessonDetails:nth-child(n+3) {
    order: 0;
  }
}

.topLessonDetails:nth-child(n+5) {
  order: 2;
}
@media screen and (min-width:768px) {
  .topLessonDetails:nth-child(n+5) {
    order: 0;
  }
}

.topLessonDetailsImg {
  max-width: 130px;
}
@media screen and (min-width:768px) {
  .topLessonDetailsImg {
    margin-bottom: 20px;
    max-width: 200px;
  }
}

.topLessonDetailsText {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
	line-height: 1.75;
}
@media screen and (min-width:768px) {
  .topLessonDetailsText {
    font-size: 16px;
  }
}

.topLessonDetailsLink {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .topLessonDetailsLink {
    padding-bottom: 40px;
  }
}

.topLessonBannerWrap {
	text-align: center;
}
@media screen and (min-width:768px) {
  .topLessonBannerWrap {
    margin: 40px 70px;
  }
}

.topLessonBanner {
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .topLessonBanner {}
}

.topLessonBanner:hover {
	opacity: 0.6;
}

.topLessonSpBtnWrap {}
@media screen and (min-width:768px) {
  .topLessonSpBtnWrap {}
}

.topContentsWrap {
	padding: 30px 0 40px 0;
}
@media screen and (min-width:768px) {
  .topContentsWrap {
    padding: 60px 0 160px 0;
  }
}

.topContentsInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (min-width:768px) {
  .topContentsInnerWrap {
    padding: 0;
  }
}

.topContentsTit {
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topContentsTit {
    margin-bottom: 30px;
  }
}

.topContentsHead {
  text-align: center;
}
@media screen and (min-width:768px) {
  .topContentsHead {}
}

.topContentsHeadTop {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topContentsHeadTop {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.topContentsHeadTop::before {
  content: '';
  position: relative;
  top: 10px;
  left: -16px;
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #000;
  transform: rotate(-45deg);
}
@media screen and (min-width:768px) {
  .topContentsHeadTop::before {}
}

.topContentsHeadTop::after {
  content: '';
  position: relative;
  top: 10px;
  right: -16px;
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #000;
  transform: rotate(45deg);
}
@media screen and (min-width:768px) {
  .topContentsHeadTop::after {}
}

.topContentsBottom {
  font-family: 'Noto Serif JP', serif;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .topContentsBottom {
    font-size: 24px;
    margin-bottom: 50px;
  }
}

.topContentsListWrap {
  display: none;
}
@media screen and (min-width:768px) {
  .topContentsListWrap {
    display: block;
  }
}

.topContentsListWrap.active {
  display: block;
}
@media screen and (min-width:768px) {
  .topContentsListWrap.active {}
}

.topContentsListWrap .topContentsTab {
  display: none;
}
@media screen and (min-width:768px) {
  .topContentsListWrap .topContentsTab {
    display: flex;
  }
}

.topContentsListColumnWrap {}
@media screen and (min-width:768px) {
  .topContentsListColumnWrap {}
}

.topContentsListYoutubeWrap {}
@media screen and (min-width:768px) {
  .topContentsListYoutubeWrap {
    display: block;
  }
}

.topContentsTabSp {
  display: flex;
  justify-content: space-around;
  margin-bottom: -2px;
}
@media screen and (min-width:768px) {
  .topContentsTabSp {
    display: none;
  }
}

.topContentsTabSp .topContentsTab {
  cursor: pointer;
}
@media screen and (min-width:768px) {
  .topContentsTabSp .topContentsTab {}
}

.topContentsTab {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
  background-color: #E9546B;
  border-radius: 20px 20px 0 0;
  width: 48%;
  height: 40px;
  transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .topContentsTab {
    width: 170px;
  }
}

.topContentsTab.active {
  color: #E9546B;
  background-color: #fff;
  border: 1px solid #E9546B;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
}
@media screen and (min-width:768px) {
  .topContentsTab.active {}
}

.topContentsTabColumn {}
@media screen and (min-width:768px) {
  .topContentsTabColumn {}
}

.topContentsTabYoutube {}
@media screen and (min-width:768px) {
  .topContentsTabYoutube {}
}

.topContentsTabSpYoutube .topContentsTabSpInstagram{
  display: flex;
}
@media screen and (min-width:768px) {
  .topContentsTabSpYoutube .topContentsTabSpInstagram{
    display: none;
  }
}

.topContentsListInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0 50px 0;
  border-top: 1px solid #E9546B;
}
@media screen and (min-width:768px) {
  .topContentsListInnerWrap {
    border-top: 1px solid #E9546B;
  }
}

.topContentsListTop {
  display: block;
  max-width: 910px;
  margin: 0 auto 30px auto;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .topContentsListTop {
    display: flex;
    margin-bottom: 30px;
  }
}

.topContentsListTop:hover .topContentsListTopThumbnail {
	transform: scale(1.1);
}
@media screen and (min-width:768px) {
  .topContentsListTop:hover .topContentsListTopThumbnail {}
}

.topContentsListTop:hover .topContentsListTopDetails {
	opacity: 0.6;
}
@media screen and (min-width:768px) {
  .topContentsListTop:hover .topContentsListTopDetails {}
}

.topContentsListTopThumbnailWrap {
  position: relative;
  margin-bottom: 10px;
	transition: ease 0.3s;
	overflow: hidden;
}
@media screen and (min-width:768px) {
  .topContentsListTopThumbnailWrap {
    margin-bottom: 0;
    min-width: 500px;
    width: 500px;
  }
}

@media screen and (min-width:768px) {
  .topContentsListTopThumbnailWrapInstagram {
    margin-bottom: 0;
    min-width: 440px;
    width: 440px;
  }
}

.topContentsListTopThumbnail {
  object-fit: cover;
  object-position: center;
	transition: ease 0.3s;
  width: 100%;
  height: auto;
}
@media screen and (min-width:768px) {
  .topContentsListTopThumbnail {}
}

.topContentsListTopDetails {
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .topContentsListTopDetails {
    margin-left: 10px;
  }
}

.topContentsListTopDetailsLink {
	color: #4D4D4D;
}
@media screen and (min-width:768px) {
  .topContentsListTopDetailsLink {}
}

.topContentsListTopDate {
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topContentsListTopDate {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

.topContentsListTopTit {
	color: #4D4D4D;
  font-weight: 700;
	font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topContentsListTopTit {
    margin-bottom: 50px;
  }
}

.topContentsListTopUpdate {
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topContentsListTopUpdate {}
}

.topContentsListTopCategoryWrap {
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topContentsListTopCategoryWrap {}
}

.topContentsListTopCategory {
  display: inline-block;
  color: #fff;
  padding: 5px 15px;
  background-color: #E9546B;
  border-radius: 20px;
}
@media screen and (min-width:768px) {
  .topContentsListTopCategory {
    font-size: 14px;
  }
}

.topContentsListBottom {
  display: block;
  max-width: 910px;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .topContentsListBottom {
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 50px;
  }
}

.topContentsListBottomDetails:hover .topContentsListBottomThumbnail {
	transform: scale(1.1);
}
@media screen and (min-width:768px) {
  .topContentsListBottomDetails:hover .topContentsListBottomThumbnail {}
}

.topContentsListBottomDetails:hover {
	opacity: 0.6;
}
@media screen and (min-width:768px) {
  .topContentsListBottomDetails:hover {}
}


.topContentsListBottomDetailsWrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
	color: #4D4D4D;
}
@media screen and (min-width:768px) {
  .topContentsListBottomDetailsWrap {
		justify-content: space-between;
    width: 48.35%;
  }
}

.topContentsListBottomDetails {
  display: block;
  margin-bottom: 30px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .topContentsListBottomDetails {
    margin-bottom: 0;
    max-width: 200px;
    width: 200px;
  }
}

.topContentsListBottomThumbnailWrap {
  position: relative;
  width: 170px;
	margin-bottom: 20px;
	overflow: hidden;
}
@media screen and (min-width:768px) {
  .topContentsListBottomThumbnailWrap {
    width: 200px;
  }
}

.topContentsListBottomThumbnail {
  object-fit: cover;
  object-position: center;
  width: 100%;
  min-height: 140px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .topContentsListBottomThumbnail {}
}


.topContentsListBottomDate {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
}
@media screen and (min-width:768px) {
  .topContentsListBottomDate {}
}

.topContentsListBottomTit {
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 10px;
  line-height: 1.4;
	max-width: 150px;
}
@media screen and (min-width:768px) {
  .topContentsListBottomTit {
		max-width: none;
	}
}

.topContentsListBottomUpdate {
  font-weight: 400;
  font-size: 10px;
	text-align: right;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topContentsListBottomUpdate {}
}

.topContentsListBottomCategoryWrap {}
@media screen and (min-width:768px) {
  .topContentsListBottomCategoryWrap {}
}

.topContentsListBottomCategory {
  display: inline-block;
  color: #fff;
  padding: 5px 5px;
  background-color: #E9546B;
  border-radius: 20px;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topContentsListBottomCategory {
    font-size: 14px;
  }
}

.topContentsNew {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #E9546B;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
@media screen and (min-width:768px) {
  .topContentsNew {}
}

.topContentsNewText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 14px;
}
@media screen and (min-width:768px) {
  .topContentsNewText {}
}


.topContentsLink {
  display: flex;
  justify-content: center;
}
@media screen and (min-width:768px) {
  .topContentsLink {}
}

.topPriceWrap {
  position: relative;
  background-color: #F2F2F2;
  padding: 40px 0;
}
@media screen and (min-width:768px) {
  .topPriceWrap {
    padding: 70px 0;
  }
}

.topPriceInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (min-width:768px) {
  .topPriceInnerWrap {
    padding: 0;
  }
}

.topPriceHeadWrap {
  text-align: center;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topPriceHeadWrap {
		margin-bottom: 40px;
    width: 100%;
  }
}

.topPriceTit {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topPriceTit {
    margin-bottom: 40px;
  }
}

.topPriceHeadTop {
  position: relative;
  word-break: keep-all;
	color: #333333;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topPriceHeadTop {
    font-size: 24px;
    margin-bottom: 40px;
  }
}

.topPriceHeadTop::before {
  content: '';
  position: relative;
  top: 10px;
  left: -16px;
  display: inline-block;
  width: 2px;
  height: 30px;
  background-color: #E9546B;
  transform: rotate(-30deg);
}
@media screen and (min-width:768px) {
  .topPriceHeadTop::before {}
}

.topPriceHeadTop::after {
  content: '';
  position: relative;
  top: 10px;
  right: -16px;
  display: inline-block;
  width: 2px;
  height: 30px;
  background-color: #E9546B;
  transform: rotate(30deg);
}
@media screen and (min-width:768px) {
  .footerSnsTit::after {}
}


.topPriceHeadCenter {
	color: #333333;
  font-size: 12px;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topPriceHeadCenter {
    font-size: 24px;
  }
}

.topPriceHeadBottom {
  display: inline-block;
	color: #333333;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2em;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #E9546B;
}
@media screen and (min-width:768px) {
  .topPriceHeadBottom {
    font-size: 32px;
  }
}

.topPriceDetailsWrap {
  margin-bottom: 70px;
}
@media screen and (min-width:768px) {
  .topPriceDetailsWrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
}

.topPriceDetails {
  max-width: 355px;
  margin: 0 auto 10px auto;
}
@media screen and (min-width:768px) {
  .topPriceDetails {
    margin: 0 0 10px 0;
  }
}

.topPriceDetailsText {
	color: #4D4D4D;
  font-size: 10px;
  font-weight: 700;
	margin-left: 20px;
}
@media screen and (min-width:768px) {
  .topPriceDetailsText {
    font-size: 11px;
		margin-left: 0;
    margin: 0 auto;
    max-width: 190px;
  }
}

.topPriceDetailsTextRight {}
@media screen and (min-width:768px) {
  .topPriceDetailsTextRight {
		max-width: 230px;
	}
}

.topPriceDetailsImg {}
@media screen and (min-width:768px) {
  .topPriceDetailsImg {}
}

.topPriceAdmission {
  position: relative;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 40px;
  padding: 30px 0 20px 0;
}
@media screen and (min-width:768px) {
  .topPriceAdmission {
    margin-bottom: 40px;
  }
}

.topPriceAdmissionPlus {}
@media screen and (min-width:768px) {
  .topPriceAdmissionPlus {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translate(-50%,0);
    background-color: #E9546B;
    width: 48px;
    height: 48px;
    border-radius: 50%;
  }
}

.topPriceAdmissionPlusText {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translate(-50%,0);
  color: #E9546B;
  font-weight: 700;
  font-size: 50px;
}
@media screen and (min-width:768px) {
  .topPriceAdmissionPlusText {
    top: 42%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-weight: 700;
    font-size: 50px;
  }
}

.topPriceAdmissionText {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  color: #E9546B;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width:768px) {
  .topPriceAdmissionText {}
}

.topPriceAdmissionTextNumber {
  font-size: 48px;
}
@media screen and (min-width:768px) {
  .topPriceAdmissionTextNumber {}
}

.topPriceAdmissionLink {
  display: flex;
  justify-content: center;
}
@media screen and (min-width:768px) {
  .topPriceAdmissionLink {}
}

.topPriceAdmissionLinkBtn {
  border: 3px solid #fff;
}
@media screen and (min-width:768px) {
  .topPriceAdmissionLinkBtn {}
}

.topVoiceWrap {
  padding: 30px 0 40px 0;
}
@media screen and (min-width:768px) {
  .topVoiceWrap {
    padding: 70px 0 120px 0;
  }
}

.topVoiceInnerWrap {}
@media screen and (min-width:768px) {
  .topVoiceInnerWrap {}
}

.topVoiceTit {
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topVoiceTit {
    margin-bottom: 20px;
  }
}

.topVoiceHead {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.2em;
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .topVoiceHead {
    font-size: 24px;
    margin-bottom: 60px;
  }
}

.topVoiceDetailsWrap {}
@media screen and (min-width:768px) {
  .topVoiceDetailsWrap {}
}

.topVoiceDetails {
  border: 2px solid #F09082;
  margin: 0 2px;
  border-radius: 20px;
  width: 355px;
}
@media screen and (min-width:768px) {
  .topVoiceDetails {
    margin: 0 15px;
    width: 500px;
  }
}

.topVoiceDetailsImgWrap {
  position: relative;
	text-align: center;
}
@media screen and (min-width:768px) {
  .topVoiceDetailsImgWrap {}
}

.topVoiceDetailsImg {
	margin: 20px auto;
	max-width: 140px;
}
@media screen and (min-width:768px) {
  .topVoiceDetailsImg {}
}

.topVoiceDetailsResultWrap {
  position: absolute;
  background-color: #E9546B;
  bottom: 10px;
  right: 20px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #fff;
}
@media screen and (min-width:768px) {
  .topVoiceDetailsResultWrap {
    top: 50%;
    right: 40px;
    transform: translate(0,50%);
  }
}

.topVoiceDetailsResult {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-weight: 700;
  font-size: 24px;
}
@media screen and (min-width:768px) {
  .topVoiceDetailsResult {}
}

.topVoiceDetailsInnerWrap {
  padding: 20px;
}
@media screen and (min-width:768px) {
  .topVoiceDetailsInnerWrap {
    padding: 30px;
  }
}

.topVoiceDetailsAddress {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 5px 15px;
  margin-bottom: 20px;
  background-color: #E9546B;
  border-radius: 20px;
}
@media screen and (min-width:768px) {
  .topVoiceDetailsAddress {}
}

.topVoiceDetailsTit {
	color: #4D4D4D;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topVoiceDetailsTit {}
}

.topVoiceDetailsText {
	color: #4D4D4D;
  font-weight: 400;
  font-size: 12px;
	line-height: 1.5;
}
@media screen and (min-width:768px) {
  .topVoiceDetailsText {}
}

.parallax {
	width: 100%;
}
@media screen and (min-width:768px) {
  .parallax {}
}

.topEyecatchWrap {}
@media screen and (min-width:768px) {
  .topEyecatchWrap {}
}

.topEyecatch {
  width: 100%;
	background: transparent;
}
@media screen and (min-width:768px) {
  .topEyecatch {
		min-height: 400px;
	}
}

.parallax-window {
	width: 100%;
	background: transparent;
	min-height: 170px;
}
@media screen and (min-width:768px) {
	.parallax-window {
		min-height: 600px;
	}
}

.parallax-slider {
     top: 0;
     left: 0;
}

.parallax-mirror {
  display: flex;
  align-items: center;
  justify-content: center;
}

.topQAWrap {
	display: none;
  background-color: #F2F2F2;
  padding: 40px 0;
}
@media screen and (min-width:768px) {
  .topQAWrap {
    padding: 70px 0;
  }
}

.topQAInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (min-width:768px) {
  .topQAInnerWrap {
    padding: 0;
  }
}

.topQATit {
  font-family: 'Nanum Myeongjo', serif;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topQATit {}
}

.topQAHead {
  position: relative;
  left: 50%;
	color: #333333;
	letter-spacing: 1.75;
  transform: translate(-50%,0);
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 2px solid #E9546B;
}
@media screen and (min-width:768px) {
  .topQAHead {
    font-size: 24px;
    margin-bottom: 50px;
  }
}

.topQADetailsWrap {
  background-color: #fff;
  margin-bottom: 2px;
}
@media screen and (min-width:768px) {
  .topQADetailsWrap {}
}

.topQADetailsWrapLast {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topQADetailsWrapLast {
    margin-bottom: 50px;
  }
}

.topQAQuestion {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 15px;
  cursor: pointer;
}
@media screen and (min-width:768px) {
  .topQAQuestion {
    padding: 15px 40px;
  }
}

.topQAQuestionQ {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  color: #E9546B;
  font-size: 36px;
}
@media screen and (min-width:768px) {
  .topQAQuestionQ {
    margin-left: 40px;
  }
}

.topQAQuestionText {
	color: #4D4D4D;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6em;
  margin-left: 10px;
	padding-right: 20px;
}
@media screen and (min-width:768px) {
  .topQAQuestionText {
    font-size: 16px;
    margin-left: 20px;
  }
}

.topQAQuestionIcon {}
@media screen and (min-width:768px) {
  .topQAQuestionIcon {}
}

.topQAQuestionIcon::after {
  content: '＋';
  font-size: 15px;
  color: #4D4D4D;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
}
@media screen and (min-width:768px) {
  .topQAQuestionIcon::after {
    font-size: 25px;
  }
}

.topQAQuestionIcon.active::after {
  content: '－';
}
@media screen and (min-width:768px) {
  .topQAQuestionIcon.active::after {}
}

.topQAQuestionIconPlus {}
@media screen and (min-width:768px) {
  .topQAQuestionIconPlus {}
}

.topQAAnswerWrap {
  display: none;
}
@media screen and (min-width:768px) {
  .topQAAnswerWrap {}
}

.topQAAnswer {
  background-color: #FFEAE5;
  display: flex;
  align-items: flex-start;
  padding: 15px;
}
@media screen and (min-width:768px) {
  .topQAAnswer {
    padding: 15px 40px;
  }
}

.topQAAnswerA {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  color: #E9546B;
  font-size: 36px;
}
@media screen and (min-width:768px) {
  .topQAAnswerA {
    margin-left: 40px;
  }
}

.topQAAnswerText {
	color: #4D4D4D;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6em;
  margin-left: 10px;
}
@media screen and (min-width:768px) {
  .topQAAnswerText {
    font-size: 16px;
    margin-left: 20px;
  }
}

.topQAQuestionLink {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topQAQuestionLink {}
}

.topQAQuestionBannerWrap {
	display: flex;
	justify-content: center;
}
@media screen and (min-width:768px) {
  .topQAQuestionBannerWrap {}
}

.topQAQuestionBannerLink {
	-webkit-mask-image: url(img/topQABannerSp.png);
	mask-image: url(img/topQABannerSp.png);
}
@media screen and (min-width:768px) {
  .topQAQuestionBannerLink {
		-webkit-mask-image: url(img/topQABanner.png);
		mask-image: url(img/topQABanner.png);
	}
}

.topQAQuestionBanner {
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .topQAQuestionBanner {}
}

.topInformationWrap {
  padding: 40px 0 70px 0;
}
@media screen and (min-width:768px) {
  .topInformationWrap {
    padding: 70px 0 120px 0;
  }
}

.topInformationInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (min-width:768px) {
  .topInformationInnerWrap {
    padding: 0;
  }
}

.topInformationTit {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topInformationLTit {}
}

.topInformationHead {
  position: relative;
  left: 50%;
  transform: translate(-50%,0);
  display: inline-block;
	color: #4D4D4D;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 5px;
  margin-bottom: 30px;
  border-bottom: 2px solid #E9546B;
}
@media screen and (min-width:768px) {
  .topInformationHead {
    font-size: 24px;
    margin-bottom: 50px;
  }
}

.topInformationListWrap {
  max-width: 300px;
  margin: 0 auto 20px auto;
}
@media screen and (min-width:768px) {
  .topInformationListWrap {
    max-width: none;
    margin: 0;
    margin-bottom: 50px;
  }
}

.topInformationList {
  position: relative;
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #E9546B;
}
@media screen and (min-width:768px) {
  .topInformationList {
    display: flex;
    align-items: center;
    padding: 30px 50px;
    border-bottom: 1px solid #CCCCCC;
  }
}

.topInformationList:first-child {}
@media screen and (min-width:768px) {
  .topInformationList:first-child {
    border-top: 1px solid #CCCCCC;
  }
}

.topInformationList:last-child {
  border-bottom: none;
}
@media screen and (min-width:768px) {
  .topInformationList:last-child {
    border-bottom: 1px solid #CCCCCC;
  }
}


.topInformationOption {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .topInformationOption {
    margin-bottom: 0;
  }
}

.topInformationDate {
  color: #C7B299;
  font-size: 9px;
  font-weight: 400;
	width: 120px;
}
@media screen and (min-width:768px) {
  .topInformationDate {
    color: #808080;
    font-size: 12px;
  }
}

.topInformationCategory {
  color: #E9546B;
  font-weight: 700;
  font-size: 8px;
  border: 1px solid #E9546B;
  border-radius: 20px;
  padding: 4px 10px;
  margin-left: 20px;
	width: 120px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .topInformationCategory {
    font-size: 14px;
  }
}

.topInformationListTit {
	color: #4D4D4D;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.75em;
}
@media screen and (min-width:768px) {
  .topInformationListTit {
    font-size: 16px;
		padding: 0 20px;
  }
}

.topInfomationAngle {
  display: none;
}
@media screen and (min-width:768px) {
  .topInfomationAngle {
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translate(0,-50%);
    display: block;
  }
}

.topInformationLink {
  display: flex;
  justify-content: center;
}
@media screen and (min-width:768px) {
  .topInformationLink {}
}

.topInstagramWrap {}
@media screen and (min-width:768px) {
  .topInstagramWrap {
    padding-bottom: 70px;
  }
}

.topInstagramInnerWrap {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (min-width:768px) {
  .topInstagramInnerWrap {
    padding: 0;
  }
}

.topInstagramTitWrap {
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .topInstagramTitWrap {
    position: absolute;
    background-image: url(img/topInstagramBg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: -50px;
    left: 50%;
    transform: translate(-50%,0);
    padding: 20px;
    margin-bottom: 0;
  }
}

.topInstagramTit {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .topInstagramTit {}
}

.topInstagramHead {
  text-align: center;
  font-size: 16px;
	color: #333333;
  letter-spacing: 0.2em;
}
@media screen and (min-width:768px) {
  .topInstagramHead {
    font-size: 24px;
  }
}

.topInstagramDetailsWrap {}
@media screen and (min-width:768px) {
  .topInstagramDetailsWrap {
    border: 4px solid #F4A9B5;
    padding: 100px 40px 30px 40px
  }
}

.topInstagramDetailsInnerWrap {
  /* display: flex;
  justify-content: space-between; */
  margin-bottom: 70px;
}
@media screen and (min-width:768px) {
  .topInstagramDetailsInnerWrap {
    margin-bottom: 40px;
  }
}

.topInstagramDetails {}
@media screen and (min-width:768px) {
  .topInstagramDetails {}
}

.sbi_photo {
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .sbi_photo {
		width: 200px;
	}
}

.sbi_header_link {
	display: none!important;
}

#sbi_load {
	display: none!important;
}

.topInstagramDetails a {
	display: block;
}
@media screen and (min-width:768px) {
  .topInstagramDetails a {}
}

.topInstagramDetailsImg {
	object-fit: cover;
	object-position: center;
}
@media screen and (min-width:768px) {
  .topInstagramDetailsImg {
		width: 200px;
		height: 200px;
	}
}

/*---------------------------------

  下層ページ共通

---------------------------------*/
.pageWrap {}
@media screen and (min-width:768px) {
  .pageWrap {}
}

.pageHeader {
	position: relative;
}
@media screen and (min-width:768px) {
  .pageHeader {}
}

.pageHeaderImg {
	display: block;
	width: 100%;
	min-height: 180px;
	object-fit: cover;
	object-position: top 0px right 25%;
}
@media screen and (min-width:768px) {
  .pageHeaderImg {
		max-height: 300px;
		object-position: center;
	}
}

.pageTit {
	text-align: center;
	padding: 20px 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid #E9546B;
	width: 340px;
}
@media screen and (min-width:768px) {
  .pageTit {
		padding: 30px 0 20px 0;
		width: 700px;
	}
}

.pageTitTop {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 18px;
	color: #E9546B;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .pageTitTop {
		font-size: 22px;
	}
}

.pageTitBottom {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0.11em;
}
@media screen and (min-width:768px) {
  .pageTitBottom {
		font-size: 40px;
	}
}

.pageContentWrap {}
@media screen and (min-width:768px) {
  .pageContentWrap {}
}

.pageContentInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .pageContentInnerWrap {}
}

.QAWrap {
  background-color: #F2F2F2;
  padding: 40px 0;
}
@media screen and (min-width:768px) {
  .QAWrap {
    padding: 70px 0;
  }
}

.QAInnerWrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (min-width:768px) {
  .QAInnerWrap {
    padding: 0;
  }
}

.QATit {
  font-family: 'Nanum Myeongjo', serif;
  margin-bottom: 20px;
	font-weight: 500;
	font-size: 22px;
	color: #E9546B;
	text-align: center;
	letter-spacing: 0.2em;
}
@media screen and (min-width:768px) {
  .QATit {
		font-weight: 400;
		font-size: 48px;
		margin-bottom: 30px;
	}
}

.QAHead {
  position: relative;
  left: 50%;
	color: #333333;
	letter-spacing: 1.75;
  transform: translate(-50%,0);
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 2px solid #E9546B;
}
@media screen and (min-width:768px) {
  .QAHead {
    font-size: 24px;
    margin-bottom: 50px;
  }
}

.QADetailsWrap {
  background-color: #fff;
  margin-bottom: 2px;
}
@media screen and (min-width:768px) {
  .QADetailsWrap {}
}

.QADetailsWrapLast {
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .QADetailsWrapLast {
    margin-bottom: 50px;
  }
}

.QAQuestion {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 15px;
  cursor: pointer;
}
@media screen and (min-width:768px) {
  .QAQuestion {
    padding: 15px 40px;
  }
}

.QAQuestionQ {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  color: #E9546B;
  font-size: 36px;
}
@media screen and (min-width:768px) {
  .QAQuestionQ {
    margin-left: 40px;
  }
}

.QAQuestionText {
	color: #4D4D4D;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6em;
  margin-left: 10px;
	padding-right: 20px;
}
@media screen and (min-width:768px) {
  .QAQuestionText {
    font-size: 16px;
    margin-left: 20px;
  }
}

.QAQuestionIcon {}
@media screen and (min-width:768px) {
  .QAQuestionIcon {}
}

.QAQuestionIcon::after {
  content: '＋';
  font-size: 15px;
  color: #4D4D4D;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
}
@media screen and (min-width:768px) {
  .QAQuestionIcon::after {
    font-size: 25px;
  }
}

.QAQuestionIcon.active::after {
  content: '－';
}
@media screen and (min-width:768px) {
  .QAQuestionIcon.active::after {}
}

.QAQuestionIconPlus {}
@media screen and (min-width:768px) {
  .QAQuestionIconPlus {}
}

.QAAnswerWrap {
  display: none;
}
@media screen and (min-width:768px) {
  .QAAnswerWrap {}
}

.QAAnswer {
  background-color: #FFEAE5;
  display: flex;
  align-items: flex-start;
  padding: 15px;
}
@media screen and (min-width:768px) {
  .QAAnswer {
    padding: 15px 40px;
  }
}

.QAAnswerA {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  color: #E9546B;
  font-size: 36px;
}
@media screen and (min-width:768px) {
  .QAAnswerA {
    margin-left: 40px;
  }
}

.QAAnswerText {
	color: #4D4D4D;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6em;
  margin-left: 10px;
}
@media screen and (min-width:768px) {
  .QAAnswerText {
    font-size: 16px;
    margin-left: 20px;
  }
}

.QAQuestionLink {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .QAQuestionLink {}
}

.freeTrialBannerWrap {
	display: flex;
	justify-content: center;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.4));
}
@media screen and (min-width:768px) {
  .freeTrialBannerWrap {}
}

.freeTrialBannerLink {
	-webkit-mask-image: url(img/freeTrialSp.png);
	mask-image: url(img/freeTrialSp.png);
}
@media screen and (min-width:768px) {
  .freeTrialBannerLink {
		-webkit-mask-image: url(img/freeTrial.png);
		mask-image: url(img/freeTrial.png);
	}
}

.freeTrialBanner {
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .freeTrialBanner {}
}

.recommendationDetailsWrap {
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #E9546B;
  margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .recommendationDetailsWrap {
    border: none;
    margin-bottom: 0;
  }
}

.recommendationDetailsTit {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background-color: #E9546B;
  border-radius: 20px 20px 0 0;
  padding: 15px 0;
}
@media screen and (min-width:768px) {
  .recommendationDetailsTit {}
}

.recommendationDetailsInnerWrap {
  max-width: 740px;
  margin: 0 auto;
  padding: 40px 30px;
  display: flex;
	justify-content: space-around;
  flex-wrap: wrap;
}
@media screen and (min-width:768px) {
  .recommendationDetailsInnerWrap {
		padding: 40px 0;
		justify-content: space-between;
  }
}

.recommendationDetailsInnerWrap::after {
  content: '';
  width: 100%;
}
@media screen and (min-width:768px) {
  .recommendationDetailsInnerWrap::after {
    content: '';
  }
}

.recommendationDetailsInnerWrap::before {
  content: '';
  order: 2;
  width: 100%;
}
@media screen and (min-width:768px) {
  .recommendationDetailsInnerWrap::before {
    content: '';
    order: 0;
  }
}

.recommendationDetails {
  margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .recommendationDetails {
    margin-bottom: 0;
  }
}

.recommendationDetails:first-child {}
@media screen and (min-width:768px) {
  .recommendationDetails:first-child {
    margin-bottom: 60px;
  }
}

.recommendationDetails:nth-child(n+3) {
  order: 1;
}
@media screen and (min-width:768px) {
  .recommendationDetails:nth-child(n+3) {
    order: 0;
  }
}

.recommendationDetails:nth-child(n+5) {
  order: 2;
}
@media screen and (min-width:768px) {
  .recommendationDetails:nth-child(n+5) {
    order: 0;
  }
}

.recommendationDetailsImg {
  max-width: 130px;
}
@media screen and (min-width:768px) {
  .recommendationDetailsImg {
    margin-bottom: 20px;
    max-width: 200px;
  }
}

.recommendationDetailsText {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
	line-height: 1.75;
}
@media screen and (min-width:768px) {
  .recommendationDetailsText {
    font-size: 16px;
  }
}

.commonWrap {
	padding: 30px 0;
}
@media screen and (min-width:768px) {
  .commonWrap {
		padding: 70px 0;
	}
}

.commonInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .commonInnerWrap {}
}

.commonTable {
	border: 1px solid #E9546B;
	width: 100%;
}
@media screen and (min-width:768px) {
  .commonTable {}
}

.commonTableDataList {
	border-bottom: 1px dotted #CCCCCC;
}
@media screen and (min-width:768px) {
  .commonTableDataList {
		display: flex;
		align-items: center;
	}
}

.commonTableDataList:last-child {
	border-bottom: none;
}

.commonTableDataTit {
	background-color: #F2F2F2;
	color: #E9546B;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	padding: 10px 0;
	display: block;
}
@media screen and (min-width:768px) {
  .commonTableDataTit {
		font-size: 16px;
		min-width: 220px;
		padding: 40px 0;
		display: unset;
	}
}

.commonTableData {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 25px;
	padding: 10px 0;
	display: block;
}
@media screen and (min-width:768px) {
  .commonTableData {}
}

/*---------------------------------

  ABOUTページ

---------------------------------*/
.aboutPointWrap {
	padding: 30px 0 50px 0;
}
@media screen and (min-width:768px) {
  .aboutPointWrap {
		padding: 80px 0 70px 0;
	}
}

.aboutPointInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .aboutPointInnerWrap {}
}

.aboutPointTit {
	font-size: 20px;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 60px;
}
@media screen and (min-width:768px) {
  .aboutPointTit {
		font-size: 24px;
		margin-bottom: 100px;
	}
}

.aboutPointContent {}
@media screen and (min-width:768px) {
  .aboutPointContent {
		display: flex;
		align-items: stretch;
	}
}

.aboutPointContentWrap {
	background-color: #FFEAE5;
	border-radius: 20px;
	margin: 0 auto 40px auto;
	height: 210px;
}
@media screen and (min-width:768px) {
  .aboutPointContentWrap {
		width: 320px;
		height: auto;
		margin: 0;
		margin-left: 20px;
	}
}

.aboutPointContentWrap:first-child {
	margin-left: 0;
}

.aboutPointContentInnerWrap {
	position: relative;
	padding: 20px;
}
@media screen and (min-width:768px) {
  .aboutPointContentInnerWrap {
		padding: 50px 20px 30px 20px;
	}
}

.aboutPointIcon {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	position: absolute;
	border-radius: 50%;
	background-color: #E9546B;
	width: 45px;
	height: 45px;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
}
@media screen and (min-width:768px) {
  .aboutPointIcon {
		width: 60px;
		height: 60px;
	}
}

.aboutPointIconText {
	margin-top: 5px;
	font-size: 8px;
}
@media screen and (min-width:768px) {
  .aboutPointIconText {
		font-size: 10px;
	}
}

.aboutPointIconNumber {
	font-size: 16px;
}
@media screen and (min-width:768px) {
  .aboutPointIconNumber {
		font-size: 20px;
	}
}

.aboutPointContentTit {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #E9546B;
	text-align: center;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #E9546B;
	border-radius: 40px;
	margin-bottom: 20px;
	letter-spacing: 0;
	word-break: keep-all;
}
@media screen and (min-width:768px) {
  .aboutPointContentTit {
		font-size: 14px;
	}
}

@media screen and (min-width:768px){
	.aboutPointContentTit:nth-child(2) {
		margin: 0 -10px 20px -10px;
	}
}

.aboutPointContentImgWrap {
	text-align: center;
	margin-bottom: 20px;
	overflow: hidden;
	float: left;
	width: 150px;
}
@media screen and (min-width:768px) {
  .aboutPointContentImgWrap {
		width: auto;
		float: none;
	}
}

.aboutPointContentImg {
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}
@media screen and (min-width:768px) {
  .aboutPointContentImg {}
}

.aboutPointContentDetails {
	position: relative;
	left: 10px;
	font-size: 10px;
	font-weight: 400;
	line-height: 1.2;
	margin-left: 10px;
}
@media screen and (min-width:768px) {
  .aboutPointContentDetails {
		left: 0;
		font-size: 14px;
		line-height: 1.5;
		margin-left: 0;
	}
}

.aboutPriceWrap {
	background-color: #F2F2F2;
	padding: 60px 0 80px 0;
}
@media screen and (min-width:768px) {
  .aboutPriceWrap {}
}

.aboutPriceInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .aboutPriceInnerWrap {}
}

.aboutCommonTit {
	text-align: center;
}
@media screen and (min-width:768px) {
  .aboutCommonTit {}
}

.aboutCommonTitTop {
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .aboutCommonTitTop {
		margin-bottom: 30px;
	}
}

.aboutPriceBottom {
	font-size: 24px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .aboutPriceBottom {
		font-size: 24px;
		margin-bottom: 50px;
	}
}

.aboutPriceContent {
	margin-bottom: 50px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .aboutPriceContent {
		display: flex;
		justify-content: space-between;
	}
}

.aboutPriceContentDetails {
	margin-bottom: 5px;
}
@media screen and (min-width:768px) {
  .aboutPriceContentDetails {}
}

.aboutPriceContentDetailsText {
	font-size: 11px;
	font-weight: 700;
	max-width: 230px;
	letter-spacing: 0;
	margin: 0 auto 20px auto;
}
@media screen and (min-width:768px) {
  .aboutPriceContentDetailsText {
		margin: 0;
		margin-bottom: 20px;
		margin-left: 80px;
	}
}

.aboutPriceAdmission {
	position: relative;
	background-color: #fff;
	border-radius: 20px;
	padding: 20px 0 5px 0;
	text-align: center;
}
@media screen and (min-width:768px) {
  .aboutPriceAdmission {}
}

.aboutPriceAdmissionPlus {}
@media screen and (min-width:768px) {
  .aboutPriceAdmissionPlus {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translate(-50%,0);
    background-color: #E9546B;
    width: 48px;
    height: 48px;
    border-radius: 50%;
  }
}

.aboutPriceAdmissionPlusText {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translate(-50%,0);
  color: #E9546B;
  font-weight: 700;
  font-size: 50px;
}
@media screen and (min-width:768px) {
  .aboutPriceAdmissionPlusText {
    top: 42%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-weight: 700;
    font-size: 50px;
  }
}

.aboutVoiceWrap {
	padding: 70px 0 120px 0;
}
@media screen and (min-width:768px) {
  .aboutVoiceWrap {}
}

.aboutVoiceInnerWrap {}
@media screen and (min-width:768px) {
  .aboutVoiceInnerWrap {}
}

.aboutVoiceBottom {
	font-size: 14px;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 60px;
}
@media screen and (min-width:768px) {
  .aboutVoiceBottom {
		font-size: 24px;
		margin-bottom: 110px;
	}
}

.aboutVoiceContent {
	margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContent {
		margin-bottom: 130px!important;
	}
}

.aboutVoiceContentWrap {
	margin-left: 5px;
	padding-top: 20px;
	width: 335px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentWrap {
		margin-left: 30px;
		width: 750px;
	}
}

.aboutVoiceContentWrap:first-child {
	margin-left: 0;
}

.aboutVoiceContentInnerWrap {
	position: relative;
	border: 1px solid #E9546B;
	border-radius: 20px;
	padding: 20px;
	height: 700px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentInnerWrap {
		padding: 40px 75px;
	}
}

.aboutVoiceContentTit {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	color: #E9546B;
	border: 1px solid #E9546B;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 30px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentTit {
		width: 380px;
		height: 38px;
	}
}

.aboutVoiceContentPerson {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentPerson {}
}

.aboutVoiceContentPersonImg {
	width: 75px;
	height: 75px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentPersonImg {}
}

.aboutVoiceContentPersonData {
	margin-left: 20px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentPersonData {
		margin-left: 30px;
	}
}

.aboutVoiceContentPersonDataAge {
	color: #E9546B;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentPersonDataAge {
		font-size: 20px;
	}
}

.aboutVoiceContentPersonDataDate {
	font-size: 14px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentPersonDataDate {
		font-size: 18px;
	}
}

.aboutVoiceContentChangeWrap {
	background-color: #F2F2F2;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentChangeWrap {}
}

.aboutVoiceContentChangeInnerWrap {
	padding: 10px 20px;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentChangeInnerWrap {
		padding: 10px 80px;
	}
}

.aboutVoiceContentChangeItem {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #E9546B;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	letter-spacing: 0;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentChangeItem {
		font-size: 18px;
		letter-spacing: 0.1em;
	}
}

.aboutVoiceContentChangeItem:last-child {
	margin-bottom: 0;
}

.aboutVoiceContentChangeName {
	width: 40%;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentChangeName {}
}

.aboutVoiceContentChangeBefore {
	width: 25%;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentChangeBefore {}
}

.aboutVoiceContentChangeAngle {
	width: 10%;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentChangeAngle {}
}

.aboutVoiceContentChangeAfter {
	width: 25%;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentChangeAfter {}
}

.aboutVoiceContentDetails {}
@media screen and (min-width:768px) {
  .aboutVoiceContentDetails {}
}

.aboutVoiceContentDetailsTit {
	display: inline-block;
	color: #E9546B;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E9546B;
	letter-spacing: 0;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentDetailsTit {
		font-size: 16px;
		margin-bottom: 20px;
		letter-spacing: 0.1em;
	}
}

.aboutVoiceContentDetailsText {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 1.2;
}
@media screen and (min-width:768px) {
  .aboutVoiceContentDetailsText {
		font-size: 16px;
	}
}

.aboutFlowWrap {
	background-color: #FFE3DD;
	padding: 30px 0;
}
@media screen and (min-width:768px) {
  .aboutFlowWrap {
		padding: 200px 0 100px 0;
	}
}

.aboutFlowInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .aboutFlowInnerWrap {}
}

.aboutFlowTit {
	margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .aboutFlowTit {
		margin-bottom: 90px;
	}
}

.aboutFlowTitBottom {
	font-size: 14px;
	letter-spacing: 0.2em;
	text-align: center;
}
@media screen and (min-width:768px) {
  .aboutFlowTitBottom {
		font-size: 24px;
	}
}

.aboutFlowContent {}
@media screen and (min-width:768px) {
  .aboutFlowContent {}
}

.aboutFlowContentDetailsWrap {}
@media screen and (min-width:768px) {
  .aboutFlowContentDetailsWrap {}
}

.aboutFlowContentDetails {
	position: relative;
	background-color: #fff;
	border: 1px solid #E9546B;
	border-radius: 20px;
	margin-bottom: 50px;
	padding: 20px;
}
@media screen and (min-width:768px) {
  .aboutFlowContentDetails {
		display: flex;
	}
}

.aboutFlowStepIcon {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	position: absolute;
	border-radius: 50%;
	background-color: #E9546B;
	width: 45px;
	height: 45px;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
}
@media screen and (min-width:768px) {
  .trialFlowStepIcon {
		width: 60px;
		height: 60px;
	}
}

.aboutFlowStepIconText {
	margin-top: 5px;
	font-size: 8px;
}
@media screen and (min-width:768px) {
  .aboutFlowStepIconText {
		font-size: 10px;
	}
}

.aboutFlowStepIconNumber {
	font-size: 16px;
}
@media screen and (min-width:768px) {
  .aboutFlowStepIconNumber {
		font-size: 20px;
	}
}

.aboutFlowContentDetailsImgWrap {
	text-align: center;
	min-width: 200px;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .aboutFlowContentDetailsImgWrap {
		text-align: left;
		margin-bottom: 0;
	}
}

.aboutFlowContentDetailsImg {
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}
@media screen and (min-width:768px) {
  .aboutFlowContentDetailsImg {}
}

.aboutFlowContentDetailsList {
	margin-left: 30px;
}
@media screen and (min-width:768px) {
  .aboutFlowContentDetailsList {}
}

.aboutFlowContentDetailsStep {}
@media screen and (min-width:768px) {
  .aboutFlowContentDetailsStep {}
}

.aboutFlowContentDetailsTextWrap {}
@media screen and (min-width:768px) {
  .aboutFlowContentDetailsTextWrap {}
}

.aboutFlowContentDetailsTit {
	color: #E9546B;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .aboutFlowContentDetailsTit {
		font-size: 17px;
		margin-bottom: 30px;
	}
}

.aboutFlowContentDetailsText {
	font-size: 10px;
	font-weight: 400;
	line-height: 1.5;
}
@media screen and (min-width:768px) {
  .aboutFlowContentDetailsText {
		font-size: 15px;
	}
}

.aboutFlowContentDetailsTextBreak {
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .aboutFlowContentDetailsTextBreak {}
}

.virusBanner {
	text-align: center;
	margin: 80px 0 20px 0;
}
@media screen and (min-width:768px) {
  .virusBanner {}
}

.virusBannerLink {
	display: flex;
  justify-content: center;
}
@media screen and (min-width:768px) {
  .virusBannerLink {}
}

/*---------------------------------

  アプリページ

---------------------------------*/
.appHead {
	position: relative;
	word-break: keep-all;
	margin: 20px 0;
	text-align: center;
}
@media screen and (min-width:768px) {
	.appHead {
		margin: 70px 0 50px 0;
	}
}

.appHeadTop {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	font-size: 16px;
	color: #E9546B;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .appHeadTop {
		font-size: 20px;
	}
}

.appHeadTop::before {
	content: '';
	position: relative;
	top: 40px;
	left: -60px;
	display: inline-block;
	width: 2px;
	height: 60px;
	background-color: #E9546B;
	transform: rotate(-30deg);
}
@media screen and (min-width:768px) {
.appHeadTop::before {}
}

.appHeadTop::after {
	content: '';
	position: relative;
	top: 40px;
	right: -60px;
	display: inline-block;
	width: 2px;
	height: 60px;
	background-color: #E9546B;
	transform: rotate(30deg);
}
@media screen and (min-width:768px) {
	.appHeadTop::after {}
}

.appHeadBottom {
	letter-spacing: 0.2em;
	font-size: 20px;
}
@media screen and (min-width:768px) {
  .appHeadBottom {
		font-size: 26px;
	}
}

.appPinkLabel {
	color: #E9546B;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	max-width: 530px;
	margin: 0 auto 20px auto;
	border: 1px solid #E9546B;
	border-radius: 20px;
	padding: 5px 0;
}
@media screen and (min-width:768px) {
  .appPinkLabel {
		font-size: 20px;
	}
}

.appDetails {
	font-size: 12px;
	text-align: center;
	line-height: 2;
	margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .appDetails {
		font-size: 18px;
		margin-bottom: 90px;
	}
}

.appContent {
	margin: 0 -10px 70px -10px;
}
@media screen and (min-width:768px) {
  .appContent {
		display: flex;
		margin: 0;
		margin-bottom: 100px;
	}
}

.appContentWrap {
	padding: 30px 0;
	width: 330px;
	height: 560px;
}
@media screen and (min-width:768px) {
  .appContentWrap {
		border: 1px solid #E9546B;
		border-radius: 20px;
		margin-left: 20px;
		padding: 0;
		height: 660px;
	}
}

.appContentWrap:first-child {
	margin-left: 0;
}

.appContentInnerWrap {
	position: relative;
	padding: 20px 10px;
	border: 1px solid #E9546B;
	border-radius: 20px;
	margin: 5px;
}
@media screen and (min-width:768px) {
  .appContentInnerWrap {
		border: none;
	}
}

.appContentPoint {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	position: absolute;
	border-radius: 50%;
	background-color: #E9546B;
	width: 60px;
	height: 60px;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
}
@media screen and (min-width:768px) {
  .appContentPoint {}
}

.appContentPointText {
	font-size: 10px;
}
@media screen and (min-width:768px) {
  .appContentPointText {}
}

.appContentPointNumber {
	font-size: 20px;
}
@media screen and (min-width:768px) {
  .appContentPointNumber {}
}

.appContentTit {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #E9546B;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 20px 0;
}
@media screen and (min-width:768px) {
  .appContentTit {
		font-size: 20px;
		margin: 30px 0;
	}
}

.appContentImgWrap {
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .appContentImgWrap {}
}

.appContentImg {
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .appContentImg {}
}

.appContentDetails {
	position: relative;
	max-width: 300px;
	margin: 0 auto;
	background-color: #E9546B;
	border-radius: 20px;
	height: 100px;
}
@media screen and (min-width:768px) {
  .appContentDetails {
		height: 160px;
	}
}

.appContentDetailsTriangle {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #E9546B transparent;
}
@media screen and (min-width:768px) {
  .appContentDetailsTriangle {}
}

.appContentDetailsText {
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	padding: 10px 25px;
	line-height: 1.3;
}
@media screen and (min-width:768px) {
  .appContentDetailsText {
		font-size: 14px;
	}
}

.appContentDetailsTextCenter {
	line-height: 1.2;
	font-size: 10px;
}
@media screen and (min-width:768px) {
.appContentDetailsTextCenter {
		font-size: 12px;
	}
}

.appDownload {
	position: relative;
	max-width: 510px;
	text-align: center;
	background-color: #F2F2F2;
	border-radius: 20px;
	margin: 0 auto 90px auto;
}
@media screen and (min-width:768px) {
  .appDownload {}
}

.appDownloadTit {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 20px;
	background-color: #E9546B;
	max-width: 410px;
	margin: 0 auto;
	padding: 5px 20px;
	word-break: keep-all;
}
@media screen and (min-width:768px) {
  .appDownloadTit {
		font-size: 20px;
	}
}

.appDownloadAngle {
	font-size: 20px;
	color: #E9546B;
	margin-top: 20px;
}
@media screen and (min-width:768px) {
  .appDownloadAngle {
		margin-top: 40px;
	}
}

.appDownloadBtnWrap {
	display: flex;
	justify-content: space-between;
	padding: 20px 30px;
	max-width: 300px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .appDownloadBtnWrap {
		max-width: 500px;
	}
}

.appDownloadBtnLink {
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .appDownloadBtnLink {}
}

.appDownloadBtnLink:hover {
	opacity: 0.7;
}

.appDownloadBtn {}
@media screen and (min-width:768px) {
  .appDownloadBtn {}
}

/*---------------------------------

  メニューページ

---------------------------------*/
.menuRecommendationWrap {
	padding: 20px 0 40px 0;
	background-color: #fff;
}
@media screen and (min-width:768px) {
  .menuRecommendationWrap {
		background-color: #F2F2F2;
		padding: 50px 0 70px 0;
	}
}

.menuRecommendationInnerWrap {
	max-width: 1000px;
	margin: 0	auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .menuRecommendationInnerWrap {}
}

.menuRecommendationHead {
	text-align: center;
}
@media screen and (min-width:768px) {
  .menuRecommendationHead {}
}

.menuRecommendationHeadTop {
	color: #333333;
	font-size: 21px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .menuRecommendationHeadTop {
		font-size: 24px;
		margin-bottom: 10px;
	}
}

.menuRecommendationHeadBottom {
	color: #E9546B;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 60px;
}
@media screen and (min-width:768px) {
  .menuRecommendationHeadBottom {
		font-size: 16px;
	}
}

.menuEyecatchWrap {}
@media screen and (min-width:768px) {
  .menuEyecatchWrap {}
}

.menuPersonalWrap {
	background-color: #FFEAE5;
	padding: 70px 0 200px 0;
}
@media screen and (min-width:768px) {
  .menuPersonalWrap {
		padding: 70px 0 110px 0;
	}
}

.menuPersonalInnerWrap {}
@media screen and (min-width:768px) {
  .menuPersonalInnerWrap {}
}

.menuPersonalTit {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .menuPersonalTit {}
}

.menuPersonalTitTop {
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .menuPersonalTitTop {
		margin-bottom: 30px;
	}
}

.menuPersonalTitBottom {
	font-size: 14px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .menuPersonalTitBottom {
		font-size: 24px;
	}
}

.menuPersonalTitText {
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
	color: #333333;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .menuPersonalTitText {
		font-size: 16px;
		padding: 20px 70px;
	}
}

.menuPersonalContent {
	margin-bottom: 40px!important;
}
@media screen and (min-width:768px) {
  .menuPersonalContent {
		margin-bottom: 120px!important;
	}
}

.menuPersonalContentWrap {
	background-color: #fff;
	border: 1px solid #E9546B;
	border-radius: 20px;
	margin-left: 10px;
	width: 330px;
	height: 830px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentWrap {
		margin-left: 20px;
		width: 450px;
		height: 630px;
	}
}

.menuPersonalContentInnerWrap {
	padding: 20px 15px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentInnerWrap {
		padding: 20px 15px 30px 15px;
	}
}

.menuPersonalContentTit {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #E9546B;
	text-align: center;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentTit {}
}

.menuPersonalContentPerson {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentPerson {}
}

.menuPersonalContentPersonImg {}
@media screen and (min-width:768px) {
  .menuPersonalContentPersonImg {}
}

.menuPersonalContentPersonDetails {
	margin-left: 25px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentPersonDetails {}
}

.menuPersonalContentPersonName {
	background-color: #E9546B;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 10px 20px;
	border-radius: 20px;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentPersonName {}
}

.menuPersonalContentPersonData {
	font-size: 12px;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentPersonData {}
}

.menuPersonalContentPersonComment {
	position: relative;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #E9546B;
	border-radius: 20px;
	min-height: 70px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentPersonComment {}
}

.menuPersonalContentMenuWrap {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
@media screen and (min-width:768px) {
  .menuPersonalContentMenuWrap {
		justify-content: space-between;
	}
}

.menuPersonalContentMenu {
	width: 120px;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentMenu {
		width: 100px;
	}
}

.menuPersonalContentMenuImg {
	height: 90px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
	margin-bottom: 10px;
	height: 90px;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
}
@media screen and (min-width:768px) {
  .menuPersonalContentMenuImg {}
}

.menuPersonalContentMenuText {
	color: #333333;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentMenuText {}
}

.menuPersonalContentOther {
	margin-bottom: 5px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentOther {
		margin-bottom: 20px;
	}
}

.menuPersonalContentOtherTit {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #E9546B;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentOtherTit {}
}

.menuPersonalContentOtherMenuWrap {
	max-width: 160px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .menuPersonalContentOtherMenuWrap {
		display: flex;
		justify-content: space-around;
		max-width: unset;
		margin: 0;
	}
}

.menuPersonalContentOtherMenu {
	color: #333333;
	font-size: 10px;
	font-weight: 700;
}
@media screen and (min-width:768px) {
  .menuPersonalContentOtherMenu {}
}

.menuPersonalContentPlus {
	text-align: center;
}
@media screen and (min-width:768px) {
  .menuPersonalContentPlus {}
}

.menuPersonalContentPlusIcon {
	color: #E9546B;
	font-size: 20px;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .menuPersonalContentPlusIcon {}
}

.menuPersonalContentPlusText {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #E9546B;
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	letter-spacing: 0.2em;
	text-align: center;
	border-bottom: 2px solid #E9546B;
}
@media screen and (min-width:768px) {
  .menuPersonalContentPlusText {}
}

.menuPersonalTrainingBanner {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	text-align: center;
}
@media screen and (min-width:768px) {
  .menuPersonalTrainingBanner {
	}
}

.menuQAWrap {
	background-color: #fff;
}
@media screen and (min-width:768px) {
	.menuQAWrap {
		padding: 120px 0;
	}
}

.menuQAQuestion {
	background-color: #F2F2F2;
}
@media screen and (min-width:768px) {
  .menuQAQuestion {}
}

/*---------------------------------

  無料体験ページ

---------------------------------*/
.trialIntroductionWrap {
	background-color: #fff;
	padding: 50px 0;
}
@media screen and (min-width:768px) {
  .trialIntroductionWrap {
		background-color: #F2F2F2;
		padding: 70px 0;
	}
}

.trialIntroductionInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .trialIntroductionInnerWrap {}
}

.trialIntroductionDetails {}
@media screen and (min-width:768px) {
  .trialIntroductionDetails {
		display: flex;
		margin-bottom: 50px;
		max-height: 400px;
	}
}

.trialIntroductionImg {
	background-image: url(img/trialWeb.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media screen and (min-width:768px) {
  .trialIntroductionImg {
		width: 50%;
	}
}

.trialIntroductionContent {}
@media screen and (min-width:768px) {
  .trialIntroductionContent {
		background-color: #fff;
		width: 50%;
		padding: 110px 40px 50px 40px;
	}
}

.trialIntroductionContentText {
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0;
	margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .trialIntroductionContentText {
		font-size: 16px;
	}
}

.trialIntroductionContentLink {
	display: flex;
  justify-content: center;
}
@media screen and (min-width:768px) {
  .trialIntroductionContentLink {}
}

.trialIntroductionBelongings {
	position: relative;
	background-color: #fff;
	text-align: center;
	padding: 30px 20px;
	border: 1px solid #E9546B;
	border-radius: 20px;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .trialIntroductionBelongings {
		border: none;
		border-radius: 0;
		padding: 40px 0;
	}
}

.trialIntroductionBelongingsTit {
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #E9546B;
	color: #fff;
	font-size: 18px;
	border-radius: 20px;
	padding: 5px 30px;
	word-break: keep-all;
}
@media screen and (min-width:768px) {
  .trialIntroductionBelongingsTit {}
}

.trialIntroductionBelongingsText {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	max-width: 540px;
	margin: 0 auto;
	text-align: left;
}
@media screen and (min-width:768px) {
  .trialIntroductionBelongingsText {
		font-size: 14px;
	}
}

.trialIntroductionBelongingsList {
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .trialIntroductionBelongingsList {}
}

.trialIntroductionBelongingsNote {
	color: #E9546B;
}
@media screen and (min-width:768px) {
  .trialIntroductionBelongingsNote {}
}

.trialFlowWrap {
	padding: 20px 0 50px 0;
	background-color: #FFE3DD;
}
@media screen and (min-width:768px) {
  .trialFlowWrap {
		padding: 50px 0 70px 0;
	}
}

.trialFlowInnerWrap {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .trialFlowInnerWrap {}
}

.trialCommonTit {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	font-size: 21px;
  text-align: center;
	letter-spacing: 0.2em;
	padding: 5px 35px;
}
@media screen and (min-width:768px) {
  .trialCommonTit {
		border: 1px solid #333333;
		font-size: 24px;
		min-width: 390px;
		padding: 5px 35px;
	}
}

.trialFlowTit {
	margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .trialFlowTit {
		margin-bottom: 70px;
	}
}

.trialFlowContent {
	position: relative;
	background-color: #fff;
	border: 1px solid #E9546B;
	border-radius: 20px;
	padding: 30px 10px;
	margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .trialFlowContent {
		padding: 10px;
	}
}

.trialFlowStepIcon {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	position: absolute;
	border-radius: 50%;
	background-color: #E9546B;
	width: 45px;
	height: 45px;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
}
@media screen and (min-width:768px) {
  .trialFlowStepIcon {
		width: 60px;
		height: 60px;
	}
}

.trialFlowStepIconText {
	margin-top: 5px;
	font-size: 8px;
}
@media screen and (min-width:768px) {
  .trialFlowStepIconText {
		font-size: 10px;
	}
}

.trialFlowStepIconNumber {
	font-size: 16px;
}
@media screen and (min-width:768px) {
  .trialFlowStepIconNumber {
		font-size: 20px;
	}
}

.trialFlowStepDetails {
	display: flex;
	align-items: center;
}
@media screen and (min-width:768px) {
  .trialFlowStepDetails {}
}

.trialFlowStepImgWrap {
	overflow: hidden;
	width: 210px;
}
@media screen and (min-width:768px) {
  .trialFlowStepImgWrap {}
}

.trialFlowStepImg {
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}
@media screen and (min-width:768px) {
  .trialFlowStepImg {}
}

.trialFlowStepText {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.75;
	max-width: 165px;
	margin-left: 20px;
}
@media screen and (min-width:768px) {
  .trialFlowStepText {
		font-size: 14px;
		max-width: 420px;
	}
}

.trialDayflowWrap {
	background-color: #fff;
	padding: 0 0 40px 0;
}
@media screen and (min-width:768px) {
  .trialDayflowWrap {
		background-color: #F2F2F2;
		padding: 0 0 70px 0;
	}
}

.trialDayflowInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .trialDayflowInnerWrap {}
}

.trialDayflowTit {}
@media screen and (min-width:768px) {
  .trialDayflowTit {}
}

.trialDayflowTime {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .trialDayflowTime {
		margin-bottom: 60px;
	}
}

.trialDayflowContent {
	align-items: center;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .trialDayflowContent {
		display: flex;
		justify-content: space-between;
		margin-bottom: 0;
	}
}

.trialDayflowContentDetailsWrap {
	background-color: #FFEAE5;
	border: 2px solid #fff;
	border-radius: 20px;
	margin: 0 auto 10px auto;
}
@media screen and (min-width:768px) {
  .trialDayflowContentDetailsWrap {
		width: 300px;
	}
}

.trialDayflowContentDetailsInnerWrap {
	position: relative;
	padding: 20px;
}
@media screen and (min-width:768px) {
  .trialDayflowContentDetailsInnerWrap {}
}

.trialDayflowContentDetailsStep {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 20px;
	background-color: #E9546B;
	border-radius: 20px;
}
@media screen and (min-width:768px) {
  .trialDayflowContentDetailsStep {}
}

.trialDayflowContentDetailsTit {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #E9546B;
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .trialDayflowContentDetailsTit {
		font-size: 16px;
	}
}

.trialDayflowContentDetailsText {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
}
@media screen and (min-width:768px) {
  .trialDayflowContentDetailsText {}
}

.trialDayflowContentDetailsAngle {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .trialDayflowContentDetailsAngle {
		margin-bottom: 0;
	}
}

.trialNotesWrap {
	background-color: #F2F2F2;
	padding: 30px 0 40px 0;
}
@media screen and (min-width:768px) {
  .trialNotesWrap {
		background-color: #fff;
		padding: 70px 0 100px 0;
	}
}

.trialNotesInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .trialNotesInnerWrap {}
}

.trialNotesTit {
	line-height: 1.5;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .trialNotesTit {
		margin-bottom: 40px;
	}
}

.trialNotesContent {
	padding: 10px 0;
}
@media screen and (min-width:768px) {
  .trialNotesContent {
		padding: 40px 0;
		border-top: 2px dotted #CCCCCC;
	}
}

@media screen and (min-width:768px) {
	.trialNotesContentLast {
		border-bottom: 2px dotted #CCCCCC;
	}
}

.trialNotesContentTit {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	background-color: #fff;
	color: #E9546B;
	font-size: 14px;
	padding: 10px 20px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .trialNotesContentTit {
		background-color: #E9546B;
		color: #fff;
		font-size: 14px;
		margin-bottom: 20px;
	}
}

.trialNotesContentListWrap {
	max-width: 800px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .trialNotesContentListWrap {}
}

.trialNotesContentList {
	display: flex;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.5;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .trialNotesContentList {}
}

.trialLink {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
}
@media screen and (min-width:768px) {
  .trialLink {
		margin-top: 40px;
	}
}

/*---------------------------------

  診断トップページ

---------------------------------*/
.shindanHeaderWrap {
	background-color: #FFEAE5;
	padding: 40px 0;
}
@media screen and (min-width:768px) {
  .shindanHeaderWrap {
		padding: 80px 0 40px 0;
	}
}

.shindanHeaderInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .shindanHeaderInnerWrap {}
}

.shindanHeaderTitWrap {}
@media screen and (min-width:768px) {
  .shindanHeaderTitWrap {
		display: flex;
		align-items: center;
	}
}

.shindanHeaderTit {}
@media screen and (min-width:768px) {
  .shindanHeaderTit {
		margin-bottom: 70px;
	}
}

.shindanHeaderTitPc {}
@media screen and (min-width:768px) {
  .shindanHeaderTitPc {
		margin-bottom: 70px;
	}
}

.shindanHeaderTitSp {
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .shindanHeaderTitSp {}
}

.shindanHeaderTitHead {
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	letter-spacing: 0.2em;
	font-weight: 600;
	word-break: keep-all;
	margin-top: 20px;
}
@media screen and (min-width:768px) {
  .shindanHeaderTitHead {}
}

.shindanHeaderBtn {
	text-align: center;
}
@media screen and (min-width:768px) {
  .shindanHeaderBtn {}
}

.shindanBtnLink {
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	font-weight: 700;
	color: #E9546B;
	position: relative;
	background-color: #FCEE21;
	border: 2px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 350px;
	height: 70px;
	margin: 0 auto;
	filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .3));
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .shindanBtnLink {
		width: 400px;
		height: 80px;
	}
}

.shindanBtnLink:hover {
	opacity: 0.6;
}

.shindanBtnAngle {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	font-size: 40px;
	color: #fff;
}
@media screen and (min-width:768px) {
  .shindanBtnAngle {}
}

.shindanHeaderTitImg {
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .shindanHeaderTitImg {
		margin-bottom: 0;
		text-align: left;
	}
}

.shindanRecommendationWrap {
	background-color: #F2F2F2;
	padding: 60px 0 70px 0;
}
@media screen and (min-width:768px) {
  .shindanRecommendationWrap {}
}

.shindanRecommendationInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .shindanRecommendationInnerWrap {}
}

.shindanTypeWrap {
	background-color: #FFEAE5;
	padding: 70px 0 50px 0;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .shindanTypeWrap {
		margin-bottom: 0;
	}
}

.shindanTypeInnerWrap {}
@media screen and (min-width:768px) {
  .shindanTypeInnerWrap {}
}

.shindanTypeTit {
	color: #E9546B;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .shindanTypeTit {
		margin-bottom: 40px;
	}
}

.shindanTypeTitTop {
	font-size: 24px;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .shindanTypeTitTop {
		font-size: 24px;
	}
}

.shindanTypeTitBottom {
	display: inline-block;
	font-size: 32px;
	border-bottom: 2px solid #E9546B;
	padding-bottom: 5px;
}
@media screen and (min-width:768px) {
  .shindanTypeTitBottom {
		font-size: 32px;
	}
}

.shindanTypeContent {}
@media screen and (min-width:768px) {
  .shindanTypeContent {}
}

.shindanTypeContentDetailsWrap {
	background-color: #fff;
	border: 1px solid #E9546B;
	border-radius: 20px;
	margin: 0 5px;
	width: 330px;
	height: 460px;
}
@media screen and (min-width:768px) {
  .shindanTypeContentDetailsWrap {
		width: 330px;
		height: 460px;
	}
}

.shindanTypeContentDetailsInnerWrap {
	padding: 15px 30px 30px 30px;
}
@media screen and (min-width:768px) {
  .shindanTypeContentDetailsInnerWrap {
		padding: 15px 30px 30px 30px;
	}
}

.shindanTypeContentDetailsTit {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background-color: #E9546B;
	border-radius: 20px;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px 20px;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .shindanTypeContentDetailsTit {
		font-size: 16px;
	}
}

.shindanTypeContentDetailsImg {
	height: 250px;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .shindanTypeContentDetailsImg {}
}

.shindanTypeContentDetailsImg img {
	margin: 0 auto;
}

.shindanTypeContentDetailsText {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.6;
}
@media screen and (min-width:768px) {
  .shindanTypeContentDetailsText {}
}

.shindanTypeBtn {
	padding-bottom: 70px;
}
@media screen and (min-width:768px) {
  .shindanTypeBtn {
		background-color: #FFEAE5;
	}
}

.shindanPinkBtn {
	position: relative;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .shindanPinkBtn {}
}

.shindanFreeTrial {
	margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .shindanFreeTrial {
		margin-bottom: 50px;
	}
}

/*---------------------------------

  診断ページ

---------------------------------*/
.questionNumberWrap {
	margin: 30px 0;
	text-align: center;
}
@media screen and (min-width:768px) {
  .questionNumberWrap {
		margin: 180px 0 70px 0;
	}
}

.questionNumber {}
@media screen and (min-width:768px) {
  .questionNumber {}
}

.questionText {
	font-size: 20px;
	font-weight: 700;
	color: #E9546B;
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .questionText {
		margin-bottom: 70px;
	}
}

.questionButtonWrap {
	display: flex;
	justify-content: space-between;
	max-width: 340px;
	margin: 0 auto 30px auto;
}
@media screen and (min-width:768px) {
  .questionButtonWrap {
		max-width: 510px;
		margin: 0 auto 100px auto;
	}
}

.questionButton {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: #E9546B;
	letter-spacing: 0.2em;
	background-color: #fff;
	border: 3px solid #E9546B;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 155px;
	height: 60px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .questionButton {
		font-size: 54px;
		width: 240px;
		height: 90px;
	}
}

.questionButton:hover {
	color: #fff;
	background-color: #E9546B;
}
@media screen and (min-width:768px) {
  .questionButton:hover {}
}

.questionBorder {
	max-width: 350px;
	border: 1px dotted #E9546B;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .questionBorder {
		max-width: 510px;
		margin-bottom: 80px;
	}
}

.questionMeterText {
	font-weight: 700;
	font-size: 14px;
	color: #666666;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .questionMeterText {
		font-size: 20px;
	}
}

.questionMeter {
    border: 2px solid #F08797;
		border-radius: 20px;
    background-color: #fff;
    width: 300px;
		height: 22px;
    margin: 0 auto 230px auto;
		overflow: hidden;
}
@media screen and (min-width:768px) {
  .questionMeter {
		margin: 0 auto 100px auto;
		width: 450px;
	}
}

.questionMeterBar {
	background-color: #FFB8A9;
	border: 2px solid #fff;
	height: 18px;
	border-radius: 20px 0 0 20px;
}
@media screen and (min-width:768px) {
  .questionMeterBar {}
}

/*---------------------------------

  診断結果

---------------------------------*/
.resultWrap {
	padding: 40px 0 50px 0;
}
@media screen and (min-width:768px) {
  .resultWrap {
		padding: 120px 0 150px 0;
	}
}

.resultInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .resultInnerWrap {}
}

.resultHead {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #E9546B;
	font-size: 21px;
	font-weight: 700;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color: #FCEE21;
	padding: 10px 25px;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .resultHead {
		font-size: 32px;
	}
}

.resultHeadText {
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 1.5;
	margin-bottom: 40px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .resultHeadText {
		font-size: 24px;
	}
}

.resultHeadType {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #E9546B;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .resultHeadType {
		font-size: 32px;
		margin-bottom: 100px;
	}
}

.resultHeadType::before {
	content: '［';
}

.resultHeadType::after {
	content: '］';
}


.resultHeadTypeImgWrap {
	text-align: center;
	margin-bottom: 90px;
}
@media screen and (min-width:768px) {
  .resultHeadTypeImgWrap {}
}

.resultHeadTypeImg {
	max-width: 230px;
}
@media screen and (min-width:768px) {
  .resultHeadTypeImg {
		max-width: unset;
	}
}

.resultHeadTypeText {
	background-color: #FFEAE5;
	font-size: 14px;
	line-height: 1.5;
	padding: 20px;
	margin: 0 auto;
	width: 300px;
	height: 150px;
}
@media screen and (min-width:768px) {
  .resultHeadTypeText {
		font-size: 16px;
		padding: 20px 120px;
		width: unset;
		height: unset;
	}
}

.resultWorkoutWrap {
	background-color: #F2F2F2;
	padding: 40px 0;
}
@media screen and (min-width:768px) {
  .resultWorkoutWrap {
		padding: 50px 0 60px 0;
	}
}

.resultWorkoutInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .resultWorkoutInnerWrap {}
}

.resultWorkoutTit {
	color: #E9546B;
	font-size: 21px;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .resultWorkoutTit {
		font-size: 24px;
		margin-bottom: 50px;
	}
}

.resultWorkoutContentWrap {}
@media screen and (min-width:768px) {
  .resultWorkoutContentWrap {
		display: flex;
		align-items: stretch;
	}
}

.resultWorkoutLeft {
	background-color: #fff;
  border: 1px solid #E9546B;
  border-radius: 20px;
	margin-bottom: 5px;
}
@media screen and (min-width:768px) {
  .resultWorkoutLeft {}
}

.resultWorkoutRight {
	background-color: #fff;
	border: 1px solid #E9546B;
	border-radius: 20px;
	margin-bottom: 5px;
}
@media screen and (min-width:768px) {
  .resultWorkoutRight {
		margin-left: 5px;
	}
}

.resultWorkoutDetails {
	max-width: 495px;
	margin: 0 auto 20px auto;
	display: flex;
	justify-content: space-around;
}
@media screen and (min-width:768px) {
  .resultWorkoutDetails {
		margin: 0 auto 5px auto;
		justify-content: flex-start;
	}
}

.resultWorkoutDetailsImgWrap {
	border-radius: 20px;
	padding: 15px;
	width: 120px;
	overflow: hidden;
}
@media screen and (min-width:768px) {
  .resultWorkoutDetailsImgWrap {
		width: 170px;
	}
}

.resultWorkoutDetailsImg {
	border-radius: 20px;
	object-fit: cover;
	object-position: center;
	height: 100px;
}
@media screen and (min-width:768px) {
  .resultWorkoutDetailsImg {
		height: 150px;
	}
}

.resultWorkoutDetailsList {
	padding: 15px;
	width: 50%;
}
@media screen and (min-width:768px) {
  .resultWorkoutDetailsList {
		max-width: 260px;
	}
}

.resultWorkoutDetailsTit {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	background-color: #E9546B;
	border-radius: 20px;
	padding: 5px 0;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .resultWorkoutDetailsTit {
		font-size: 16px;
	}
}

.resultWorkoutDetailsText {
	font-size: 10px;
	line-height: 1.7;
}
@media screen and (min-width:768px) {
  .resultWorkoutDetailsText {
		font-size: 14px;
	}
}

.resultWorkoutPlus {
	color: #E9546B;
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin: 10px 0;
}
@media screen and (min-width:768px) {
  .resultWorkoutPlus {
		margin: 30px 0;
	}
}

.resultWorkoutPlusText {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #E9546B;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-align: center;
	background-color: #fff;
	border: 1px solid #E9546B;
	padding: 20px 0;
	max-width: 200px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .resultWorkoutPlusText {
		font-size: 32px;
		max-width: unset;
	}
}

.resultTrialWrap {
	padding: 30px 0 80px 0;
}
@media screen and (min-width:768px) {
  .resultTrialWrap {
		padding: 60px 0 80px 0;
	}
}

.resultTrialInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .resultTrialInnerWrap {}
}

.resultTrialTit {
	color: #000;
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .resultTrialTit {
		font-size: 24px;
		margin-bottom: 30px;
	}
}

.resultColumnTit {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.075em;
	text-align: center;
	margin: 50px 0 20px 0;
}
@media screen and (min-width:768px) {
  .resultColumnTit {
		font-size: 24px;
		letter-spacing: 0.2em;
		margin: 80px 0 40px 0;
	}
}

.resultColumnLink {}
@media screen and (min-width:768px) {
  .resultColumnLink {}
}


/*---------------------------------

  ウイルス対策ページ

---------------------------------*/
.virusHeaderWrap {
	padding: 30px 0 40px 0;
}
@media screen and (min-width:768px) {
  .virusHeaderWrap {
		padding: 60px 0;
	}
}

.virusHeaderInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .virusHeaderInnerWrap {}
}

.virusHeaderTit {
	text-align: center;
}
@media screen and (min-width:768px) {
  .virusHeaderTit {}
}

.virusHeaderTitTop {
	font-family: 'Playfair Display', serif;
	color: #E9546B;
	font-size: 18px;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .virusHeaderTitTop {
		font-size: 21px;
	}
}

.virusHeaderTitBottom {
	font-family: 'Noto Serif JP', serif;
	font-size: 21px;
	letter-spacing: 0.2em;
	line-height: 1.3;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .virusHeaderTitBottom {
		font-size: 40px;
		margin-bottom: 110px;
	}
}

.virusHeaderTitPink {
	text-align: center;
	margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .virusHeaderTitPink {
		margin-bottom: 50px;
	}
}

.virusHeaderDetailsImg {
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .virusHeaderDetailsImg {}
}

.virusHeaderVideoWrap {
	overflow: hidden;
	margin-bottom: 40px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .virusHeaderVideoWrap {
		margin-bottom: 40px;
	}
}

.virusHeaderVideo {
	border-radius: 20px;
	max-width: 335px;
	max-height: 230px;
}
@media screen and (min-width:768px) {
  .virusHeaderVideo {
		width: 700px;
		height: 394px;
		max-width: unset;
		max-height: unset;
	}
}

.virusHeaderText {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.6;
	text-align: left;
}
@media screen and (min-width:768px) {
  .virusHeaderText {
		text-align: center;
		font-size: 20px;
	}
}

.virusFurdiWrap {
	background-color: #F2F2F2;
	padding: 30px 0 20px 0;
}
@media screen and (min-width:768px) {
  .virusFurdiWrap {
		padding: 60px 0 70px 0;
	}
}

.virusFurdiInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .virusFurdiInnerWrap {}
}

.virusCommonTit {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color: #E9546B;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	border-bottom: 2px solid #E9546B;
	display: inline-block;
	margin-bottom: 30px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding-bottom: 5px;
}
@media screen and (min-width:768px) {
  .virusCommonTit {
		margin-bottom: 50px;
	}
}

.virusFurdiDetails {
	display: flex;
	align-items: center;
}
@media screen and (min-width:768px) {
  .virusFurdiDetails {}
}

.virusCommonImgWrap {}
@media screen and (min-width:768px) {
  .virusCommonImgWrap {}
}

.virusCommonImg {
	border-radius: 20px;
}
@media screen and (min-width:768px) {
  .virusCommonImg {}
}

.virusFurdiDetailsText {
	margin-left: 10px;
}
@media screen and (min-width:768px) {
  .virusFurdiDetailsText {
		margin-left: 100px;
	}
}

.virusFurdiDetailsTextWrap {
	display: flex;
	font-size: 14px;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .virusFurdiDetailsTextWrap {
		font-size: 18px;
		margin-bottom: 20px;
	}
}

.virusFurdiDetailsTextBottom {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.2em;
	margin: 20px 0;
	text-align: center;
}
@media screen and (min-width:768px) {
  .virusFurdiDetailsTextBottom {
		font-size: 24px;
		margin: 50px 0;
		text-align: left;
	}
}

.virusCoatingWrap {
	padding: 30px 0 20px 0;
}
@media screen and (min-width:768px) {
  .virusCoatingWrap {
		padding: 60px 0 70px 0;
	}
}

.virusCoatingInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .virusCoatingInnerWrap {}
}

.virusCoatingDetails {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (min-width:768px) {
  .virusCoatingDetails {}
}

.virusCoatingDetailsText {
	max-width: 190px;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0;
}
@media screen and (min-width:768px) {
  .virusCoatingDetailsText {
		font-size: 18px;
		max-width: 610px;
	}
}

.virusOzoneWrap {
	background-color: #F2F2F2;
	padding: 30px 0 20px 0;
}
@media screen and (min-width:768px) {
  .virusOzoneWrap {
		padding: 60px 0 70px 0;
	}
}

.virusOzoneInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .virusOzoneInnerWrap {}
}

.virusOzoneDetails {
	display: flex;
	align-items: center;
}
@media screen and (min-width:768px) {
  .virusOzoneDetails {}
}

.virusOzoneDetailsText {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.6;
	margin-left: 10px;
	max-width: 190px;
}
@media screen and (min-width:768px) {
  .virusOzoneDetailsText {
		font-size: 18px;
		margin-left: 120px;
		max-width: unset;
	}
}

.virusOzoneDetailsTextNotes {
	font-size: 14px;
	color: #808080;
	letter-spacing: 0;
}
@media screen and (min-width:768px) {
  .virusOzoneDetailsTextNotes {
		font-size: 18px;
	}
}

.virusAlcoholWrap {
	padding: 30px 0 20px 0;
}
@media screen and (min-width:768px) {
  .virusAlcoholWrap {
		padding: 60px 0 70px 0;
	}
}

.virusAlcoholInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .virusAlcoholInnerWrap {}
}

.virusAlcoholDetails {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (min-width:768px) {
  .virusAlcoholDetails {}
}

.virusAlcoholDetailsText {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.6;
	max-width: 190px;
}
@media screen and (min-width:768px) {
  .virusAlcoholDetailsText {
		font-size: 18px;
		max-width: 610px;
	}
}

/*---------------------------------

	会社概要

---------------------------------*/
.companyMap {
  position: relative;
  width: 100%;
  max-height: 300px;
	margin-top: 60px;
}
@media screen and (min-width:768px) {
  .companyMap {}
}

/* Google Mapのiframe */
.companyMap iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
	max-height: 300px;
}
@media screen and (min-width:768px) {
  .companyMap iframe {}
}

/*---------------------------------

	採用情報

---------------------------------*/
/* サイドバー */
.sidebarRecruitWrap {
	display: none;
}
@media screen and (min-width:768px) {
  .sidebarRecruitWrap {
		display: inline-block;
		position: sticky;
		top: 150px;
		left: 10%;
		max-width: 1000px;
		margin: 0 auto;
		z-index: 15;
	}
}

.sidebarRecruitInnerWrap {
	padding: 30px;
}
@media screen and (min-width:768px) {
  .sidebarRecruitInnerWrap {}
}

.toc_widget_list li {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
}

.toc_widget_list li.current {
	position: relative;
}

.toc_widget_list li.current:before {
	content: '●';
	color: #E9546B;
	font-size: 16px;
	position: absolute;
	left: -20px;
}


.recruitPageWrap {}
@media screen and (min-width:768px) {
  .recruitPageWrap {}
}

.recruitContentWrap {
	position: relative;
}
@media screen and (min-width:768px) {
  .recruitContentWrap {
		top: -80px;
	}
}

.recruitMovieWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}
@media screen and (min-width:768px) {
  .recruitMovieWrap {
		padding: 70px 0;
	}
}

.recruitMovieInnerWrap {
	max-width: 700px;
	margin-left: auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .recruitMovieInnerWrap {}
}

.recruitMovieTit {
	font-family: 'Noto Serif JP', serif;
	font-size: 21px;
	margin-bottom: 20px;
	letter-spacing: 0.2em;
	text-align: center;
}
@media screen and (min-width:768px) {
  .recruitMovieTit {
		font-size: 40px;
		margin-left: 30px;
		margin-bottom: 70px;
		text-align: left;
	}
}

.recruitMovieDetails {
	max-width: 700px;
	margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .recruitMovieDetails {}
}

.recruitMovie {
	width: 100%;
	border-radius: 20px;
}
@media screen and (min-width:768px) {
  .recruitMovie {}
}

.recruitInterviewWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}
@media screen and (min-width:768px) {
  .recruitInterviewWrap {}
}

.recruitInterviewInnerWrap {
	max-width: 700px;
	margin-left: auto;
}
@media screen and (min-width:768px) {
  .recruitInterviewInnerWrap {}
}

.recruitCommonTit {
	font-family: 'Noto Serif JP', serif;
	font-size: 21px;
	color: #E9546B;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .recruitCommonTit {
		font-size: 40px;
		text-align: left;
		margin-bottom: 40px;
	}
}
/*追加2023.01.05*/
@media screen and (max-width:768px) {
	.recruitFlowInnerWrap iframe{
	width:90% !important;
	margin: 0 auto;
	display:block;
	}	
}
.recruitInterviewTitText {
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: 0.2em;
	margin-bottom: 40px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .recruitInterviewTitText {
		font-size: 24px;
		text-align: left;
	}
}

/*.recruitInterviewSlide {}
@media screen and (min-width:768px) {
  .recruitInterviewSlide {
		position: relative;
		left: -100px;
	}
}*/

.recruitInterviewDetailsWrap {
	border: 1px solid #F09082;
	border-radius: 10px;
	width: 335px;
	height: 580px;
	margin: 0 10px;
}
@media screen and (min-width:768px) {
  .recruitInterviewDetailsWrap {
		width: 500px;
		height: 580px;
	}
}

.recruitInterviewDetailsInnerWrap {
	padding: 30px 20px;
}
@media screen and (min-width:768px) {
  .recruitInterviewDetailsInnerWrap {}
}

.recruitInterviewDetailsImgWrap {
	margin: 0 auto 30px auto;
	max-width: 100px;
}
@media screen and (min-width:768px) {
  .recruitInterviewDetailsImgWrap {
		max-width: 200px;
	}
}

.recruitInterviewDetailsImg {
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	width: 100px;
	height: 100px;
}
@media screen and (min-width:768px) {
  .recruitInterviewDetailsImg {
		width: 150px;
		height: 150px;
	}
}

.recruitInterviewDetailsProfile {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	font-size: 13px;
	color: #fff;
	background-color: #E9546B;
	border-radius: 20px;
	padding: 5px 20px;
	margin-bottom: 20px;
	display: inline-block;
}
@media screen and (min-width:768px) {
  .recruitInterviewDetailsProfile {
		font-size: 18px;

	}
}

.recruitInterviewDetailsTit {
	display: inline-block;
	color: #E9546B;
	border-bottom: 1px solid #E9546B;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .recruitInterviewDetailsTit {
		color: #4D4D4D;
		border-bottom: none;
		font-size: 20px;
	}
}

.recruitInterviewDetailsText {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .recruitInterviewDetailsText {}
}

.recruitJobBg {
	padding: 40px 0;
	background-color: #F2F2F2;
}
@media screen and (min-width:768px) {
  .recruitJobBg {}
}

.recruitJobWrap {
	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .recruitJobWrap {}
}

.recruitJobInnerWrap {
	max-width: 700px;
	margin-left: auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .recruitJobInnerWrap {}
}

.recruitJobTitText {
	font-size: 13px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .recruitJobTitText {
		font-size: 24px;
		text-align: left;
	}
}

.recruitJobTitPlace {
	font-size: 10px;
	letter-spacing: 0.2em;
	margin: 20px 0;
	padding-bottom: 5px;
	border-bottom: 2px solid #E9546B;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (min-width:768px) {
  .recruitJobTitPlace {
		position: unset;
		transform: none;
		margin: 20px 0 30px 0;
		font-size: 24px;
	}
}

.recruitJobDetails {}
@media screen and (min-width:768px) {
  .recruitJobDetails {}
}

.recruitJobDetails p {
	margin-bottom: 1em;
}
@media screen and (min-width:768px) {
  .recruitJobDetails p {}
}

.recruitJobDetailsTit {
	position: relative;
	color: #000;
	font-size: 13px;
	font-weight: 700;
	background-color: #fff;
	padding: 20px 30px;
	border: 1px solid #E9546B;
	cursor: pointer;
}
@media screen and (min-width:768px) {
  .recruitJobDetailsTit {
		padding: 30px 40px;
		font-size: 16px;
	}
}

.recruitJobDetailsTit.active {
	display: block;
}
@media screen and (min-width:768px) {
  .recruitJobDetailsTit.active {}
}

.recruitJobDetailsTitIcon::after {
  content: '＋';
  font-size: 15px;
  color: #4D4D4D;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
}
@media screen and (min-width:768px) {
  .recruitJobDetailsTitIcon::after {
    font-size: 25px;
  }
}

.recruitJobDetailsTitIcon.active::after {
  content: '－';
}
@media screen and (min-width:768px) {
  .recruitJobDetailsTitIcon.active::after {}
}

.recruitJobDetailsListWrap {
	border: 1px solid #E9546B;
	display: none;
}
@media screen and (min-width:768px) {
  .recruitJobDetailsListWrap {}
}

.recruitJobDetailsListWrap.active {
	display: block;
}
@media screen and (min-width:768px) {
  .recruitJobDetailsListWrap.active {}
}

.recruitJobDetailsList {}
@media screen and (min-width:768px) {
  .recruitJobDetailsList {
		display: flex;
		border-bottom: 2px dotted #CBCBCB;
	}
}

.recruitJobDetailsList:last-child {
	border-bottom: none;
}

.recruitJobDetailsListTit {
	color: #E9546B;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.2em;
	padding: 20px 30px;
	background-color: #FFEAE5;
}
@media screen and (min-width:768px) {
  .recruitJobDetailsListTit {
		font-size: 16px;
		width: 30%;
		padding: 20px 40px;
	}
}

.recruitJobDetailsListText {
	background-color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	padding: 20px 30px;
}
@media screen and (min-width:768px) {
  .recruitJobDetailsListText {
		font-size: 14px;
		width: 70%;
		padding: 20px 40px;
	}
}

.recruitFlowWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}
@media screen and (min-width:768px) {
  .recruitFlowWrap {
		padding: 70px 0;
	}
}

.recruitFlowInnerWrap {
	max-width: 700px;
	margin-left: auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .recruitFlowInnerWrap {}
}

.recruitFlowList {
	padding: 20px 0;
	border-bottom: 2px dotted #CBCBCB;
}
@media screen and (min-width:768px) {
  .recruitFlowList {
		padding: 40px 0;
	}
}

.recruitFlowListTit {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .recruitFlowListTit {}
}

.recruitFlowListStep {
	font-size: 12px;
	color: #fff;
	background-color: #E9546B;
	border-radius: 20px;
	padding: 5px 20px;
	display: inline-block;
}
@media screen and (min-width:768px) {
  .recruitFlowListStep {
		font-size: 20px;
	}
}

.recruitFlowListTitText {
	color: #E9546B;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.2em;
	margin-left: 30px;
}
@media screen and (min-width:768px) {
  .recruitFlowListTitText {
		font-size: 16px;
	}
}

.recruitFlowListText {
	font-size: 10px;
	font-weight: 400;
	line-height: 1.5;
}
@media screen and (min-width:768px) {
  .recruitFlowListText {
		font-size: 15px;
	}
}

.recruitEntryWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
	text-align: center;
}
@media screen and (min-width:768px) {
  .recruitEntryWrap {
		padding: 70px 0 180px 0;
	}
}

.recruitEntryInnerWrap {
	max-width: 700px;
	margin-left: auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .recruitEntryInnerWrap {}
}

.recruitEntryTit {
	display: none;
}
@media screen and (min-width:768px) {
  .recruitEntryTit {}
}

.recruitEntryText {
	font-size: 10px;
	font-weight: 400;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .recruitEntryText {
		font-size: 15px;
	}
}

/*---------------------------------

	出店物件募集

---------------------------------*/
.propertyDetailsWrap {
	background-color: #FFEAE5;
	padding: 40px 0 0 0;
	margin-bottom: 70px;
}
@media screen and (min-width:768px) {
  .propertyDetailsWrap {
		padding: 40px 0 50px 0;
	}
}

.propertyDetailsInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .propertyDetailsInnerWrap {}
}

.propertyDetailsTit {
	font-size: 14px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .propertyDetailsTit {
		font-size: 24px;
	}
}

.propertyDetailsTextWrap {
	background-color: #fff;
	border-radius: 20px;
	text-align: left;
	padding: 10px 20px;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .propertyDetailsTextWrap {
		text-align: center;
		padding: 30px 0;
	}
}

.propertyDetailsText {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
}
@media screen and (min-width:768px) {
  .propertyDetailsText {
		font-size: 16px;
	}
}

.propertyDetailsContact {
	background-color: #fff;
	padding-top: 30px;
}
@media screen and (min-width:768px) {
  .propertyDetailsContact {
		background-color: unset;
		padding-top: 0;
	}
}

.propertyDetailsContactTit {
	font-size: 14px;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .propertyDetailsContactTit {
		font-size: 24px;
	}
}

.propertyDetailsContactText {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
@media screen and (min-width:768px) {
  .propertyDetailsContactText {
		font-size: 16px;
	}
}

/*---------------------------------

  よくある質問

---------------------------------*/
.faqWrap {
  padding: 40px 0;
}
@media screen and (min-width:768px) {
  .faqWrap {
    padding: 70px 0;
  }
}

.faqHead {
	margin: 20px 0;
}
@media screen and (min-width:768px) {
  .faqHead {
		margin: 50px 0;
	}
}

.faqQuestion {
  position: relative;
	background-color: #F2F2F2;
  display: flex;
  align-items: center;
  padding: 15px 15px;
  cursor: pointer;
}
@media screen and (min-width:768px) {
  .faqQuestion {
    padding: 15px 40px;
  }
}

.faqAnswer {
  background-color: #fff;
  display: flex;
  align-items: flex-start;
  padding: 15px;
}
@media screen and (min-width:768px) {
  .faqAnswer {
    padding: 15px 40px;
  }
}

/*---------------------------------

  お問い合わせ

---------------------------------*/
.contactPinkBtnWrap {
	margin-top: 20px;
}
@media screen and (min-width:768px) {
	.contactPinkBtnWrap {}
}

.contactPinkBtnWrap input {
	border: none;
}
@media screen and (min-width:768px) {
	.contactPinkBtnWrap input {}
}

/*---------------------------------

  投稿一覧

---------------------------------*/
/* ページネーション */
.wp-pagenavi {
	text-align: center;
	margin: 20px auto;
	width: 100%;
}
@media screen and (min-width:768px) {
  .wp-pagenavi {
		margin: 0 auto;
	}
}

.wp-pagenavi a {
	color: #E9546B;
	font-size: 20px;
	margin: 0 10px;
}
@media screen and (min-width:768px) {
  .wp-pagenavi a {}
}

.wp-pagenavi .current {
	background-color: #FFB8A9;
	color: #fff;
	font-size: 20px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width:768px) {
  .wp-pagenavi .current {}
}

/* サイドバー */
.columnSingleSidebarArea {
	padding: 0 10px;
}
@media screen and (min-width:768px) {
	.columnSingleSidebarArea {
		padding: 0;
		max-width: 240px;
	}
}

.widget {
	padding-bottom: 20px;
}

.columnSingleSidebarArea .widget_text:last-of-type {
	/* border-bottom: 1px solid #999; */
}

.columnSingleSidebarArea .widget_media_image:last-child {
	/* border-bottom: 1px solid #999; */
}

.popular-posts {
	/* border-bottom: 1px solid #999; */
}

.widget_categories {
	/* border-bottom: 1px solid #999; */
}


.widget a:hover {
	border: 0;
	opacity: 0.7;
}

.widget_media_image {
	margin-bottom: 20px;
}

.widget_media_image img {
	width: 100%;
}

.widget_text p {
	font-size: 18px;
	font-weight: 700;
	margin-top: 0;
}

.columnSingle .widget_text p {
	font-size: 18px;
	font-weight: 700;
	margin-top: 0;
}

.widget_text img {
	width: 100%;
	height: auto;
	position: relative;
}

.widget_text img::before {
	content: '';
	display: block;
	width: 100%;
	height: auto;
}

.widget_text-inner {
	position: relative;
}

.widget_text h2 {
	position: absolute;
	bottom: 0;
	padding: 0 5px 5px 5px;
	margin-bottom: 0;
	color: #fff;
	border: 0;
	border-radius: 0;
	background-color: unset;
	font-size: 14px;
	z-index: 1;
	pointer-events: none;
	background-color: rgba(52, 52, 54, .65);
	background-attachment: fixed;
}

.columnSingle .widget_text h2 {
	position: absolute;
	bottom: 6px;
	padding: 5px;
	margin-bottom: 0;
	color: #fff;
	border: 0;
	border-radius: 0;
	background-color: unset;
	font-size: 14px;
	z-index: 1;
	pointer-events: none;
	background-color: rgba(52, 52, 54, .65);
	background-attachment: fixed;
}

.widget_post .widget_text h2 {
	width: 300px;
}

.widget_text a {
	color: #fff;
}

.columnSingle .widget_text p {
	padding: 0;
}

.columnSingle .popular-posts h2 {
	padding: 0;
	color: #000;
	border: 0;
	border-radius: 0;
	margin-top: 20px;
}

/* コラムカテゴリー */
.widget_categories {
	padding-top: 20px;
}

.widget_categories ul {
	margin-top: 0;
	display: none;
}
@media screen and (min-width:768px) {
	.widget_categories ul {
		margin-top: 20px;
		display: block;
	}
}

.widget_categories ul li {
	font-size: 1rem;
	padding: 0;
	line-height: 1;
	list-style: none;
}

.widget_categories ul li::before {
	content: "";
}

.widget_categories .widgettitle {
	position: relative;
  color: #fff;
  font-size: 16px;
  background-color: #e9546b;
  padding: 10px 30px;
  max-width: 300px;
	border: none;
	border-radius: 0;
  margin: 0 auto;
	padding: 10px 30px;
	padding-bottom: 10px;
	display: none;
	line-height: 1.5;
	font-weight: 700;
}
@media screen and (min-width:768px) {
	.widget_categories .widgettitle {
		background-color: #fff;
		color: #e9546b;
		font-size: 25px;
		letter-spacing: .2em;
		border-bottom: 2px solid #e9546b;
		padding: 0;
		margin-bottom: 30px;
		display: block;
	}
}

.widget_custom_html {
	margin-top: 20px;
}

/*人気記事一覧*/
.widget_post .widget_text {
    position: relative;
		font-size: 16px;
}

.widget_post .widget_text .widget_text-inner {
	display: flex;
	flex-flow: row-reverse;
}

.widget_post .widget_text:hover {
		border-bottom: 0;
		opacity: 0.7;
}

/*記事タイトル*/
.widget_post .widget_text h2 {
		position: relative;
    display: block;
    text-decoration: none;
    font-size: 12px;
    color: #333;
		pointer-events: auto;
		background-color: #fff;
}

.widget_post .widget_text a {
	color: #000!important;
}

.widget_post .widget_text a:hover {
	opacity: 1;
}

/*アイキャッチ*/
.widget_post .widget_text img {}
/*ランキングカウンター*/
.widget_post .widget_text::before {
	content: '';
	display: none;
}

.widget_post .widget_text h2:before {
    display: block;
		background-color: #999;
		color: #fff;
		text-align: center;
		width: 22px;
		height: 22px;
		margin-bottom: 5px;
		font-size: 16px;
}
/*ランキング1〜4*/
.widget_post .widget_text:nth-child(1) h2:before{
		content: '1';
}
.widget_post .widget_text:nth-child(2) h2:before{
		content: '2';
}
.widget_post .widget_text:nth-child(3) h2:before{
		content: '3';
}
.widget_post .widget_text:nth-child(4) h2:before{
		content: '4';
}
.widget_post .widget_text:nth-child(5) h2:before{
		content: '5';
}


.sidebarWrap {
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .sidebarWrap {
		/* position: sticky;
		top: 120px; */
		min-width: 210px;
		height: fit-content;
		margin-bottom: 0;
	}
}

.sidebarTit {
	color: #E9546B;
	font-size: 25px;
	letter-spacing: 0.2em;
	border-bottom: 2px solid #E9546B;
	padding-bottom: 10px;
	margin-bottom: 30px;
	display: none;
}
@media screen and (min-width:768px) {
	.sidebarTit {
		display: block;
	}
}

.sidebarSp {
	position: relative;
	color: #fff;
	font-size: 16px;
	background-color: #E9546B;
	padding: 10px 30px;
	max-width: 300px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .sidebarSp {
		display: none;
	}
}

.sidebarSpAngle {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
@media screen and (min-width:768px) {
  .sidebarSpAngle {}
}

.sidebarDetails {
	display: none;
}
@media screen and (min-width:768px) {
  .sidebarDetails {
		display: block;
	}
}

.sidebarDetails.active {
	display: block
}

.cat-item {}
@media screen and (min-width:768px) {
  .cat-item {}
}

.cat-item a {
	padding: 10px 30px;
	background-color: #F2F2F2;
	color: #E9546B;
	display: block;
	max-width: 300px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .cat-item a {
		background-color: #fff;
		margin: 0;
		margin-bottom: 30px;
		padding: 0;
		color: #E9546B;
		display: inline-block;
	}
}

.current-cat a {
	color: #E9546B;
}
@media screen and (min-width:768px) {
  .current-cat a {
		background-color: #E9546B;
		border-radius: 20px;
		color: #fff;
		padding: 5px 20px;
		display: inline-block;
	}
}

.current-cat {}
@media screen and (min-width:768px) {
  .current-cat {}
}

.newsWrap {
	padding: 40px 0 50px 0;
}
@media screen and (min-width:768px) {
  .newsWrap {
		padding: 120px 0 100px 0;
	}
}

.newsInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .newsInnerWrap {
		display: flex;
		justify-content: space-between;
		flex-flow: row-reverse;
	}
}

.newsArticleWrap {}
@media screen and (min-width:768px) {
  .newsArticleWrap {}
}

.newsArticle:nth-child(2n) {
	background-color: #F2F2F2;
}

.newsArticle {}
@media screen and (min-width:768px) {
  .newsArticle {
		max-width: 680px;
	}
}

.newsLink {
	display: block;
	padding: 30px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .newsLink {
		padding: 20px 60px;
	}
}

.newsLink:hover {
	opacity: 0.6;
}

.newsDataList {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}
@media screen and (min-width:768px) {
  .newsDataList {}
}

.newsDate {
	font-size: 12px;
	font-weight: 400;
}
@media screen and (min-width:768px) {
  .newsDate {}
}

.newsCategory {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	background-color: #E9546B;
	border-radius: 20px;
	padding: 5px 10px;
	margin-left: 10px;
}
@media screen and (min-width:768px) {
  .newsCategory {}
}

.newsTit {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.6;
}
@media screen and (min-width:768px) {
  .newsTit {
		font-size: 16px;
	}
}

/*---------------------------------

  ニュース記事

---------------------------------*/
.newsSinglePageTit {
	text-align: center;
	padding: 30px 0 40px 0;
}
@media screen and (min-width:768px) {
  .newsSinglePageTit {
		padding: 70px 0 100px 0;
	}
}

.newsSinglePageTitTop {
	font-family: 'Playfair Display', serif;
	font-weight: 500;
	font-size: 22px;
	color: #E9546B;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .newsSinglePageTitTop {}
}

.newsSinglePageTitBottom {
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 40px;
	letter-spacing: 0.2em;
}
@media screen and (min-width:768px) {
  .newsSinglePageTitBottom {}
}

.newsSingleWrap {}
@media screen and (min-width:768px) {
  .newsSingleWrap {}
}

.newsSingleInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .newsSingleInnerWrap {}
}

.newsSingleTit {
	position: relative;
	text-align: center;
}
@media screen and (min-width:768px) {
  .newsSingleTit {}
}

.newsSingleCategory {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	color: #fff;
	padding: 5px 20px;
	background-color: #FFB8A9;
	border-radius: 20px;
	display: inline-block;
}
@media screen and (min-width:768px) {
  .newsSingleCategory {}
}

.newsSingleTitText {
	background-color: #E9546B;
	color: #fff;
	padding: 30px 0 20px 0;
}
@media screen and (min-width:768px) {
  .newsSingleTitText {}
}

.newsSingleThumbnail {
	width: 100%;
}
@media screen and (min-width:768px) {
  .newsSingleThumbnail {}
}

.newsSingleThumbnail img {
	height: auto;
}
@media screen and (min-width:768px) {
  .newsSingleThumbnail img {}
}

.newsSingleContent {
	padding: 0 10px 50px 10px;
}
@media screen and (min-width:768px) {
  .newsSingleContent {}
}

.newsSingleDate {
	color: #E9546B;
	font-size: 14px;
	padding: 5px 10px;
	background-color: #FFEAE5;
	border-radius: 20px;
	margin: 30px 0;
	display: inline-block;
}
@media screen and (min-width:768px) {
  .newsSingleDate {}
}

.newsSingleContentDetails {
    line-height:1.8;
}
@media screen and (min-width:768px) {
  .newsSingleContentDetails {}
}

.newsSingleBtnWrap {
	margin-bottom: 120px;
}
@media screen and (min-width:768px) {
  .newsSingleBtnWrap {}
}

.newsSinglePinkBtn {
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .newsSinglePinkBtn {}
}

.pinkBtnAngleSingle {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
@media screen and (min-width:768px) {
  .pinkBtnAngleSingle {}
}

/*---------------------------------

  コラム一覧

---------------------------------*/
.columnWrap {
/* 	padding: 40px 0 50px 0; */
	padding: 12px 0 50px 0;
}
@media screen and (min-width:768px) {
  .columnWrap {
/* 		padding: 120px 0 100px 0; */
	  padding: 35px 0 100px 0;
	}
}

.columnInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .columnInnerWrap {
		display: flex;
		justify-content: flex-start;
	}
}

.columnArticleWrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (min-width:768px) {
  .columnArticleWrap {
		margin-right: auto;
		justify-content: flex-start;
		max-width: 780px;
	}
}

.columnArticle {
	width: 48%;
}
@media screen and (min-width:768px) {
  .columnArticle {
		width: unset;
		max-width: 200px;
		margin-left: 20px;
	}
}

.columnLink {
	display: block;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .columnLink {}
}

.columnLink:hover {
	opacity: 0.6;
}

.columnLink:hover .columnThumnail img {
	transform: scale(1.1);
}

.columnDataList {
	padding-bottom: 20px;
}
@media screen and (min-width:768px) {
  .columnDataList {
		padding-bottom: 60px;
	}
}

.columnThumnail {
	overflow: hidden;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .columnThumnail {
		max-width: 200px;
	}
}

.columnThumnail img {
	object-fit: cover;
	object-position: center;
	height: 120px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .columnThumnail img {
		height: 140px;
	}
}

.columnDate {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .columnDate {}
}

.columnTit {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .columnTit {}
}

.columnCategory {
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	background-color: #E9546B;
	border-radius: 20px;
	padding: 5px 10px;
	margin-bottom: 10px;
	display: inline-block;
	word-break: keep-all;
}
@media screen and (min-width:768px) {
  .columnCategory {
		font-size: 12px;
	}
}

/*---------------------------------

  コラム記事

---------------------------------*/
.columnSingle p {
	padding: 0 10px;
	font-weight: normal;
}
@media screen and (min-width:768px) {
  .columnSingle p {
		padding: 0 20px;
	}
}

.columnSingle .sample p {
	margin: 2em auto;
}
@media screen and (min-width:768px) {
  .columnSingle .sample p {}
}

.columnSingle h2 {
	background-color: #fff;
	color: #E9546B;
	padding: 15px 40px;
	border: 4px solid #E9546B;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
}
@media screen and (min-width:768px) {
  .columnSingle h2 {}
}

.columnSingle h3, .columnSingle h4, .columnSingle h5 {
	font-size: 16px;
	font-weight: 700;
}
@media screen and (min-width:768px) {
  .columnSingle h3, .columnSingle h4, .columnSingle h5 {}
}

.columnSingle .outline {
	background-color: #F2F2F2;
	border: none;
}
@media screen and (min-width:768px) {
  .columnSingle .outline {
		display: flex;
	}
}

.columnSingle .outline__title {
	color: #E9546B;
	font-size: 18px;
	font-weight: 700;
	background-color: #FFCDC3;
	margin-top: 20px;
	padding: 10px 20px;
	height: fit-content;
}
@media screen and (min-width:768px) {
  .columnSingle .outline__title {}
}

.columnSingle .outline__switch {
	display: none;
}
@media screen and (min-width:768px) {
  .columnSingle .outline__switch {}
}

.columnSingle .outline__list {
	padding: 20px;
}
@media screen and (min-width:768px) {
  .columnSingle .outline__list {
		padding: 0;
		margin-left: 35px!important;
	}
}

.columnSingle .outline__link {
	font-size: 16px;
}
@media screen and (min-width:768px) {
  .columnSingle .outline__link {}
}

.columnSingle .outline__list-3 {
	font-size: 14px;
}
@media screen and (min-width:768px) {
	.columnSingle .outline__list-3 {}
}

.columnSingle .outline ul li {
	padding: 0;
}
@media screen and (min-width:768px) {
  .columnSingle .outline ul li {}
}

.columnSingle .outline__number {
	background-color: unset;
	color: #E9546B;
}
@media screen and (min-width:768px) {
  .columnSingle .outline__number {}
}

.columnSingle .outline__link {
	color: #E9546B!important;
	font-size: 14px;
	transition: ease 0.3s;
	text-indent: -13px;
    margin-left: 14px;
}
@media screen and (min-width:768px) {
  .columnSingle .outline__link {}
}

.columnSingle .outline__link:hover {
	opacity: 0.6;
}

.outline__list-2 > .outline__item > .outline__link {
	font-size: 16px;
	font-weight: 700;
	text-indent: -12px;
    margin-left: 16px;
}
@media screen and (min-width:768px) {
	.outline__list-2 > .outline__item > .outline__link {}
}

.columnSingle #author_profile2 {
	border: 1px solid #E9546B;
}
@media screen and (min-width:768px) {
	.columnSingle #author_profile2 {}
}

.columnSingle #author_profile2 .label2 {
	max-width: 1000px;
	background-color: #E9546B;
}
@media screen and (min-width:768px) {
	.columnSingle #author_profile2 .label2 {}
}

.columnSingle #author_profile2 p.label2 {
	margin-bottom: 0;
}
@media screen and (min-width:768px) {
	.columnSingle #author_profile2 p.label2 {}
}

.columnSingle #author_profile2 img {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	margin-top: 70px;
}
@media screen and (min-width:768px) {
	.columnSingle #author_profile2 img {}
}

.columnSingle #author_profile2 .left2::before {
	content: "Editor";
	color: #E9546B;
	font-size: 21px;
	font-weight: 700;
	border-bottom: 2px solid #E9546B;
	margin-bottom: 30px;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (min-width:768px) {
	.columnSingle #author_profile2 .left2::before {
		top: 120px;
	}
}

.columnSingle #author_profile2 .left2 {
	position: relative;
	background-color: #FFF1EE;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	width: 100%;
}
@media screen and (min-width:768px) {
	.columnSingle #author_profile2 .left2 {
		width: 45%;
		height: 460px
	}
}

.columnSingle #author_profile2 .right2 {
	width: 90%;
	padding: 10px 30px;
}
@media screen and (min-width:768px) {
  .columnSingle #author_profile2 .right2 {
		width: 45%;
	}
}

.columnSingle .flame27 {
	box-sizing:border-box;
}
@media screen and (min-width:768px) {
	.columnSingle .flame27 {
		padding: 1em;
	}
}

.columnSinglePageTit {
	text-align: center;
	padding: 30px 0 40px 0;
}
@media screen and (min-width:768px) {
  .columnSinglePageTit {
		padding: 70px 0 100px 0;
	}
}

.columnSinglePageTitTop {
	font-family: 'Playfair Display', serif;
	font-weight: 500;
	font-size: 22px;
	color: #E9546B;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .columnSinglePageTitTop {}
}

.columnSinglePageTitBottom {
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 40px;
	letter-spacing: 0.2em;
}
@media screen and (min-width:768px) {
  .columnSinglePageTitBottom {}
}

.columnSingleWrap {
/* 	padding: 60px 0 100px 0; */
	padding: 24px 0 100px 0;
}
@media screen and (min-width:768px) {
  .columnSingleWrap {}
}

.columnSingleInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .columnSingleInnerWrap {
		display: flex;
	}
}

.columnSingleContentWrap {
	max-width: 700px;
	margin-right: auto;
}
@media screen and (min-width:768px) {
  .columnSingleContentWrap {}
}

.columnSingleTit {
	position: relative;
	text-align: center;
}
@media screen and (min-width:768px) {
  .columnSingleTit {}
}

.columnSingleCategory {
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	color: #fff;
	padding: 5px 20px;
	background-color: #FFB8A9;
	border-radius: 20px;
	display: inline-block;
	word-break: keep-all;
}
@media screen and (min-width:768px) {
  .columnSingleCategory {}
}

.columnSingleTitText {
	background-color: #E9546B;
	color: #fff;
	padding: 30px 0 20px 0;
}
@media screen and (min-width:768px) {
  .columnSingleTitText {}
}

.columnSingleThumbnail {
	width: 100%;
}
@media screen and (min-width:768px) {
  .columnSingleThumbnail {}
}

.columnSingleThumbnail img {
	width: 100%;
	height: auto;
}
@media screen and (min-width:768px) {
  .columnSingleThumbnail img {}
}

.columnSingleContent {
	padding: 0 10px 50px 10px;
	color: #4D4D4D;
}
@media screen and (min-width:768px) {
  .columnSingleContent {}
}
.columnSingleContent strong,.columnSingleContent b {
	font-weight:bold;
}
.columnSingleContent a {
	color: #0000ee;
}
@media screen and (min-width:768px) {
  .columnSingleContent a {}
}

.columnSingleDate {
	color: #E9546B;
	font-size: 14px;
	padding: 5px 10px;
	background-color: #FFEAE5;
	border-radius: 20px;
	margin: 30px 0;
	display: inline-block;
}
@media screen and (min-width:768px) {
  .columnSingleDate {}
}

.columnSingleContentDetails {}
@media screen and (min-width:768px) {
  .columnSingleContentDetails {}
}

.columnSinglePresentWrap {
	padding-bottom: 50px;
}
@media screen and (min-width:768px) {
  .columnSinglePresentWrap {}
}

.columnSinglePresentInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .columnSinglePresentInnerWrap {}
}

.columnSinglePresent {
	position: relative;
	padding: 20px 0;
}
@media screen and (min-width:768px) {
  .columnSinglePresent {
		display: flex;
		align-items: stretch;
	}
}

.columnSinglePresentTit {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: 700;
	background-color: #FFDBD4;
	text-align: left;
	padding: 20px;
	letter-spacing: 0.2em;
}
@media screen and (min-width:768px) {
  .columnSinglePresentTit {
		width: 30%;
		background-color: #E9546B;
		text-align: center;
	}
}

.columnSinglePresentTitTop {
	font-size: 18px;
	display: inline-block;
	border-bottom: 2px solid #fff;
	margin-bottom: 10px;
	margin-left: 14px;
}
@media screen and (min-width:768px) {
  .columnSinglePresentTitTop {
		color: #fff;
		margin-left: 0;
	}
}

.columnSinglePresentTitBottom {
	color: #E9546B;
	font-size: 36px;
}
@media screen and (min-width:768px) {
  .columnSinglePresentTitBottom {
		color: #FCEE21;
		font-size: 26px;
	}
}

.columnSinglePresentText {
	background-color: #FFDBD4;
	font-size: 16px;
	line-height: 1.5;
	padding: 0 20px 20px 20px;
}
@media screen and (min-width:768px) {
  .columnSinglePresentText {
		width: 70%;
		padding: 30px;
	}
}

.columnSinglePresentBook {
	position: absolute;
	right: 10px;
	bottom: 40px;
	width: 120px;
}
@media screen and (min-width:768px) {
  .columnSinglePresentBook {
		right: 40px;
		bottom: 20px;
		width: unset;
	}
}

.columnSinglePostsConnection {
	background-color: #F2F2F2;
	padding: 20px 0;
}
@media screen and (min-width:768px) {
  .columnSinglePostsConnection {}
}

.columnSinglePostsPopular {
	padding: 20px 0;
}
@media screen and (min-width:768px) {
  .columnSinglePostsPopular {}
}

.columnSinglePostsDetailsTit {
	font-size: 18px;
	color: #E9546B;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .columnSinglePostsDetailsTit {}
}

.columnSinglePosts {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .columnSinglePosts {
		flex-wrap: nowrap;
	}
}

.columnSinglePostsArticleWrap {}
@media screen and (min-width:768px) {
  .columnSinglePostsArticleWrap {}
}

.columnSinglePostsArticle {
	width: 45%;
}
@media screen and (min-width:768px) {
  .columnSinglePostsArticle {
		width: 23%;
		max-width: 200px;
	}
}

.columnSinglePostsLink {
	display: block;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .columnSinglePostsLink {}
}

.columnSinglePostsLink:hover {
	opacity: 0.6;
}

.columnSinglePostsLink:hover .columnSinglePostsThumnail img {
	transform: scale(1.1);
}

.columnSinglePostsDataList {}
@media screen and (min-width:768px) {
  .columnSinglePostsDataList {}
}

.columnSinglePostsThumnail {
	overflow: hidden;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .columnSinglePostsThumnail {
		max-width: 200px;
	}
}

.columnSinglePostsThumnail img {
	object-fit: cover;
	object-position: center;
	height: 120px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .columnSinglePostsThumnail img {
		height: 140px;
	}
}

.columnSinglePostsDate {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .columnSinglePostsDate {}
}

.columnSinglePostsTit {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 10px;
	text-align: left;
}
@media screen and (min-width:768px) {
  .columnSinglePostsTit {}
}

.columnSinglePostsCategory {
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	background-color: #E9546B;
	border-radius: 20px;
	padding: 5px 10px;
	margin-bottom: 10px;
	display: inline-block;
	word-break: keep-all;
}
@media screen and (min-width:768px) {
  .columnSinglePostsCategory {
		font-size: 12px;
	}
}

.w_b_name {
	display: none;
}

/*-------------------------
  ブログカード
-------------------------*/
a.tmt-blog-card {
  border: 1px solid #e1e1e1;
  box-shadow: 2px 2px #ddd;
  display: block;
  padding: 20px;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	max-width: 700px;
	margin: 0 auto;
	margin-top: 30px!important;
}
  a.tmt-blog-card::before {
    background-color: #505050;
    border: solid 1px #939393;
    color: #FFF;
    content: '合わせて読みたい';
    font-size: 12px;
    display: block;
    padding: 4px 20px;
    position: absolute;
    top: -15px;
    left: 25px;
  }
  a.tmt-blog-card::after {
    border: solid 1px #939393;
    color: #939393;
    content: '続きを読む';
    font-size: 14px;
    display: block;
    padding: 5px 20px;
    position: absolute;
    bottom: 10px;
    right: 20px;
  }
  a.tmt-blog-card:hover {
    box-shadow: none;
    opacity: .8;
		border-bottom: 1px solid #939393;
		border: 1px solid #939393;
  }
.tmt-blog-card-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
	margin-top:30px;
}
  .tmt-blog-card-title {
    font-size: 18px;
    font-weight: 600;
    color: #428bca;
    padding-bottom: 5px;
  }
  .tmt-blog-card-thumbnail {
    flex: 1;
    margin-right: 15px;
    padding-top: 5px;
  }
    .tmt-blog-card-thumbnail img {
      width: 100%;
			object-fit: cover;
			object-position: center;
    }
  .tmt-blog-card-content {
    flex: 2.5;
  }
  .tmt-blog-card-excerpt {
    color: #a4a4a4;
    font-size: 13px;
    padding-bottom: 15px;
  }
  .tmt-blog-card-site {
    color: #b2b2b2;
    font-size: 11px;
    padding-left: 5px;
  }
    .tmt-blog-card-site img {
      margin-right: 5px;
      vertical-align: bottom;
      width: 20px;
    }
@media (max-width: 980px) {
  .tmt-blog-card-excerpt {}
}
@media (max-width: 640px) {
  a.tmt-blog-card {
    padding: 10px 10px 20px 10px;
  }
  a.tmt-blog-card::before {
    font-size: 11px;
    padding: 2.5px 8px;
    top: -15px;
    left: 10px;
  }
  a.tmt-blog-card::after {
    font-size: 12px;
    padding: 2px 13px;
    right: 10px;
  }
  .tmt-blog-card-thumbnail {
    margin-right: 10px;
    padding-top: 10px;
  }
  .tmt-blog-card-title {
    font-size: 14px;
  }
  .tmt-blog-card-excerpt {}
}

/*---------------------------------

  スタジオ

---------------------------------*/
.studioListWrap {
	padding: 70px 0 50px 0;
}
@media screen and (min-width:768px) {
  .studioListWrap {}
}

.studioListInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .studioListInnerWrap {}
}

.studioListTit {
	font-size: 21px;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .studioListTit {
		font-size: 24px;
	}
}

.studioImageMap {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (min-width:768px) {
  .studioImageMap {}
}

.studioListSelectBtnWrap {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 800px;
	margin: 0 auto;
}
@media screen and (min-width:768px) {
  .studioListSelectBtnWrap {
		justify-content: space-between;
	}
}

.studioListSelectBtnWrap::after {
  content: '';
  width: 100%;
}
@media screen and (min-width:768px) {
	.studioListSelectBtnWrap::after {
	  content: '';
	  width: unset;
	}
}

.studioListSelectBtn {
	cursor: pointer;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .studioListSelectBtn {}
}

.studioListSelectBtn:hover {
	opacity: 0.6;
}

/* .studioListSelectBtn {
	width: 80px;
	height: 80px;
	background-color: #F2F2F2;
	border-radius: 50%;
	color: #E9546B;
	font-size: 18px;
	letter-spacing: 0.2em;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
  .studioListSelectBtn {
		font-size: 22px;
		width: 90px;
		height: 90px;
	}
}

.studioListSelectBtn:nth-child(n+4) {
    order: 1;
}
@media screen and (min-width:768px) {
	.studioListSelectBtn:nth-child(n+4) {
	    order: 0;
	}
}

.studioListSelectBtn.active {
	background-color: #E9546B;
	color: #fff;
}
@media screen and (min-width:768px) {
  .studioListSelectBtn.active {}
} */

.studioListArea {
	display: none;
}
@media screen and (min-width:768px) {
  .studioListArea {
		margin: 70px 0;
	}
}

.studioListArea.active {
	display: block;
}
@media screen and (min-width:768px) {
  .studioListArea.active {}
}

.studioListAreaWrap {}
@media screen and (min-width:768px) {
  .studioListAreaWrap {}
}

.studioListAreaTitWrap {
	text-align: center;
	background-color: #E9546B;
	padding: 20px 0;
	margin-top: 20px;
	cursor: pointer;
}
@media screen and (min-width:768px) {
  .studioListAreaTitWrap {}
}

.studioListAreaTit {
	position: relative;
	color: #fff;
}
@media screen and (min-width:768px) {
  .studioListAreaTit {}
}

.studioListAreaTitIcon::after {
  content: '＋';
  font-size: 15px;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
}
@media screen and (min-width:768px) {
  .studioListAreaTitIcon::after {
    font-size: 25px;
  }
}

.studioListAreaTitIcon.active::after {
  content: '－';
}
@media screen and (min-width:768px) {
  .studioListAreaTitIcon.active::after {}
}

.studioListNone {
	padding: 50px 0;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-weight: 700;
  color: #aaa;
}
@media screen and (min-width:768px) {
  .studioListNone {
		padding: 100px 0;
		font-size: 24px;
	}
}

.studioListPlaceWrap {
	display: none;
}
@media screen and (min-width:768px) {
  .studioListPlaceWrap {}
}

.studioListPlaceInnerWrap {}
@media screen and (min-width:768px) {
  .studioListPlaceInnerWrap {}
}

.studioListPlaceTit {
	position: relative;
	display: block;
	background-color: #FFEAE5;
	color: #E9546B;
	padding: 20px 0;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .studioListPlaceTit {}
}

.studioListPlaceTitIcon::after {
  content: '＋';
  font-size: 15px;
  color: #E9546B;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
}
@media screen and (min-width:768px) {
  .studioListPlaceTitIcon::after {
    font-size: 25px;
  }
}

.studioListPlaceTitIcon.active::after {
  content: '－';
}
@media screen and (min-width:768px) {
  .studioListPlaceTitIcon.active::after {}
}

.studioListPlaceDetailsWrap {
	padding: 40px 0;
	display: none;
}
@media screen and (min-width:768px) {
  .studioListPlaceDetailsWrap {}
}

.studioListPlaceDetails {}
@media screen and (min-width:768px) {
  .studioListPlaceDetails {
		display: flex;
	}
}

.studioListPlaceImgWrap {}
@media screen and (min-width:768px) {
  .studioListPlaceImgWrap {
		width: 50%;
	}
}

.studioListPlaceImg {
	border-radius: 20px;
}
@media screen and (min-width:768px) {
  .studioListPlaceImg {}
}

.studioDetails {
	padding: 30px;
}
@media screen and (min-width:768px) {
  .studioDetails {}
}

.studioDetailsText {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .studioDetailsText {}
}

.studioDetailsIcon {
	margin-right: 20px;
}
@media screen and (min-width:768px) {
  .studioDetailsIcon {}
}

.studioPinkBtnWrap {}
@media screen and (min-width:768px) {
  .studioPinkBtnWrap {}
}

.studioWrap {}
@media screen and (min-width:768px) {
  .studioWrap {}
}

.studioInnerWrap {}
@media screen and (min-width:768px) {
  .studioInnerWrap {}
}

.studioBannerWrap {
	padding: 20px 0;
	background-color: #fff;
}
@media screen and (min-width:768px) {
  .studioBannerWrap {
		background-color: #FFF1EE;
	}
}

.studioBannerInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .studioBannerInnerWrap {}
}

.studioBannerContent {
	border: 1px solid #E9546B;
	border-radius: 20px;
}
@media screen and (min-width:768px) {
  .studioBannerContent {
		border: none;
		border-radius: 0;
	}
}

.studioBannerTit {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding: 10px 70px;
	display: inline-block;
	background-color: #E9546B;
	border-radius: 20px 20px 0 0;
	text-align: center;
}
@media screen and (min-width:768px) {
  .studioBannerTit {
		left: 50%;
		transform: translateX(-50%);
		padding: 10px 70px;
		margin-bottom: 20px;
		display: inline-block;
		border-radius: 20px;
	}
}

.studioBannerSlide {
	padding: 20px;
}
@media screen and (min-width:768px) {
  .studioBannerSlide {
		padding: 0;
		padding-bottom: 20px;
	}
}

.studioBannerCpWrap {
}
@media screen and (min-width:768px) {
  .studioBannerCpWrap {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.swiperPrevIcon {
	position: absolute;
	bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 50%;
	background-color: #E9546B;
	color: #fff;
	font-size: 15px;
	width: 20px;
  height: 20px;
	transition: ease 0.3s;
	z-index: 11;
}
@media screen and (min-width:768px) {
  .swiperPrevIcon {
		left: 40%;
	}
}

.swiperPrevIcon:hover {
	background-color: #FCEE21;
	color: #E9546B;
}


.swiperNextIcon {
	position: absolute;
	bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 50%;
	background-color: #E9546B;
	color: #fff;
	font-size: 15px;
	width: 20px;
  height: 20px;
	transition: ease 0.3s;
	z-index: 11;
}
@media screen and (min-width:768px) {
  .swiperNextIcon {
		right: 40%;
	}
}

.swiperNextIcon:hover {
	background-color: #FCEE21;
	color: #E9546B;
}

.swiper-pagination-bullet {
	background-color: #E9546B;
}

.swiper-pagination-bullet-active {}

.swiper-pagination {
	position: absolute;
	bottom: -25px!important;
}

.studioBannerItem {
	margin: 0 10px;
}
@media screen and (min-width:768px) {
  .studioBannerItem {
		max-width: 480px;
	}
}

.studioDetailsWrap {
	padding: 20px 0;
	background-color: #fff;
}
@media screen and (min-width:768px) {
  .studioDetailsWrap {
		padding: 70px 0;
		margin-bottom: 70px;
		background-color: #F2F2F2;
	}
}

.studioDetailsInnerWrap {}
@media screen and (min-width:768px) {
  .studioDetailsInnerWrap {}
}

.studioDetailsTit {
	margin-bottom: 40px;
}
@media screen and (min-width:768px) {
  .studioDetailsTit {}
}

.studioDetailsTitBottom {
	font-size: 14px;
	letter-spacing: 0.2em;
	text-align: center;
}
@media screen and (min-width:768px) {
  .studioDetailsTitBottom {
		font-size: 24px;
	}
}

.studioDetailsSlideWrap {
	position: relative;
	margin-bottom: 50px;
}
@media screen and (min-width:768px) {
  .studioDetailsSlideWrap {}
}

.studioDetailsSlide {
	max-height: 170px;
	width: 280px;

}
@media screen and (min-width:768px) {
  .studioDetailsSlide {
		max-height: 300px;
		width: 500px;
	}
}

@media screen and (min-width:768px) {
	.studioDetailsSlide img {
		min-width: 500px;
	}
}


.studioDetailsDataWrap {
	background-color: #F2F2F2;
}
@media screen and (min-width:768px) {
  .studioDetailsDataWrap {
		max-width: 1000px;
		margin: 0 auto 40px auto;
		padding: 0 10px;
		border-radius: 20px;
		background-color: #fff;
	}
}

.studioDetailsDataInnerWrap {
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
  .studioDetailsDataInnerWrap {
		padding: 40px 140px;
	}
}

.studioDetailsDataList {}
@media screen and (min-width:768px) {
  .studioDetailsDataList {
		display: flex;
		padding: 20px;
		border-bottom: 2px dotted #CCCCCC;
	}
}

.studioDetailsDataList:last-child {
	border-bottom: none;
}

.studioDetailsDataTit {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	background-color: #E9546B;
	padding: 10px 20px;
}
@media screen and (min-width:768px) {
  .studioDetailsDataTit {
		align-items: flex-start;
		color: #E9546B;
		font-size: 16px;
		background-color: #fff;
		padding: 0;
		width: 180px;
	}
}

.studioDetailsDataIconWrap {
	width: 30px;
	margin-right: 10px;
	text-align: center;
}
@media screen and (min-width:768px) {
  .studioDetailsDataIconWrap {}
}

.studioDetailsDataIcon {}
@media screen and (min-width:768px) {
  .studioDetailsDataIcon {}
}

.studioDetailsDataText {
	font-size: 14px;
	line-height: 1.5;
	padding: 10px 20px;
}
@media screen and (min-width:768px) {
  .studioDetailsDataText {
		padding: 0;
	}
}

.studioMapWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .studioMapWrap {}
}

.studioMap {}
@media screen and (min-width:768px) {
  .studioMap {}
}

.studioMap iframe {
	width: 100%;
	height: 300px;
}
@media screen and (min-width:768px) {
  .studioMap iframe {}
}

.studioReserve {}
@media screen and (min-width:768px) {
  .studioReserve {}
}

.studioReserveList {}
@media screen and (min-width:768px) {
  .studioReserveList {
		display: flex;
		justify-content: space-around;
		max-width: 660px;
		margin: 0 auto 40px auto;
	}
}

.studioReserveListItem {
	transition: ease 0.3s;
	text-align: center;
	margin: 40px auto;
	max-width: 170px;
}
@media screen and (min-width:768px) {
  .studioReserveListItem {
		margin: 10px;
	}
}

.studioReserveListItem:hover {
	opacity: 0.6;
}

.studioReserveListTit {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 10px 0;
}
@media screen and (min-width:768px) {
  .studioReserveListTit {}
}

.studioReserveListText {
	text-align: center;
}
@media screen and (min-width:768px) {
  .studioReserveListText {}
}

.studioTaiken {
	margin: 30px 0;
}
@media screen and (min-width:768px) {
  .studioTaiken {}
}

.studioImageTit {
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .studioImageTit {}
}

.studioImageWrap {
	max-width: 1000px;
	margin: 0 auto 70px auto;
}
@media screen and (min-width:768px) {
  .studioImageWrap {}
}

.studioImageWrap iframe {
	max-height: 350px;
}
@media screen and (min-width:768px) {
	.studioImageWrap iframe {
		max-height: unset;
	}
}

.studioImageNote {
	margin: 30px 0;
}
@media screen and (min-width:768px) {
  .studioImageNote {}
}

.studioContact {
	padding-bottom: 40px;
}
@media screen and (min-width:768px) {
  .studioContact {
		padding-bottom: 70px;
	}
}

.studioInstagramWrap {
	background-color: #fff;
	padding: 40px 0;
}
@media screen and (min-width:768px) {
  .studioInstagramWrap {
		padding: 70px 0;
	}
}

.studioInstagramInnerWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
  .studioInstagramInnerWrap {}
}

.studioInstagramTit {
	word-break: keep-all;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 700;
}
@media screen and (min-width:768px) {
  .studioInstagramTit {
		position: relative;
		font-size: 18px;
		letter-spacing: 0.2em;
		margin-bottom: 40px;
	}
}

.studioInstagramBtnWrap {
	text-align: center;
}
@media screen and (min-width:768px) {
  .studioInstagramBtnWrap {
		display: flex;
		justify-content: center;
	}
}

.studioInstagramBtn {
	display: block;
	text-align: center;
	margin: 20px 0;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .studioInstagramBtn {
		margin: 0 20px;
	}
}

.studioInstagramBtn:hover {
	opacity: 0.6;
}

.studioSnsWrap {
	background-color: #E9546B;
	display: block;
	padding: 30px 0;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
  .studioSnsWrap {
		margin-bottom: 60px;
	}
}

.studioSnsTit {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	word-break: keep-all;
	margin-bottom: 20px;
	line-height: 1.5;
	letter-spacing: 0.2em;
}
@media screen and (min-width:768px) {
  .studioSnsTit {
		position: relative;
		font-size: 18px;
		margin-bottom: 40px;
	}
}

.studioSnsIconWrap {
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width:768px) {
  .studioSnsIconWrap {}
}

.studioSnsIcon {
	margin: 0 10px;
}
@media screen and (min-width:768px) {
  .studioSnsIcon {}
}

/*---------------------------------

  スライダー設定

---------------------------------*/
.slick-prev {
  transform: none;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .slick-prev {
    top: unset;
    bottom: -30px;
    /* left: 440px; */
    left: 40%;
  }
}

.slick-prev::before {
  color: #E9546B;
  font-size: 25px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .slick-prev::before {}
}

.slick-prev:hover.slick-prev::before {
	color: #FCEE21;
}

.slickPrevIcon {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 50%;
	background-color: #E9546B;
	color: #fff;
	font-size: 15px;
	width: 20px;
  height: 20px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .slickPrevIcon {
		top: unset;
		bottom: -30px;
		left: 40%;
	}
}

.slickPrevIcon:hover {
	background-color: #FCEE21;
	color: #E9546B;
}

.slick-next {
  transform: none;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .slick-next {
    top: unset;
    bottom: -30px;
    /* right: 440px; */
    right: 40%;
  }
}

.slick-next::before {
  color: #E9546B;
  font-size: 25px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .slick-next::before {}
}

.slick-next:hover.slick-next::before {
	color: #FCEE21;
}

.slickNextIcon {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 50%;
	background-color: #E9546B;
	color: #fff;
	font-size: 15px;
	width: 20px;
  height: 20px;
	transition: ease 0.3s;
}
@media screen and (min-width:768px) {
  .slickNextIcon {
		top: unset;
		bottom: -30px;
		right: 40%;
	}
}

.slickNextIcon:hover {
	background-color: #FCEE21;
	color: #E9546B;
}

.slick-dots {}
@media screen and (min-width:768px) {
  .slick-dots {
    bottom: -30px;
    left: 50%;
    transform: translate(-50%,0);
    width: unset;
  }
}

.slick-dots li {
  width: 10px;
  margin: 0 1px;
}

.slick-dots li button:before {
  color: #E9546B;
}

.slick-dots li.slick-active button:before {
  color: #E9546B;
}

/*---------------------------------

  上書き

---------------------------------*/
.post-content h1 {
    margin: 30px 0 16px;
    font-size: 1.5rem;
    padding-bottom: 30px;
		margin-left: 0;
		padding-left: 15px;
		margin-right: 0;
	  padding-right: 0;
}

.post-content h2 {
	margin: 30px 0 8px;
	font-size: 1.2rem;
	padding: 10px 15px;
	margin-left: 0;
	padding-left: 15px;
	margin-right: 0;
  padding-right: 0;
}

.post-content h3 {
	font-size: 1.2rem;
	margin: 32px 0 8px;
	padding: 10px 25px;
	padding-left: 15px;
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
}

.wpcf7-form th {
	vertical-align: middle!important;
}

.form-wrap select {
	width: 97.5%;
}
@media screen and (min-width:768px) {
  .form-wrap select {
		width: unset;
	}
}

.adsbygoogle {
	display: none!important;
}

/*---------------------------------

  汎用

---------------------------------*/
.spOnly {
  display: none!important;
}
@media screen and (max-width:767px) {
  .spOnly {
    display: block!important;
  }
  .pcOnly {
    display: none!important;
  }
}

.spOnlyInlineBlock {
  display: none!important;
}
@media screen and (max-width:767px) {
  .spOnlyInlineBlock {
    display: inline-block!important;
  }
  .pcOnlyInlineBlock {
    display: none!important;
  }
}

.pageContainer {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:768px) {
	.pageContainer {}
}

.pinkBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E9546B;
  color: #fff!important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
  border-radius: 30px;
  width: 300px;
  height: 50px;
	cursor: pointer;
  transition: ease 0.3s;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .3));
}
@media screen and (min-width:768px) {
  .pinkBtn {
    width: 310px;
    height: 50px;
  }
}

.pinkBtn.small{
	font-size:12px;
}
.dl-text{
	font-size:11px;
	line-height:1.4;
	text-align:center;
}
@media screen and (min-width:768px) {
	.dl-text{
	text-align:center;
	font-size:14px;
}
}


.pinkBtn:hover {
	background-color: #FCEE21;
	color: #E9546B!important;
}

.pinkBtnAngle {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
@media screen and (min-width:768px) {
  .pinkBtnAngle {}
}

.pinkTriangle {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #E9546B transparent;
}
@media screen and (min-width:768px) {
  .pinkTriangle {}
}

.blockTit {
  font-family: 'Playfair Display', serif;
  font-weight: 500;
  font-size: 22px;
  color: #E9546B;
  text-align: center;
  letter-spacing: 0.2em;
}
@media screen and (min-width:768px) {
  .blockTit {
		font-weight: 400;
    font-size: 48px;
    margin-bottom: 30px;
  }
}

.centeringMarginAuto {
  margin: 0 auto;
}
@media screen and (min-width:768px) {
  .centeringMarginAuto {}
}

.shinyBtn {
	position: relative;
	display: inline-flex;
	overflow: hidden;
	-webkit-mask-size: contain;
	mask-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width:768px) {
	.shinyBtn {}
}

.shinyBtn::before {
	position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 50px;
    height: 100%;
    background-color: #fff;
    transition: 600ms;
    animation: shinyshiny 3s ease-in-out infinite;
}
@media screen and (min-width:768px) {
	.shinyBtn {}
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.displayNone {
	display: none;
}