@charset "utf-8";

/*
Theme Name: Doi Child
Description: Child theme for Doi
Author: Doi
Version: 1.0.0
Template: doi
*/

/* ==================================================
トップページ メインビジュアル
PCのみ説明文を少し大きくする
================================================== */

@media screen and (min-width: 768px) {

```
#index .mainVisual .txtBox .txt {
	font-size: 24px;
	line-height: 1.8;
}
```

}

/* ==================================================
OUR VALUES
私たちが提供できる5つの価値
================================================== */

.ourValues {
padding: 80px 0;
background: #f7f7f7;
}

.ourValues .valueList {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
max-width: 1100px;
margin: 50px auto 0;
padding: 0;
list-style: none;
}

.ourValues .valueList li {
position: relative;
padding: 35px 35px 35px 95px;
background: #fff;
border-top: 3px solid #222;
box-sizing: border-box;
}

/* 05は中央に配置 */

.ourValues .valueList li:last-child {
grid-column: 1 / -1;
max-width: 535px;
width: 100%;
margin: 0 auto;
}

/* 番号 */

.ourValues .valueList .num {
position: absolute;
top: 28px;
left: 25px;
margin: 0;
font-size: 42px;
line-height: 1;
font-weight: 400;
opacity: 0.35;
}

/* 各項目タイトル */

.ourValues .valueList h3 {
margin: 0 0 18px;
font-size: 21px;
line-height: 1.6;
font-weight: 600;
}

/* 各項目の説明文 */

.ourValues .valueList li > p:not(.num) {
margin: 0;
font-size: 16px;
line-height: 1.9;
}

/* ==================================================
VOICE
お客様の声
================================================== */

.voiceList {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}

.voiceItem {
padding: 35px;
background: #fff;
box-sizing: border-box;
}

/* 番号 */

.voiceNum {
margin: 0 0 15px;
font-size: 40px;
line-height: 1;
font-weight: 400;
opacity: 0.35;
}

/* お客様の声タイトル */

.voiceItem .headLine02 {
margin: 0 0 20px;
font-size: 21px;
line-height: 1.6;
}

/* 本文 */

.voiceItem p {
font-size: 16px;
line-height: 1.9;
}

/* 2段落目以降に少し余白 */

.voiceItem p + p {
margin-top: 18px;
}

/* お客様プロフィール */

.voiceProfile {
margin-top: 25px !important;
padding-top: 15px;
border-top: 1px solid #ddd;
font-weight: 600;
}

/* ==================================================
PROBLEMS
こんなことでお困りではありませんか？
================================================== */

.problems {
padding: 80px 0;
}

/* 悩み一覧 */

.problemsList {
max-width: 900px;
margin: 40px auto 30px;
padding: 0;
list-style: none;
}

.problemsList li {
position: relative;
padding: 15px 15px 15px 42px;
border-bottom: 1px solid #ddd;
font-size: 18px;
line-height: 1.7;
}

/* チェックマーク */

.problemsList li::before {
content: "✓";
position: absolute;
left: 12px;
top: 15px;
font-weight: bold;
}

/* 最後の説明文 */

.problemsBottom {
max-width: 900px;
margin: 35px auto 0;
font-size: 18px;
line-height: 1.9;
text-align: center;
}

/* お問い合わせボタン */

.problemsBtn {
margin-top: 35px;
}

/* ==================================================
FAQ 個別リンク
アンカー移動時にヘッダーの裏に隠れないようにする
================================================== */

#faq-difference,
#faq-kessan-chokuzen,
#faq-zeimuchosa-contact,
#faq-zeirishi-change,
#faq-price,
#faq-shisanhyo,
#faq-kaikei-software {
scroll-margin-top: 120px;
}

/* ==================================================
スマートフォン
================================================== */

@media screen and (max-width: 767px) {

```
/* ==================================================
   OUR VALUES
================================================== */

.ourValues {
	padding: 50px 20px;
}


.ourValues .valueList {
	display: block;
	margin-top: 30px;
}


.ourValues .valueList li {
	margin-bottom: 20px;
	padding: 28px 20px 25px 70px;
}


.ourValues .valueList li:last-child {
	max-width: none;
	margin-bottom: 0;
}


.ourValues .valueList .num {
	top: 27px;
	left: 18px;
	font-size: 34px;
}


.ourValues .valueList h3 {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 1.6;
}


.ourValues .valueList li > p:not(.num) {
	font-size: 15px;
	line-height: 1.8;
}


/* ==================================================
   VOICE
================================================== */

.voiceList {
	display: block;
	margin-top: 30px;
}


.voiceItem {
	margin-bottom: 20px;
	padding: 25px 20px;
}


.voiceItem:last-child {
	margin-bottom: 0;
}


.voiceNum {
	margin-bottom: 12px;
	font-size: 34px;
}


.voiceItem .headLine02 {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 1.6;
}


.voiceItem p {
	font-size: 15px;
	line-height: 1.8;
}


.voiceItem p + p {
	margin-top: 15px;
}


.voiceProfile {
	margin-top: 20px !important;
	padding-top: 12px;
}


/* ==================================================
   PROBLEMS
================================================== */

.problems {
	padding: 50px 20px;
}


.problemsList {
	margin: 25px auto;
}


.problemsList li {
	padding: 12px 5px 12px 32px;
	font-size: 15px;
	line-height: 1.7;
}


.problemsList li::before {
	left: 5px;
	top: 12px;
}


.problemsBottom {
	margin-top: 25px;
	font-size: 15px;
	line-height: 1.8;
	text-align: left;
}


.problemsBtn {
	margin-top: 25px;
}


/* ==================================================
   FAQアンカー位置調整
================================================== */

#faq-difference,
#faq-kessan-chokuzen,
#faq-zeimuchosa-contact,
#faq-zeirishi-change,
#faq-price,
#faq-shisanhyo,
#faq-kaikei-software {
	scroll-margin-top: 90px;
}
```

}