@charset "UTF-8";/*なおよし*/
body {
   font-family: "Zen Maru Gothic", serif;
   font-weight: 500;
   font-style: normal;
   width:100%;
   margin: auto;
}

/*-------------------------
見出し設定 
--------------------------*/
h1.title1{
	text-shadow: 3px 4px 10px rgb(50 50 70);
	font-size:2.75rem;

}

h2.title2{
	font-size: 2rem !important;
	font-weight: 700 !important;
	color:#418BCF;
}
@media (max-width: 640px){ 
h2.title2 {
    font-size: 1.625rem!important;
	font-weight: 700 !important;
	color:#418BCF;
}
}


h3.title3 {
	color:#418BCF;
    font-weight: 500!important;
    font-size: 1.5rem !important;

}
h3.title3large {
	color:#418BCF;
    font-weight: 600!important;
    font-size: 1.65rem !important;

}
h3.midashi-ornge:first-line {
    font-size:1rem;
    font-weight:500;
    color:#F8A201;
    line-height: 1.4;
	text-decoration: underline;
}



@media (max-width: 640px){ 
h3.title3 {
	color: #418BCF;
    font-size: 1.3rem!important;
	font-weight: 500 !important;

}
}
h3.title3large {
	color:#418BCF;
    font-weight: 600!important;
    font-size: 1.45rem !important;

}
	
h3.midashi-ornge:first-line  {
    font-size: 0.85rem!important;
    font-weight:500;
    color:#F8A201;
    line-height: 1.4;
	text-decoration: underline;
}
}


h4.title4 {
	font-size: 1.3rem !important;
	font-weight: 700 !important;
	display: inline-block;
    border-left: solid 5px #F8A201;
    padding: 0px 0px 0px 15px !important;
}
@media (max-width: 640px){ 
h4.title4 {
    font-size: 1.15rem!important;
	font-weight: 700 !important;
	display: inline-block;
    border-left: solid 5px #F8A201;
    padding: 0px 0px 0px 15px !important;
}
}

h5.title5obi {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	color: #418BCF;
	background-color:#E8F4FF;
	border-radius: 20px;
	padding-right:20px;
	padding-left:20px;
	margin-bottom: 10px;
	display:inline;
}
@media (max-width: 640px){ 
h5.title5obi {
    font-size: 1rem!important;
	font-weight: 700 !important;
	color: #418BCF;
	background-color:#E8F4FF;
	border-radius: 20px;
	padding-right:20px;
	padding-left:20px;
	margin-bottom: 10px;
	display:block;
}
}

/*-------------------------
ヘッダー・グローバルナビ設定
--------------------------*/
/*PC版 アイコン配置*/
.grobnavi-icon{
   display:inline-block;
   text-align: center;
   font-weight: 600;
}

/*ヘッダー電話*/
.header-tel{
	font-size: 1.7rem !important;
	font-weight: 700 !important;
	color: #418BCF;
	padding-bottom: 0;
	margin-bottom: 0;
}

/*電話番号・問い合わせボタン横並び*/
.my-header-content {
    display: flex;
    align-items: flex-end;
}

.my-header-content__button {
    margin: 0 1rem 0 0;
	background-color: #8DC64B;
	border-radius:10px !important;
}

.sme-hidden-sm .is-style-smb-section-undecorated-title img {
    border-radius: 50% !important;
}


/*グローバルナビ サブメニュー幅調整*/
.c-navbar__submenu {
  min-width: 280px; /* ご希望に応じてこの値を調整してください */
  /* width: 280px; としてもOKです */
}


/*ドロワーナビ下階層矢印*/
.c-ic-angle-right {
    display: inline-block !important;
    width: 18px !important;   /* 24px * 0.75 = 18px */
    height: 18px !important;  /* 24px * 0.75 = 18px */
    position: relative;
    vertical-align: middle;
    background: none !important;
}

.c-ic-angle-right::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('http://naoyoc.com/naoy-wp/wp-content/uploads/2025/05/angles-down-solid.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(90deg) scale(0.75); /* 右→下向き＆75%縮小 */
    filter: brightness(0) invert(1);      /* 黒→白に変換 */
}
/* 1. 既存の矢印（before疑似要素）だけ消す */
.c-ic-angle-right::before,
.c-drawer__toggle::before {
    content: none !important;
    background: none !important;
    background-image: none !important;
    display: none !important;
}

/* 2. 画像の下矢印だけを表示（after疑似要素を使う） */
.c-ic-angle-right {
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    position: relative;
    vertical-align: middle;
    background: none !important;
}

/* after疑似要素だけで画像を出す（display:blockにする！display:none禁止） */
.c-ic-angle-right::after {
    content: "";
    display: block !important;
    width: 100%;
    height: 100%;
    background-image: url('http://naoyoc.com/naoy-wp/wp-content/uploads/2025/05/angles-down-solid.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0; left: 0;
    filter: brightness(0) invert(1);
    pointer-events: none;
}









/*-------------------------
TOPページ
--------------------------*/

/*------最新情報-------*/
/*文字設定*/
.top-news .c-entry-summary__meta{
	color: #6594e0;
	font-weight: 700;
	font-size: 1rem;
}
.top-news .c-entry-summary__title{
	font-weight: 700;
	font-size: 1rem;
}

/*メイン画像の角丸*/
.main-img{
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}
/*-------------------------
文字設定・その他細々
--------------------------*/

/*リンク色を変えない、下線なし*/
.link-deco a {
	text-decoration:none;
	color: inherit;
}

.link-deco a:hover {
	text-decoration:none;
	color: inherit;
}

/*簡単！2分で完了！*/
.campaign-bottom-text {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.campaign-bottom-text::before,
.campaign-bottom-text::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.6rem;
    background: #333333;
    border-radius: 3px;
    transform: rotate(-30deg);
}
.campaign-bottom-text::after {
    transform: rotate(30deg);
}

/*ボタンのフォント*/
.bt-textlarge{
	font-size: 1.4rem;
	font-weight: 600;
}

@media (max-width: 480px){ 
.bt-textlarge {
    font-size: 1.1rem!important;
	font-weight: 600 !important;
}
}

/*区切り線細く*/
hr{
  	border-width:thin !important;
}

/*流れページステップの番号大きく*/
.smb-step__item__number {
	font-size: 1rem !important;
	font-weight: 700;
	
}

/*スタッフ紹介写真下キャプション*/
.photo-cap .wp-element-caption{
	display: block;
    margin: 0 auto;
	font-size: 1.5rem!important;
	font-weight: 600;
	color:#418BCF;
	text-align: center;
}

/*-------------------------
フッター
--------------------------*/
/*フッター背景色*/
.l-footer{
	background-color: #F8F2EC! important;
}
.l-footer__footer{
	background-color: #F8F2EC! important;
}

/*お問い合わせボタン色*/
.footer-bt{
	background-color: white!important;
}
.sme-font-size .has-sm-xl-font-size{
	padding-top: 10px!important;
}

/*フッターナビ消し*/
.l-footer__sub-nav{
	display: none;
}

/*コピーライト中央揃え*/
.c-copyright{
	text-align: center;
}

/*スマホフッター固定ナビ*/
.p-footer-sticky-nav {
	background-color: #F7E7D9; /* 背景色 */
	color: #5F1D12 important;
}

.p-footer-sticky-nav a {
    color: #5F1D12 important; /* 文字色 */
	font-size: 0.85rem!important;
	font-weight: 700;
}


/*-------------------------
お問い合わせページ
--------------------------*/

/*エラーメッセージ*/
.custom-error-message {
    position: relative;
    top: 12px;
}

/* プライバシーポリシーの本文 */
.privacy-policy {
    height: 240px;
    padding: 2em!important;
    overflow: scroll;
}

/* プライバシーポリシーの本文 */
.privacy-policy {
    height: 240px;
    padding: 2em!important;
    overflow: scroll;
}

/* プライバシーポリシーの同意 */
.privacy-agreement {
    border: none!important;
}
.privacy-agreement .smf-item__controls {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    font-weight: bold;
}
.privacy-agreement .smf-checkbox-control__control {
    border-color: #333;
    width: 20px!important;
    height: 20px!important;
}
.privacy-agreement .smf-checkbox-control__control:checked {
        background-color: #fff!important;
        border-color: var(--color_main)!important;
}
.privacy-agreement .smf-checkbox-control__control:checked:before {
    border-color: var(--color_main) !important;
    height: 10px;
    width: 7px;
}
/* 確認画面で規約を非表示 */
form[data-screen="confirm"] .form-kiyaku{
 display:none;
}
/*確認画面ボタン*/
.smf-action .smf-button-control__control {
    font-size: 1.2em;
    background-image: none;
    color: #fff;
    border: none;
    transition: box-shadow 0.25s;
    border-radius: 10px;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0;
    min-width: 35%;
    padding: 1em 1.5em;
    position: relative;
    text-decoration: none;
    width: auto;
	background: #8DC64B;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
}

.smf-action .smf-button-control__control:hover {
    border-color: inherit!important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
}

/*-------------------------
ブログ・最新情報
--------------------------*/

/*サイドバー　カテゴリー装飾*/
.cat-item  {
  color: #6594e0;/*文字色*/
  border-bottom: dashed 1px #C1C1C1;
}

.category-blogs .c-entry__header h1.c-entry__title{
  padding: 0.5em 0;/*上下の余白*/
  border-bottom: solid 1px #418BCF;/*下線*/
}


/*タイトル*/
.new-post.wp-block-latest-posts__post-title {
	font-size: 2rem;
	  padding: 0.5em 0;/*上下の余白*/
  border-bottom: solid 1px #418BCF;/*下線*/
}

.side-cat{
	font-weight: 700;
}

/*--------ブログ設定--------*/


/*ブログ記事一覧カラム数*/
.c-entries--rich-media .c-entries__item {
    flex-basis: 50%;
    max-width: 50%;
  }
  @media (max-width: 640px){
    .c-entries--rich-media .c-entries__item {
      flex-basis: 100%;
      max-width: 100%;
    }
  }


/*--------最新情報--------*/
/* 一覧文字設定*/
.category-news .c-meta{
	color: #6594e0;
	font-weight: 700;
	font-size: 1rem;
}
.category-news .c-entry-summary__title{
	font-weight: 700;
	font-size: 1rem;
}

/*--------施工事例--------*/
.u-hidden {
  display: none !important;
}