@charset "UTF-8";
/*
    Template: swell
    Theme Name: 株式会社CC-1stぷれいす
    Theme URI: https://swell-theme.com/
    Description: SWELL CHILD
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*サイト内の全フォントの設定*/

h1,
h2,
h3,
h4,
h5,
h6,
span
{
font-family: "Kiwi Maru", serif;
font-family: "BIZ UDPGothic", sans-serif;
}


p,
li,
ul,
ol,
a,
strong,
div
{

	font-family: "Kiwi Maru", serif;
	font-family: "BIZ UDPGothic", sans-serif;
}



h1,h2,h3,h4,h5,h6{
color:var(--color_main) !important;

}

/* 全サイト共有parts */
.contents_box {
  margin: 0 auto !important;
  padding-top: 0 !important;
}
.top .contents_box {
  padding-top: 0em !important;
}

.top #content {
	padding-top: 0 !important;
  margin: 0 auto !important;
}


/*コンタクトフォーム*/

form {
display: block;
	width: 70%;
    margin: 0 auto;
}
@media screen and (max-width: 782px) {
	form {
display: block;
	width: 90%;
    margin: 0 auto;
}
}

button, input, select, textarea{
 width: 100%;
}

label{
 color:black;
 font-weight:bold;
}

input[type="checkbox" i] {
    width: fit-content;
 margin: 1% auto;
}

.wpcf7-list-item {
    overflow: visible;
    width: 100%;
    margin: 1% auto;
    text-align: center;
}

/*ページタイトル文字*/
h1.c-pageTitle{
 color:white !important;
}

/*カテゴリー一覧ページのカテゴリ表示名*/
span.c-pageTitle__inner{
 color:var(--color_main) !important;
}

/*ポストのタイトルの色を変更*/
h1.c-postTitle__ttl{

}

/*メニューのお問い合わせアイコン*/
.c-gnav > .menu-item:last-of-type > a {
background-color:var(--color_main) ;
    transition: .5s;
    color: white;
}

.c-gnav > .menu-item:last-of-type > a:hover {
    background-color: #dd8b42;
}



/* 追従サイドバーTEL */
.follow-banner {
  position: fixed;
  top: 45%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
  box-shadow: 0 2px 4px var(--swl-color_shadow);
  border-radius: 20px 1px !important;
  width: 100px;
}
.follow-banner p {
  padding: 0.5% !important;
}
.follow-banner a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  writing-mode: vertical-rl;
  color: #fff;
  background-color: var(--color_main);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1.5em 1em !important;
  border-radius: 10px 0 0 10px;
  transition: opacity 0.25s;
}
.follow-banner a:hover {
  opacity: 0.7;
}
.follow-banner a .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}

.follow-banner-bottom {
  position: fixed;
  top: 80%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
  box-shadow: 0 2px 4px var(--swl-color_shadow);
  border-radius: 20px 1px !important;
  width: 100px;
}
.follow-banner-bottom p {
  padding: 0.5% !important;
}
.follow-banner-bottom a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  writing-mode: vertical-rl;
  color: #fff;
  background-color: var(--color_main);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1.5em 1em !important;
  border-radius: 10px 0 0 10px;
  transition: opacity 0.25s;
}
.follow-banner-bottom a:hover {
  opacity: 0.7;
}
.follow-banner-bottom a .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}



/* スマホでは非表示に */
@media screen and (max-width: 782px) {
  .follow-banner {
    display: none !important;
  }
}
@media screen and (max-width: 782px) {
  .follow-banner-bottom {
    display: none !important;
  }
}

/*TOPページへのボタン*/
@media (min-width: 960px) {
    .p-fixBtnWrap {
        right: 7.5em;
    }
}

/*TOPページのお問い合わせボックス*/
.contact-box{
	padding: 10%;
}


.w-beforeFooter{
	margin-top:0;
}