/* mr/ml auto*/
.auto{
	margin-left: auto;
	margin-right: auto;
}

/* トップ　ロゴ　*/
.top-rogo-min{
	height: 45px;
	background-size: contain;
}

.top-rogo{
	height: 70px;
	background-size: contain;
}

/*　フォント　*/
.font-basic{
	font-family:'游ゴシック体','YuGothic','Hiragino Sans W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
	color: #3a3f47;
}
.font-basico{
  font-family:'游ゴシック体','YuGothic','Hiragino Sans W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
  color: #ef9856;
}
.font-basicw{
  font-family:'游ゴシック体','YuGothic','Hiragino Sans W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
  color: #ffffff;
}
.font-basic-green{
	font-family:'游ゴシック体','YuGothic','Hiragino Sans W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
	color: #42BA96
}
.font-basic-round{
	font-family:'ヒラギノ丸ゴ ProN W4','ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO';
	color: #3a3f47;
}
.font-basic1-2{
	font-family:'游ゴシック体','YuGothic','Hiragino Sans W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
	color:#e4b849;
}
.font-basic1-3{
	font-family:'游ゴシック体','YuGothic','Hiragino Sans W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
	color: #42BA96;
}

.font-basic-w{
	font-family:'游ゴシック体','YuGothic','Hiragino Sans W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
	color: #ffffff;
}

.font-basic-o{
	font-family:'游ゴシック体','YuGothic','Hiragino Sans W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
	color: #d69b56;
}

.font-catch{
	font-family:'ヒラギノ丸ゴ ProN W4','ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO';
	color: #dd9f45;
	font-size: 2.1rem;
	line-height: 3.8rem;
}

.font-catch-min{
	font-family:'ヒラギノ丸ゴ ProN W4','ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO';
	color: #dd9f45;
	font-size: 1.4rem;
	line-height: 2.5rem;
}

.font-catch-min2{
	font-family:'ヒラギノ丸ゴ ProN W4','ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO';
	color: #dd9f45;
	line-height: 2.5rem;
}


/* 背景色 */
.bg-orange{
	background-color:#f7f1e4;
}

.bg-gray{
  background-color:#f7f7f7;
}

.bg-orange2{
	background-color:#f2dfaf;
}
.bg-orange3{
  background-color: #f4e4bd;
}

/* tel */
.tel{
	background-image:url(assets/img/illustrations/tel.png);

}

.under {
  background: linear-gradient(transparent 80%, #f4e4bd 80%);
  padding-top: 5px;
}

.under2 {
  background: linear-gradient(transparent 80%, #ffffff 80%);
}
.under3 {
  background: linear-gradient(transparent 80%, #bfe7e9 80%);
}
.under4 {
  background-color:#bfe7e9;
}

.font-wb{
	font-weight: bold;
}

.cp_bgpattern11 {
	background-color: #ffffff;
	background-image:
	 radial-gradient(#e5c093 1px, transparent 1px);
	background-size: 6px 6px;
}


.head-border {
display: flex;
align-items: center;
}
.head-border:before,
.head-border:after {
content: "";
height:1px;
flex-grow: 1;
background-color:#c4c4c4;
}
.head-border:before {
margin-right: 3rem;
}
.head-border:after {
margin-left: 3rem;
}

.head-border2 {
display: flex;
align-items: center;
}
.head-border2:before,
.head-border2:after {
content: "";
height:2px;
flex-grow: 1;
background-color:#ffffff;
}
.head-border2:before {
margin-right: 1rem;
}
.head-border2:after {
margin-left: 1rem;
}


.box{
    background:linear-gradient(to bottom left, #ffffff 50%, transparent 50%) top left/ 50% 100% no-repeat,
    linear-gradient(to bottom right, #ffffff 50%, transparent 50%) top right / 50% 100% no-repeat;
}


li{
	color: #e4b849;
}


.title-border {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #e4b849;
}
.title-border::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.font-b{
	font-weight: bold;
}

.margin{
	margin-right: 10px;
}






.title2 {
     text-align: center;
}
 
.title2{
     position: relative;
     display: inline-block;
     padding-bottom:0.5em;
     border-bottom: 1px solid #ef9856;
}
      
.title2::before,
.title2::after {
     position: absolute;
     top: 100%;
     left:50%;
     transform:translateX(-50%);
     content: '';
     border: 10px solid transparent;
}
 
.title2::before {
     border-top: 10px solid #ef9856;
}
 
.title2::after {
     margin-top: -1px;
     border-top: 10px solid #ffffff;
}




.btn-outline-orange{
  border-color: #ef9856;
}

.title3 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.title3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ef9856;
  border-radius: 2px;
}

.title4 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.title4:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color:  #3a3f47;
  border-radius: 2px;
}

.title5 {
  position: relative;
  color: #158b2b;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}
.title5:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #a6ddb0;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


.title6 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
}

.title6:before, .title6:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.title6:before {
  border-left: solid 3px #3a3f47;
  border-top: solid 3px #3a3f47;
  top:0;
  left: 0;
}

.title6:after {
  border-right: solid 3px #3a3f47;
  border-bottom: solid 3px #3a3f47;
  bottom:0;
  right: 0;
}

.title7 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.title7:before, .title7:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

.title7:before {
  left:0;
}
.title7:after {
  right: 0;
}