.bg-red {
	background-color: #F00;
}
.btn.bg-red:hover {
	color: #FF0;
}
.bg-brown {
	background-color: #613a1b;
}
.bg-orange {
	background-color: #fb9105;
}
.bg-green {
	background-color: #b5e11b;
}
.color-brown {
	color: #613a1b;
}
.adress ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
video {
	height: 570px;
	width: 320px;
}
video source {
	height: 570;
	width: 320px;
}
.color-white {
	color: #FFF;
}
.header-figure {
	background-color: #CCCCCC;
	background-image: url(../images/lrg_woman.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	width: 100%;
	height: 700px;
}
.feature-box {
	padding-top: 30px;
	padding-right:10px;
	padding-left:10px;
}
.feature {
	color: #613a1b;
	font-size: medium;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.feature h3 {
	font-size: large;
	font-weight: bold;
	color: #613a1b;
}
.feature .fas, .feature .fa, .feature .far, .feature .fab {
	font-size: 30px;
	color: #613a1b;
}
.feature .feature-title {
	padding:3px;
	background-image: linear-gradient(
	-45deg,
	#eddf66 25%,
	#e1ca00 25%,
	#e1ca00 50%,
	#eddf66 50%,
	#eddf66 75%,
	#e1ca00 75%,
	#e1ca00
);
	background-size: 20px 20px;
	border-radius:10px;
}
.feature-title h2 {
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 700;
	text-shadow: #613a1b 2px 0px,  #613a1b -2px 0px,
    #613a1b 0px -2px, #613a1b 0px 2px,
    #613a1b 2px 2px , #613a1b -2px 2px,
    #613a1b 2px -2px, #613a1b -2px -2px,
    #613a1b 1px 2px,  #613a1b -1px 2px,
    #613a1b 1px -2px, #613a1b -1px -2px,
    #613a1b 2px 1px,  #613a1b -2px 1px,
    #613a1b 2px -1px, #613a1b -2px -1px;
	color: #FFF;
	}

.appear {
	transform-origin:center top;
	animation:show 1s both;
}
span.appear {display:inline-block;}
.d1 {animation-delay:1s;}
.d2 {animation-delay:2s;}
.d3 {animation-delay:3s;}
.d4 {animation-delay:4s;}
.d6 {animation-delay:6s;}
.d8 {animation-delay:8s;}
.d10 {animation-delay:10s;}
.d12 {animation-delay:12s;}


@keyframes show {
	0% {
		transform:translate(0,2em);
		opacity:0;
		text-shadow:0 0 0 #f96;
	}
	50% {
		text-shadow:0 0 0.3em #f96;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
		text-shadow:none;
	}
}

.white_bg {
	background-image: url(../images/woody.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.lead.color-brown  {
	font-size: x-large;
	font-weight: 700;
	font-family: 'Sawarabi Gothic', sans-serif;
}
.green-lead {
	font-family: 'Noto Sans SC', sans-serif;
	font-weight:900;
	color:#613a1b;
	font-size:3em;	
}
.fnt-sawarabi-go {
	font-family: 'Sawarabi Gothic', sans-serif;
	}	
.fnt-yu-go {
	 font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

}
.fnt-yu-go p {
	font-size: medium;
	text-align: left;
}
.fnt-yu-go h3 {
	font-size:x-large;	
}
.fnt-notosans {
	font-family: 'Noto Sans SC', "ヒラギノ角ゴ Pro W3", "メイリオ" sans-serif;
}
.logo-title h3 {
	font-family: 'Noto Sans SC', "ヒラギノ角ゴ Pro W3", "メイリオ" sans-serif;
}
.txt-bg {
	background-image: url(../images/text-background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.cara_bg {
	background-size: cover;
	background-color: #FC3;
}
.cara-bg img {
	margin-bottom: 20px;
}
.cara_catch {
	font-family: 'Noto Sans SC', sans-serif;
	margin-bottom: 10px;
	font-weight: 700;
	text-shadow: #613a1b 2px 0px,  #613a1b -2px 0px,
    #613a1b 0px -2px, #613a1b 0px 2px,
    #613a1b 2px 2px , #613a1b -2px 2px,
    #613a1b 2px -2px, #613a1b -2px -2px,
    #613a1b 1px 2px,  #613a1b -1px 2px,
    #613a1b 1px -2px, #613a1b -1px -2px,
    #613a1b 2px 1px,  #613a1b -2px 1px,
    #613a1b 2px -1px, #613a1b -2px -1px;
	color: #FFF;
	}
h2.contact {
	font-family: 'Noto Sans SC', sans-serif;
	margin-bottom: 10px;
	font-weight: 700;
	color: #613a1b;
	}
.logo-title h3 {
	text-align: left;
	display: block;
	font-size: 30px;
	color:#000;
	font-family: 'Noto Sans SC', sans-serif;
}
.logo-title h4 {
	display:none;
	font-size:20px;
	font-family: 'Noto Sans SC', sans-serif;
	color:#000;
}
/* 吹き出し本体 */
.balloon{
	width: 90%;
	position: relative;
	padding: 10px;
	background-color: #FC3;
	border: 4px solid #613a1b;
	margin-top: 20px;
	margin-left: auto;
	margin-bottom: 40px;
	margin-right: auto;
}
/* beforeで枠線の三角を表現 */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
	left: 0;
  right: 0;  bottom: -20px;
  border-top: 20px solid #613a1b;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  margin: 0 auto;
}
/* beforeで本体の三角を表現 */
.balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
	left: 0;
  right: 0;  
  bottom: -14px;
  border-top: 20px solid #FC3;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  margin: 0 auto;
}
.balloon p {
  margin: 0;
  padding: 0;
}
.balloon h2 {
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 767px) {
.logo-title h3 {
	display:none;
}
.logo-title h4 {
	display:block;
	text-align: center;
}
}
.dot-bg {
	background-size: cover;
	background-color: #FC3;
}
.content-box.appear h1 {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 800;
	color: #333;
	font-size: 70px;
}
.bg-yellow {
	background-color: #eddf66;
}
h2.contact {
	font-family: sans-serif;
}
.dl {
	color: #FFF;
	background-color: #613a1b;
}
.appear .content-box-image.align-center-sm .appear.d1.animated.zoomInDown.delay-2s img {
	vertical-align: bottom;
}
.toiawase a:hover  {
	color:#613a1b;
	}