@charset "UTF-8";
/*
    Template: swell
    Theme Name: swell child
    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,
p,
li,
ul,
ol,
a,
strong
div{
  font-family: "Noto Serif JP", serif !important;
}

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: 1em !important;
  margin: 0 auto !important;
  margin-top:0 !important;
}


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

form {
    display: inline-block;
    width: 100%;
    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;
}

/*TOPページにある画像*/
.top-headingimg
{
    position: absolute;
    left: -25vw;
    width:  fit-content;
	    max-width: fit-content;
    height: auto;
    top: 0;
	z-index:100;
}

@media screen and (max-width: 782px) {
	.top-headingimg{
		display:none !important;
	}
}