body { font-family: 'Noto Serif JP', serif; font-size: 15px; font-weight: 400; color: #474646; line-height: 30px; text-align: center; -webkit-text-size-adjust: 100%;}

/*フォント強制変更用*/
.fnt_g01{font-family: 'Noto Sans JP', sans-serif;}

strong { font-weight: 600; }

a { color: #a365bc; /*border-bottom: 1px dashed #a365bc;*/ text-decoration: none; transition: all .3s; }
a:hover, a:focus { color: #a365bc; border: 0; text-decoration: none; }

h1, h2 {margin-top: 10px; font-size: 38px; font-weight: 300; color: #000; line-height: 50px; }
.small, small { display: block; font-size: 60%;	font-weight: 300; line-height: 1.5;}
h3 { font-size: 22px; font-weight: 300; color: #000; line-height: 30px; }


h1.okss-h1 span, h2.okss-h2 span {display:block; margin-top: 10px; font-size: 38px; font-weight: 300; color: #000; line-height: 50px; }
h1.okss-h1 span{margin-top: 60px; color: #fff;}


img { max-width: 100%; }
figcaption{text-align: center; font-weight: normal; color:#666; font-family: 'Noto Serif JP', serif; width: auto; font-size:12px;}



div.sp_fm a:link {color:#fff;} /*未訪問のリンクの色*/
div.sp_fm a:visited {color:#fff;} /*訪問済みのリンクの色*/
div.sp_fm a:hover {color:#ffffff;} /*カーソルが乗っているリンクの色*/
div.sp_fm a:active {color:#fff;} /*クリック中のリンクの色*/




.medium-paragraph { font-size: 15px; line-height: 32px; }

::-moz-selection { background: #8542a0; color: #fff; text-shadow: none; }
::selection { background: #8542a0; color: #fff; text-shadow: none; }


/***** General style, all sections *****/

.section-container { margin: 0 auto; /*padding-bottom: 80px;*/ }

.section-container-gray-bg { background: #f8f8f8; }

.section-container-image-bg, 
.section-container-image-bg h2, 
.section-container-image-bg h3 { color: #fff; }

.section-container-image-bg .divider-1 span { border-color: #fff; }

.section-description { margin-top: 60px; padding-bottom: 10px; }

.section-description p { margin-top: 20px; /*padding: 0 120px;*/ }
.section-container-image-bg .section-description p { opacity: 0.8; }

.section-bottom-button { padding-top: 60px; }


/***** Divider *****/

.divider-1 span { display: inline-block; width: 200px; border-bottom: 1px dotted #aaa; }


/***** Top menu *****/

.navbar {
	background: #444;
	-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
	backface-visibility: hidden;
}
.navbar.navbar-no-bg { background: #444; background: rgba(0, 0, 0, 0.2); }

.navbar-dark .navbar-nav { font-size: 15px; color: #fff; text-transform: uppercase; }
.navbar-dark .navbar-nav .nav-link { color: #fff; color: rgba(255, 255, 255, 0.8); border: 0; }
.navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.navbar-dark .navbar-nav .nav-link:focus { color: #fff; outline: 0; }

.navbar-expand-md .navbar-nav .nav-link { padding: 1rem; }

.navbar-brand {
	width: 139px;
	background: url(../img/logo.svg) left center no-repeat;
	border: 0;
	text-indent: -99999px;
}

.navbar-search-form.disabled,
.navbar-menu-items.disabled { display: none; }

.navbar-search-form input[type="search"] {
	width: 400px;
    margin: 0;
    background: none;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 34px;
    color: #fff;
    border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
.navbar-search-form input[type="search"]:focus {
	outline: 0; background: none; border: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.navbar-search-form input[type="search"]::-moz-placeholder { color: #fff; color: rgba(192, 189, 189, 0.8); }
.navbar-search-form input[type="search"]:-ms-input-placeholder { color: #fff; color: rgba(192, 189, 189, 0.8); }
.navbar-search-form input[type="search"]::-webkit-input-placeholder { color: #fff; color: rgba(192, 189, 189, 0.8); }


::placeholder {
	color: rgb(194, 194, 193);
  }
  /* 旧Edge対応 */
  ::-ms-input-placeholder {
	color: rgb(194, 194, 193);
  }
  /* IE対応 */
  :-ms-input-placeholder {
	color: rgb(194, 194, 193);
  }



/*テキスト*/
.text-black{color: #000;}

/***** Top content *****/

.inner-bg { padding: 210px 0; }

.top-content .text { color: #fff; }
.top-content .text h1 { margin-top: 25px; color: #fff; }
.top-content .description { margin: 30px 0 10px 0; }
.top-content .description p { opacity: 1; }


/***** Section 1 *****/

.section-1-box { padding-top: 30px; text-align: left; }

.section-1-box .section-1-box-icon {
	width: 100px; height: 210px; margin: 0 auto;
/*	
	background: #8542a0;
	background: -moz-linear-gradient(top,  #a365bc 0%, #8542a0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a365bc), color-stop(100%,#8542a0)); 
	background: -webkit-linear-gradient(top,  #a365bc 0%,#8542a0 100%);
	background: -o-linear-gradient(top,  #a365bc 0%,#8542a0 100%);
	background: -ms-linear-gradient(top,  #a365bc 0%,#8542a0 100%);
	background: linear-gradient(to bottom,  #a365bc 0%,#8542a0 100%);
*/	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a365bc', endColorstr='#8542a0',GradientType=0 ); /* IE6-9 */

    font-size: 40px; color: #fff; line-height: 80px; text-align: center;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
    -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
}

.section-1-box h2, h3 { margin-top: 0; padding: 0 0 10px 0; }


/***** Section 2 *****/

.section-2-box { margin-top: 30px; text-align: left; }
.section-2-box h2, h3 { margin-top: 0; }
.section-2-box-text .medium-paragraph { margin-top: 20px; margin-bottom: 20px; }


/***** Section 3 *****/

.section-3-box { margin-top: 30px; text-align: left; }

.section-3-box .section-3-box-icon {
	width: 60px; height: 60px; margin: 0 auto;
	
	background: #302F2F; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #302F2F 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#302F2F)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000 0%,#302F2F 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000 0%,#302F2F 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000 0%,#302F2F 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000 0%,#302F2F 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#302F2F',GradientType=0 ); /* IE6-9 */
	
    font-size: 28px; color: #fff; line-height: 60px; text-align: center;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}

.section-3-box h3 { margin-top: 0; padding: 0 0 10px 0; }


/***** Footer *****/

footer { padding: 40px 0; }


/*TOP3列*/
img.top3_1{width: 100%; height:200px; object-fit: cover;}

/*フッターGoogleMap*/
.wrap {
	position: relative;
	width: 100%;
	padding-top: 75%; /* = height ÷ width × 100 */
}

.wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*お問い合わせフォーム*/
div.frm01 {font-size: 0.8rem;}
div.frm01 h4{font-size:17px; color: #444; font-weight: bold;}
div.frm01 p{margin-left: 1rem; line-height: 1.5rem;}
div.frm01 ul{line-height: 1.5rem;}
span.hitsusu{color: #cc0000; font-weight: bold;}

/*プライバシーポリシー*/
*.logbox {
    border: solid 1px #808080;
    width: 100%;
    height: 170px;
    padding: 0.5em;
    overflow: auto;
}

/*TOPページカードタイトル*/
h5.card-title{color: #000;}

/*ページの上に戻る*/
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #BCB124;
	opacity: 0.9;
  }
  #page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
  }
  #page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
  }

.link01 {
	margin-top:-100px;
   padding-top:100px;
 }

 /*GoogleMAP*/
 .GoogleMap{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;/*比率をお好みで*/
}

/*店舗情報内GoogleMap*/
.GoogleMap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/*サイドナビ一部固定*/
.sidebar_fixed {
	position: sticky;
	top: 0px;
  }
  .sidebar_content {
	margin-bottom: 10px;
  }

/*サイドナビ：プロフィール*/
div.siden-01{
padding: 0;
}
div.siden-01 p{
	line-height: 1.3rem; font-size: 0.9rem;
}
div.siden-01 p span{
	font-size: 1rem;
	color: #000;
}

/*overhawl.html 実績時計リスト*/

.wrap02 {
	width: 100%;
	margin: 0 auto;
}

.clk01 {
	margin: 0 auto;
	line-height: 1.2;
}

.item {
	width: 200px;
}

.item img {
	width: 100%;
}

/*top plus*/
.pc { display: block !important; }
.sp { display: none !important; }

.index_h1{
    font-size:50px;
    line-height: 60px;
}

.f01{
    font-size: 16px;
}
.btn-info {
    color: #fff;
    background-color: #23272b !important;
    border-color: #23272b !important;;
}
.btn-warning {
    color: #fff;
    background-color: #23272b !important;
    border-color: #23272b !important;
}

@media screen and (max-width:750px) { 
        .pc { display: none !important; }
    .sp { display: block !important; }
    .index_h1 {
    font-size: 30px;
    line-height: 40px;
}
   .f01{
    font-size: 14px;
       line-height: 22px;
} 
.medium-paragraph {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
}    
}

/*ページ内リンク*/
#link01, #link02, #link03, #link04 {
	margin-top:-70px;
   padding-top:70px;
 }    

 /*ブログカテゴリテキスト*/
 .blgcat01{
	font-family: 'Noto Sans JP', sans-serif;
	 font-size: 0.8rem;
	 color: #fff;
}

/*区切り線*/
.bdr01{
	height: 1px;
  background: #aaa;
  background-image: -webkit-linear-gradient(left, #ddd, #999, #ddd);
  background-image: -moz-linear-gradient(left, #ddd, #999, #ddd);
  background-image: -ms-linear-gradient(left, #ddd, #999, #ddd);
  background-image: -o-linear-gradient(left, #ddd, #999, #ddd);
}