@charset "UTF-8";

body, a {
	color: #556072;
}
#under.triming-aroma .sec  {
	padding-top: 100px;
	margin-top: -100px;
	margin-bottom: 100px;
}
.inner_content  {
	padding: 0 60px;
}

/*--Header--*/
header  {
	background: #d4d0cf;
	min-width: inherit;
}
header .header-inner {
	justify-content: space-between;
  }
header .logo  {
	background: none;
	width: 257px;
	padding: 20px 0px;
}
#hb-menu {
	background: #556072;
}
.hb-open .overlay {
	background: rgba(213,209,208,0.60);
	pointer-events: auto;
}
.sp-g-nav .g-nav-inner .menu_01 .arrow {
	background: #d5d1d0;
}

.tsa_menu  {
	display: flex;
	align-items: center;
}
.tsa_menu li {
	padding: 0 20px;
}
.tsa_menu li a {
	font-size: 18px;
}
.tsa_menu li.sns  {
	width: 40px;
	padding: 0 10px;
}

/*--Footer--*/
footer  {
	background: #ecf3ff;
	padding: 80px 0 0 0;
}
.ffx-01  {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px 0;
}
.ffx-01 .left {
  width: 80%;
}
.ffx-01 .right {
  width: 18%;
  text-align: center;
}
.ffx-01 .right .logo  {
	width: 80%;
}
.f-map  {
	width: 80%;
	background: #FFF;
	border: solid 3px #000;
	margin: 0 0 60px;
	text-align: center;
	font-size: 24px;
}
.ffx-02  {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px 0;
}
.ffx-02 .ffx02_img  {
	width: 34%;
}
.ffx-02 .ffx02_menu  {
	width: 17%;
	line-height: 2;
}
.ffx-02 .ffx02_menu > li {
  margin-bottom: 30px;
}
.ffx-02 .ffx02_menu .midashi {
  font-size: 14px;
  margin-bottom: 10px;
  border-bottom: 1px solid #2E2E2E;
}
.ffx-02 .ffx02_menu ul a {
  font-size: 13px;
}
.f_tsa_menu {
	margin: 40px 0 0 ;
	text-align: center;
}
.f_tsa_menu li  {
	margin: 0 auto 30px;
}
.f_tsa_menu li a {
	font-size: 20px;
}
.f_tsa_menu li.sns  {
	width: 40px;
}

/*--#mv--*/
#mv  {
	padding: 160px 0 60px;
	margin: 0 0 120px;
}
#mv .inner  {
	position: relative;
	background: #ebf2fa;
	padding: 60px 0 100px;
}
#mv .inner::after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 262px;
    background-image: url('../images/triming/ic_leaf.png');
    background-position: center;
    background-size: contain;
	position: absolute;
	bottom: -150px;
	right: 60px;
	transform: rotate(45deg);
}
.mv_img  {
	position: absolute;
	left: 0;
	top: -100px;
}
.main_txt  {
	padding: 0px 0 0 460px;
}
.main_txt p  {
	text-align:  center;
	font-size: 18px;
	line-height: 1.8;
}
.tsa_btn  {
	margin: 50px 0 0 140px;
}
.button-54 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 250px;
    margin: 0 auto;
    padding: 1em 3em 1em 2em;
    border: 1px solid #545f71;
    background-color: #fff;
    color: #545f71;
    font-size: 1em;
	font-family: inherit;
	cursor: pointer;
}
.button-54::after {
    position: absolute;
    right: 2em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: .5em;
    background-color: #545f71;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}
.button-54:hover::after {
    transform: translateY(-50%) scaleX(1.4);
}

/*--#sec01--*/
.tsa-sttl-box  {
	background: #d4d0cf;
	padding: 20px 80px 24px;
	display: inline-block;
	border-radius: 0 50px 50px 0;
	margin: 0 0 30px;
}
.tsa-sttl-box h3  {
	position: relative;
	font-size: 24px;
	line-height: 1;
	margin: 8px 0 0;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	letter-spacing: 1px;
}
.tsa-sttl-box h3::before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/triming/ic_paws.png');
    background-position: center;
    background-size: contain;
	position: absolute;
	top: 3px;
	left: -28px;
}
.tsa-sttl-box h5  {
	color: #eff0f2;
	font-size: 18px;
	line-height: 1;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	letter-spacing: .5px;
}
.news_box {
  width: 100%;
}
.news_box .txt_box .txt01 {
  color: #d2d0cf;
  font-size: 20px;
}
.news_box .txt_box .txt02 {
  font-size: 18px;
}

/*--#sec02--*/
.tsa-caution  {
	position: relative;
	background: #d4d0cf;
	padding: 12% 10% 10%;
	text-align: center;
	margin: 60px 0;
}
.tc-paws {
  position: absolute;
  width: 200px;
  height: 100px;
  background-image: url(../images/triming/ic_paws.png);
  background-size: 48px;
  background-position: right 55px top 0;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 50% / 0 0 100% 100%;
  top: 0;
  left: -100px;
  z-index: 2;
  text-align: center;
}
.tc-paws img {
	width: 50%;
}
.tc-paws.rt  {
	left: inherit;
	right: -100px;
	background-position: left 55px top 0;
}
.tc-paws.rb  {
	border-radius: 50% / 100% 100% 0 0;
	top: inherit;
	left: inherit;
	right: -100px;
	bottom: 0;
	background-position: left 55px bottom 0;
}
.tc-paws.lb  {
	border-radius: 50% / 100% 100% 0 0;
	top: inherit;
	bottom: 0;
	background-position: right 55px bottom 0;
}
.tsa-caution h4  {
	display: inline-block;
	font-size:28px;
}
.tsa-caution h4 p {
	position: relative;
	width: 90%;
	border-top: solid 1px #545f71 ;
	margin: 12px auto 0;
}
.tsa-caution h4 p::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background:#545f71;
	position: absolute;
	top: -6px;
	left: -24px;
	transform: rotate(45deg);
}
.tsa-caution h4 p::after{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background:#545f71;
	position: absolute;
	top: -6px;
	right: -24px;
	transform: rotate(45deg);
}
.tsa-caution ul  {
	margin: 50px 0 0;
	text-align: left;
}
.tsa-caution li  {
	position: relative;
	font-size: 18px;
	margin: 0 0 30px;
	padding: 0 0 0 30px;
}
.tsa-caution li:last-child  {
	margin: 0;
}
.tsa-caution li::before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/triming/ic_paws.png');
    background-position: center;
    background-size: contain;
	position: absolute;
	top: 3px;
	left: 0
}
.tsa-section  {
	position: relative;
	padding: 20px 40% 20px 30px;
	background: linear-gradient(to right, #ebf2fa 70%, #FFF 30%);
	margin: 0 0 60px;
}
.tsas-ttl-box  {
	display: inline-block;
	width: 50%;
	border-bottom: solid 1px #545f71;
	margin: 0px 0 24px;
}
.tsas-ttl-box h5  {
	color: #bcbabb;
	font-size: 14px;
	line-height: 1;
}
.tsas-ttl-box  h3  {
	font-size: 22px;
	line-height: 1.6;
	letter-spacing: 1px;
}
.tsa-section p  {
	font-size: 18px;
	line-height: 1.6;
}
.tsas-img  {
	position: absolute;
	 width: 35%;
	 right: 30px;
	 top: 20px;
}
.tsa-section.rev  {
	padding: 20px 30px 20px 40%;
	background: linear-gradient(to left, #ebf2fa 70%, #FFF 30%);
}
.tsa-section.rev .tsas-img  {
	left: 30px;
	right: inherit;
	top: 20px;
}

/*--#sec03--*/
.tsa-menu-course  {
	display: flex;
	justify-content: space-between;
	gap: 30px 0;
	padding: 40px 5% 0;
	flex-wrap: wrap;
	margin: 0 0 60px;
}
.tsa-menu-course div  {
	position: relative;
	width: calc(47% - 80px);
	background: #ebf2fa;
	padding: 30px 40px;
	border-radius: 60px;
}
.tsa-menu-course div::before{
    content: "";
    display: inline-block;
    width: 90px;
    height: 90px;
    background-image: url('../images/triming/ic_shampoo.png');
    background-position: center;
    background-size: contain;
	position: absolute;
	top: -30px;
	left: -30px
}
.tsa-menu-course div:last-child::before{
    background-image: url('../images/triming/ic_cut.png');
}
.tsa-menu-course div h4  {
	font-size: 24px;
	text-align: center;
}
.tsa-menu-course div p  {
	font-size: 18px;
	line-height: 1.8;
	margin: 20px 0 0;
}
.tsa-menu-off  {
	position: relative;
	width: 640px;
    height: 260px;
    border-radius: 100px;
    border: 5px dashed #b5b1b0;
    box-sizing: border-box;
	background: #ebf2fa;
	margin: 30px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tsa-menu-off p  {
	text-align: center;
	font-size: 20px;
	line-height: 1.4;
}
.tsa-menu-off::before  {
    content: "";
    display: inline-block;
    width: 83px;
    height: 107px;
    background-image: url('../images/triming/ic_dog01.png');
    background-position: center;
    background-size: contain;
	position: absolute;
	bottom: 0px;
	left: 50px
}
.tsa-menu-off::after  {  
    content: "";
    display: inline-block;
    width: 78px;
    height: 72px;
    background-image: url('../images/triming/ic_dog02.png');
    background-position: center;
    background-size: contain;
	position: absolute;
	bottom: 0px;
	right: 50px
}
.tsa_ttl_03  {
	position: relative;
	margin: 0 0 30px;
	font-size: 26px;
}
.tsa_ttl_03 span {
	display: inline-block;
	padding: 0px 36px;
	background: #FFF;
	position: relative;
	z-index: 2;
	margin-left: 12%;
}
.tsa_ttl_03::before{
	content: '';
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 3px;
	background-image: repeating-linear-gradient(90deg, #556072 0, #556072 8px, rgba(0,0,0,0) 8px, rgba(0,0,0,0) 11px);
	z-index: 1;
}
.tsa-table  {
	width: 100%;
}
.tsa-table table  {
	border-top: solid 1px #b5b1b0;
	border-left: solid 1px #b5b1b0;
	text-align: center;
	width: 100%;
	min-width: 780px;
}
.tsa-table table td, .tsa-table table th  {
	border-bottom: solid 1px #b5b1b0;
	border-right: solid 1px #b5b1b0;
	padding: 24px 10px;
	text-align: center;
	font-size: 20px;
}
.tsa-table table th  {
	background: #d9d9d9;
	width: 150px;
	font-size: 18px;
}
.tsa-table table th.l1  {
	text-align: left;
	width: auto;
}
.triming-aroma .table_05 {
  width: 74%;
}
.table_05 th  {
	background: #d9d9d9;
	font-size: 18px;
}
.table_05 td  {
	font-size: 20px;
}
.c-scrollHint  {
	display: none;
}

/*--#sec04--*/

/*--#sec05--*/
.tsa-contact-txt01  {
	text-align: center;
	font-size: 24px;
	margin: 0 0 60px;
}
.tsa-contact-txt02  {
	text-align: center;
	font-size: 24px;
	margin: 60px 0 0;
}
.tsa-contact-btn  {

}
.tsa-contact-btn a {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 70%;
	padding: 40px 1rem;
	border: 2px solid #b5b1b0;
	color: #b5b1b0;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 24px;
	margin: 0 auto 40px;
	box-sizing: border-box;
}
.tsa-contact-btn a:hover {
	color: #fff;
	background: #b5b1b0;
}

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}
.timing02 {transition-delay: .2s;}
.timing03 {transition-delay: .4s;}
.timing04 {transition-delay: .6s;}
.timing05 {transition-delay: .8s;}

/*--トップバナー--*/
.triming-aroma .b_img_wrap {
  margin: 80px auto 0;
}
.triming-aroma .btn_box_text1  {
	font-size: 2rem;
}
.triming-aroma .btn_box_text1 span  {
	font-size: 80%;
	font-weight: bold;
	color: #e34378;
}






@media screen and (max-width: 1120px) {
	header .inner {
		width: 100%;
	}
	.tsa_menu li {
		padding: 0px 10px;
	}
	.tsa_menu li a {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.inner_content  {
		padding: 0;
	}
	header .inner {
		padding: 0;
		background: #d5d1d0;
	}
	header .logo {
		width: 180px;
		padding: 10px 10px;
	}
	.sp-g-nav li.sns  {
		display: flex;
		justify-content: flex-end;
		margin: 20px 0 0;
		gap: 15px;
	}
	.sp-g-nav li.sns a  {
		display: block;
		width: 40px;
	}
	footer  {
		padding: 50px 0 0 0;
	}
	.ffx-01  {  
		flex-direction: row-reverse;
	}
	.ffx-01 .left {
		width: 100%;
		order: 2;
	}
	.ffx-01 .right {
		width: 100%;
		order: 1;
	}
	.f-map  {
		width: 100%;
		margin: 0 0 40px;
	}
	.ffx-02 .ffx02_img  {
		width: 100%;
		margin: 0 0 20px;
	}
	.ffx-02 .ffx02_menu  {
		width: 100%;
	}
	.ffx-01 .right .logo {
		width: 50%;
	}
	.f_tsa_menu li  {
		margin: 0 auto 24px;
	}
	#under.triming-aroma .sec  {
		padding-top: 50px;
		margin-top: -50px;
	}
	#mv {
		padding: 0;
		margin: 0 0 90px;
	}
	#mv .inner  {
		padding: 20px 1em 50px;
	}
	.mv_img {
		position: relative;
		left: inherit;
		top: inherit;
	}
	.main_txt {
		padding: 30px 0 0;
	}
	.main_txt p {
		font-size: 15px;
	}
	.tsa_btn  {
		margin: 30px 0 0;
	}
	#mv .inner::after {
		width: 60px;
		height: 158px;
		bottom: -80px;
		right: 35px;
	}
	.tsa-sttl-box {
		display: block;
		padding: 10px 40px 14px;
	}
	.tsa-sttl-box h3 {
		font-size: 22px;
	}
	.tsa-sttl-box h3::before {
		top: 2px;
	}
	.news_box .txt_box .txt01 {
		font-size: 17px;
	}
	.news_box .txt_box .txt02 {
		font-size: 15px;
	}
	.tsa-caution {
		padding: 60px 20px 60px;
	}
	.tsa-caution h4 {
		font-size: 22px;
	}
	.tc-paws {
		width: 100px;
		height: 50px;
		background-size: 24px;
		background-position: right 26px top 0px;
		left: -50px;
	}
	.tc-paws.rt {
		right: -50px;
		background-position: left 26px top 0;
	}
	.tc-paws.rb {
		right: -50px;
		background-position: left 26px bottom 0;
	}
	.tc-paws.lb {
		background-position: right 26px bottom 0;
	}
	.tsa-caution ul {
		margin: 20px 0 0;
	}
	.tsa-caution li {
		font-size: 15px;
	}
	.tsa-caution li::before {
		width: 16px;
		height: 16px;
		top: 2px;
	}
	.tsa-section, .tsa-section.rev {
		padding: 20px;
		background: #ebf2fa;
		margin: 0 0 30px;
	}
	.tsas-ttl-box {
		width: auto;
	}
	.tsa-section p {
		font-size: 16px;
	}
	.tsas-img, .tsa-section.rev .tsas-img {
		position: relative;
		width: 100%;
		left: inherit;
		right: inherit;
		top: inherit;
		margin: 20px 0 0;
	}
	.tsa-menu-course div {
		width: 100%;
	}
	.tsa-menu-course div::before {
		width: 70px;
		height: 70px;
		top: -20px;
		left: -20px;
	}
	.tsa-menu-off {
		width: 100%;
		height: auto;
		padding: 30px 0;
		border-radius: 70px;
	}
	.tsa-menu-off::before {
		width: 45px;
		height: 56px;
		bottom: -20px;
		left: 0;
	}
	.tsa-menu-off::after {
		width: 50px;
		height: 46px;
		bottom: -20px;
		right: 0;
	}
	.tsa-menu-off p {
		font-size: 17px;
	}
	.tsa-table  {
		overflow: scroll;
	}
	.tsa-table table th, .tsa-table table th td {
		font-size: 16px;
	}
	.tsa-table table th {
		width: 100px;
	}
	.triming-aroma .table_05 {
		width: 100%;
		overflow: scroll;
	}
	.triming-aroma .table_05 table {
		min-width: 530px;
	}
	.triming-aroma .table_05 th, triming-aroma .table_05 td  {
		font-size: 16px;
	}
	.c-scrollHint  {
		display: block;
		padding: 0 20px 10px;
		-webkit-animation: animationArrowRight 2s ease-in-out infinite;
		animation: animationArrowRight 2s ease-in-out infinite;
	}
	@keyframes animationArrowRight {
		0%,100% {
			transform: translateX(0);
		}
		50% {
			transform: translateX(-20px);
		}
	}
	.tsa-contact-txt01  {
		font-size: 20px;
		margin: 0 0 40px;
	}
	.tsa-contact-txt02  {
		font-size: 22px;
		margin: 40px 0 0;
	}
	.tsa-contact-btn a  {
		width: 90%;
		padding: 25px 10px;
		font-size: 22px;
	}
	#wrap   {
		overflow: hidden;
	}
	.triming-aroma .b_img_wrap {
		margin: 50px auto;
	}
	.triming-aroma .btn_box_text1  {
		font-size: 1.5rem;
	}
	.triming-aroma .btn_box_text2  {
		font-size: 1.2rem;
	}
	

}