@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    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
*/


/*  サイト全体*/
body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
}
h1.c-pageTitle {
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

/* サイト全体に使用するデザイン */
/* メニュー背景70%透過 */
 header#header {
    position: fixed;
    background: none;
}

/*  各所フォントと字間・行間指定*/
.yu {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.lh {
	 line-height: 41px;
}
.lh11 {
	 line-height: 37px;
	letter-spacing: 0.1px;
}
.ltsp {
	letter-spacing: auto;
}
@media screen and (max-width: 425px) {
.lh {
	 line-height: 30px;
}
}
.hr-01{
    height: 3px;
    border-radius: 20px;
}
 .hr-02{
    height: 3px;
    border-radius: 20px;
} 
.hr-04 {
    height: 3px;
    border-radius: 20px;
}
h1.cth-tit {
	font-size: 1.5em
}
h2.wp-block-heading.has-text-align-center.yu.ltsp {
    font-weight: 500;
}
 h2 {
    padding-bottom: 0;
    line-height: 1;
 }
p.has-text-align-center.u-mb-ctrl.u-mb-15.yu.ltsp {
    letter-spacing: 3px;
}
p.has-text-align-center.u-mb-ctrl.u-mb-15.yu.ltsp.title12 {
    font-size: 20px;
}
/*  メニューバーのタイトル*/
span.ttl {
    font-weight: 550;
}

@media screen and (max-width: 600px) {
	/* 600px以下に適用されるCSS（タブレット用） */
/*  コンテンツヘッダーの調整*/
.wp-block-group.ch-tit001.is-layout-constrained.wp-block-group-is-layout-constrained {
    width: auto!important;
    padding: 120px 30px;
}
/*  */
	
.ltsp {
    letter-spacing: 1px; 
}
.ltsp02 {
    letter-spacing: 1px!important; 
}
p.has-text-align-center.u-mb-ctrl.u-mb-10.yu.ltsp.has-white-color.has-text-color {
    font-size: 10px;
}
	p.has-text-align-center.u-mb-ctrl.u-mb-10.yu.ltsp02.has-white-color.has-text-color  {
    font-size: 10px;
}
	p.has-text-align-center.u-mb-ctrl.u-mb-10.has-white-color.has-text-color {
    font-size: 10px;
}
}
/*  制作の流れの資料請求と問い合わせボタンのデザイン*/
/* 	div.cta-btn02 a.swell-block-button__link {
    border-radius: 40px;
    border: 2px solid #fb3915;
    padding: 5px 20px 5px 20px;
}
div.cta-btn02 a.swell-block-button__link:hover {
	background: #fff;
}
div.cta-btn02 a span {
	color: #fb3915;
}
div.cta-btn02 a.swell-block-button__link:hover {
    background: #fb3915;
}
div.cta-btn02 a span:hover{
    color: #fff;
} */

/*  制作までの流れ下のオレンジテキストボックス*/
/* .wp-block-group.has-border.-border01.bp-box01.is-layout-constrained.wp-block-group-is-layout-constrained {
    width: 98%;
    margin: 0 auto 80px auto;
    text-align: center;
    padding: 20px 60px 20px 60px;
    border: 4px solid #ED6A00;
    font-size: 1rem;
    font-weight: 600;
    color: #ED6A00;
    border-radius: 40px;
} */

span.satori__require {
    background: #ed6a01!important;
    color: #fff!important;
}
span.satori__not_require {
	 color: #fff!important;
}

input#satori__submit_confirm {
    background-color: #ed6a00!important;
    color: #ffffff!important;
    padding: 5px!important;
    border-radius: 20px!important;
}