@charset "UTF-8";
/*==============*/
/* ヘッダロゴ */
/*==============*/
header h1 {
  margin: 0px !important;
  padding: 0px !important;
  line-height: 100%;
  font-size: 2em;
}
header h1 img {
	width: 200px;
	height: auto;
	max-width: 360px;
}
@media (min-width: 768px) {
	header h1 img {
	width: 260px;
}
}
@media (min-width: 992px) {
header h1 img {
	width: 260px;
}
}
@media (min-width: 1200px) {
header h1 img {
	width: 260px;
}
}
@media (min-width: 1600px) {
header h1 img {
	width: 360px;
}
}
/*==============*/
/* fv-title */
/*==============*/
#home-header h2 {}
#home-header h3 {}
#home-header h4 {}
@media (min-width: 576px) {
  #home-header h2 {}
  #home-header h3 {}
  #home-header h4 {}
}
@media (min-width: 768px) {
  #home-header h2 {}
  #home-header h3 {}
  #home-header h4 {}
}
@media (min-width: 992px) {
  #home-header h2 {}
  #home-header h3 {}
  #home-header h4 {}
}
@media (min-width: 1200px) {
  #home-header h2 {}
  #home-header h3 {}
  #home-header h4 {}
}
/*==============*/
/* use-title */
/*==============*/
#use-header h2 {}
#use-header h3 {}
#use-header h4 {}
@media (min-width: 576px) {
  #use-header h2 {}
  #use-header h3 {}
  #use-header h4 {}
}
@media (min-width: 768px) {
  #use-header h2 {}
  #use-header h3 {}
  #use-header h4 {}
}
@media (min-width: 992px) {
  #use-header h2 {}
  #use-header h3 {}
  #use-header h4 {}
}
@media (min-width: 1200px) {
  #use-header h2 {}
  #use-header h3 {}
  #use-header h4 {}
}
/*==============*/
/* 見出し */
/*==============*/
h2.corner-title {}
h3.corner-title {
	font-size: 5.5vw;
	color: #8D4C00;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	margin-bottom: 1.2em;	
}
h3.fqa-title {
	font-size: 2em;
	color: #8D4C00;
	font-weight: 600;
	margin-bottom: 1.2em;	
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}
h4.corner-title {
	padding: 0.3em 2em 0.3em 2em !important;
	font-size: .9375em;
	border-radius: 50em;
	display: table;
	color: #FFFFFF;
	background-color: #F79D01;
	margin-bottom: 3em;
}
h4.orange-title {
	font-size: 4.8vw;
	color: rgba(255,255,255,1.00);
	padding: 0.1em 0.5em;
	background-color: rgba(242,192,103,1.00);
	margin-bottom: 1em;
}
h4.orange-title span {
	font-size: 0.7777em;
}
h4.brown-title {
	font-size: 4vw;
	color: rgba(126,77,1,1.00);
	margin-bottom: 0.5em;
	font-weight: 600;
}
h4.brown-title a {
	color: rgba(126,77,1,1.00);
	text-decoration: none;	
}
h4.brown-title a:hover {
	color: rgba(126,77,1,0.7);
	text-decoration: none;	
}
h4.brown-title::before {
	content: '●';
}
h5.corner-title {
	
}
h5.orange-title {
	font-size: 1.4em!important;
	color: rgba(248,171,50,1.00)!important;
	margin-bottom: 1em;
}
h6.corner-title {}
@media (min-width: 576px) {
  h2.corner-title {}
   h3.corner-title {
	font-size: 1.6em;	
}
	h4.brown-title {
	font-size: 1.2em;
}
	h4.orange-title {
	font-size: 1.2em;
	margin-right: auto;
	margin-left: auto;
}
  h4.corner-title {}
  h5.corner-title {}
  h6.corner-title {}
}
@media (min-width: 768px) {
  h2.corner-title {}
  h3.corner-title {
	font-size: 2em;	
}
	h4.brown-title {
	font-size: 1.5em;
}
	h4.orange-title {
	font-size: 1.5em;
}
  h4.corner-title {}
  h5.corner-title {}
  h6.corner-title {}
}
@media (min-width: 992px) {
  h2.corner-title {}
  h3.corner-title {}
  h4.corner-title {}
  h5.corner-title {}
  h6.corner-title {}
}
@media (min-width: 1200px) {
  h2.corner-title {}
  h3.corner-title {}
  h4.corner-title {}
  h5.corner-title {}
  h6.corner-title {}
}
h2.use-title {}
h3.use-title {}
h4.use-title {}
h5.use-title {}
h6.use-title {}
@media (min-width: 576px) {
  h2.use-title {}
  h3.use-title {}
  h4.use-title {}
  h5.use-title {}
  h6.use-title {}
}
@media (min-width: 768px) {
  h2.use-title {}
  h3.use-title {}
  h4.use-title {}
  h5.use-title {}
  h6.use-title {}
}
@media (min-width: 992px) {
  h2.use-title {}
  h3.use-title {}
  h4.use-title {}
  h5.use-title {}
  h6.use-title {}
}
@media (min-width: 1200px) {
  h2.use-title {}
  h3.use-title {}
  h4.use-title {}
  h5.use-title {}
  h6.use-title {}
}
/*==============*/
/* ボタン */
/*==============*/
/*.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}*/
.btn:hover {
  color: #212529;
  text-decoration: none !important;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.text-orange{
	color: #E95513;	
}
.text-liteorange{
	color: rgba(248,171,50,1.00);
}
.text-brown{
	color: rgba(126,77,1,1.00);	
}
.strong{
	font-weight: 600;	
}
.under-line {
 
    background:linear-gradient(transparent 60%, #ff6 60%);
 
}
.btn-brown,.view-more-button{
	background-color: #7E4D01;
	border-radius: 50em;
	color: #FFFFFF;
	padding: 0.5em 4em;
	position: relative;
}
.btn-brown:hover,.view-more-button:hover{
	background-color: rgba(126,77,1,0.70);
	color: #FFFFFF;
}
.btn-brown i,.view-more-button i{
	position: absolute;
	top: 50%;
	right: 2em;
	margin-top: -0.5em;	
}
.btn-brown-back i{
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	left: 2em;
	right: auto;
}
.view-more-button{
	border-width: 0px;
	border-style: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 500px;
	display: table;
}
.btn-orange{
	background-color: #FF9F00;
	border-radius: 50em;
	color: #FFFFFF;
	padding: 0.5em 2em;
	position: relative;
	margin-left: auto!important;
	margin-right: auto!important;
	display: table!important;
	font-size: 3.6vw;
	
}
@media (min-width: 576px) {
  .btn-orange{
	font-size: 1em;	
}
}
@media (min-width: 768px) {
.btn-orange{
	padding: 0.5em 2em;
}
}
.btn-orange:hover{
	background-color: rgba(255,159,0,0.7);
	color: #FFFFFF;
}
.btn-orange i{
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -0.5em;	
}
@media (min-width: 768px) {
.btn-orange i{
	right: 2em;
}
}

.next-link{
	color: rgba(126,77,0,1.00);
	font-size: 0.888em;	
}
.next-link a{
	color: rgba(126,77,0,1.00);
	text-decoration: underline;	
}
.next-link a:hover{
	color: rgba(228,201,156,1.00);
	text-decoration: none;
}
.next-link .fa-angles-left{
	margin-right: 0.5em;
	
}
.next-link .fa-angles-right{
	margin-left: 0.5em;
}
.orange-bg{
	padding: 2em 2em 1em;
	background-color: rgba(255,247,234,1.00);
}
.list-brown{
	font-size: 1.2em;
	color: rgba(126,77,1,1.00);
	margin: 0;
	padding: 0;
	font-weight: 700;	
}
.list-brown > li {
    position: relative;
    padding: 0px 0px 0px 1.5em;
    list-style: none;
}
.list-brown > li::before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%) ;
    content: "\f35a";
    font-family: FontAwesome;
}
.list-brown.pl-4 {
    padding-left: 0rem !important;
}
.line-orange .btn-brown,.line-orange .btn-brown:hover,.line-orange .btn-orange,.line-orange .btn-orange:hover{
	text-decoration: none;
	color: rgba(255,255,255,1.00);
}
.line-orange a[href*="tel:"] {
	color: rgba(126,77,1,1.00);
	text-decoration: none;	
  }

ol.numberlist  {
  position: relative;
  margin: 0;
  padding: 0
}
ol.numberlist li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
ol.numberlist li span {
  position: absolute;
  left: 0;
  margin: 0
}