@charset "utf-8";
@import "general.css";
/* ===========================================================
 *
 * 夢暖房・暖話室LPSP　スタイルシート
 * Last UpDate : 2021/08/25
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

html { }

body {
	color: #333;
	font-weight:400;
	font-family:
		"tbchibirgothicplusk-pro",
		"Yu Gothic",
		"游ゴシック",
		"游ゴシック体",
		"ヒラギノ角ゴ Pro W3",
		"メイリオ",
		sans-serif;
	background: #fffbf5;
}

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
a:link		{ color:#333; text-decoration:none; }
a:visited	{ color:#333; text-decoration:none; }
a:hover		{ color:#fe980f; text-decoration:none; }
a:active	{ color:#fe980f; text-decoration:none; }

/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1 { }
h1 a:hover { opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
 }
a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */
#wrapper {}

/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */
header{ padding: 4%; overflow: hidden; background: #fff; }
header .headerLogo{ float: left; width: 72%; }
header .headerLogoImg{ margin-bottom: 5px; }
header .headerLogoImg img{ width: 70%; max-width: 170px; height: auto; }
header .headerTxt{ font-size: 11px; }
header .headerIco{ float: left; width: 28%; }
header .headerIco ul{ width: 100%; }
header .headerIco ul li{ float: left; width: 48%; margin-right: 2%; }
header .headerIco ul li:last-child{ margin-right: 0%; }
header .headerIcoFB{ float: left; background-color: #4267b2; color: #fff; padding: 0; margin: 0; width: 45px; height: 45px; line-height: 40px; text-align: center; display: inline-block; border-radius: 50%; margin-right: 5%; }
header .headerIcoFB a{ display: block; color: #fff; font-size: 25px; }
header .headerIcoInsta{ float: left; background-color: #7c7a77; color: #fff; padding: 0; margin: 0; width: 45px; height: 45px; line-height: 40px; text-align: center; display: inline-block; border-radius: 50%; }
header .headerIcoInsta a{ display: block; color: #fff; font-size: 25px; }

/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer { }
footer #footerBtn{ background: url(../images/footer_bg01.jpg) no-repeat; background-size: cover; padding: 10% 0; }
footer #footerBtn .footerBtn01{ text-align: center; width: 90%; margin: 0 auto 3% auto; }
footer #footerBtn .footerBtn01 a{ display: block; border: 2px solid #fff; border-radius: 15px; color: #fff; font-size: 24px; padding: 1% 0 2% 0; font-family: "dnp-shuei-gothic-gin-std"; font-weight: 600; letter-spacing: 1px; line-height: 1.5; }
footer #footerBtn .footerBtn01 a span{ display: block; font-size: 13px; font-weight: 400; }
footer #footerBtn .footerBtn01:last-child{ margin-bottom: 0; }

footer #footerSNS{ overflow: hidden; padding: 3% 0 15% 0; background: #fff; }
footer #footerSNS .footerFB{ width: 90%; margin: 0 auto 3% auto; text-align: center; }
footer #footerSNS .footerFB a{ display: block; background: #3b5998; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 22px; padding: 4% 0 5% 0; }
footer #footerSNS .footerFB i{ margin-right: 10px; font-size: 1.1em; }
footer #footerSNS .footerInsta{ width: 90%; margin: 0 auto; text-align: center;  }
footer #footerSNS .footerInsta a{ display: block; background: #7c7a77; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 22px; padding: 4% 0 5% 0; }
footer #footerSNS .footerInsta i{ margin-right: 10px; font-size: 1.1em; }

footer #pageTop{ padding:0 0 15% 0; text-align: center; background: #fff; overflow: hidden; border-bottom: 1px solid #ccc; }

footer #footerLogo{ background: #fff; text-align: center; font-size: 12px; padding: 5% 0; line-height: 1.5; }
footer #footerLogo span{ display: block; font-size: 12px; color: #666; }

/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */
#contents:after { content: ""; display: block; clear: both; }

/************** トップページ **************/

#lpSec01{}
#lpSec01 .lpSec01Img{ background: url(../images/img_top01.jpg) no-repeat; background-size: cover; color: #fff; font-size: 35px; font-weight: 900; font-family: "tbudrgothic-std",sans-serif; text-align: center; min-height: 360px; line-height: 1.3; padding: 7% 0 0 0; letter-spacing: 1px; }
#lpSec01 .lpSec01Img span,
#lpSec01 .lpSec02Img span,
#lpSec01 .lpSec03Img span{ font-size: 30px; font-weight: 700; }
#lpSec01 .lpSec01Wrap01{ border: 10px solid #f5ddcc; padding: 8% 5% 10% 5%; background: #fff; }
#lpSec01 .lpSec01Tit{ font-size: 22px; color: #ce5300; font-weight: 900; line-height: 1.5; font-family: "tbudrgothic-std",sans-serif; background: url(../images/border_dot01.png) no-repeat left bottom; padding-bottom: 5%; margin-bottom: 5%; }
#lpSec01 .lpSec01Txt{ font-size: 17px; line-height: 1.5; }
#lpSec01 .lpSec01Wrap02{ margin-top: 10px; }
#lpSec01 .lpSec01Q{ position: relative; display: block; margin: -40px 5%; padding: 15px; min-width: 120px; max-width: 100%; color: #fff; font-size: 22px; font-weight: 900; background: #fe980f; text-shadow:5px 5px 0px #fd7307; font-family: "tbudrgothic-std",sans-serif; text-align: center; border-radius: 10px; letter-spacing: 1px; }
#lpSec01 .lpSec01Q:before{ content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fe980f; }
#lpSec01 .lpSec01Q p{ margin: 0; padding: 0; }
#lpSec01 .lpSec01Tit01{ font-family: "tbudrgothic-std",sans-serif; font-size: 24px; font-weight: 900; color: #666; text-align: center; margin: 80px 0 0 0; line-height: 1.5; background: url(../images/border_dot01.png) no-repeat center bottom; letter-spacing: 2px; padding-bottom: 5%; }
#lpSec01 .lpSec01Txt01{ font-size: 17px; line-height: 1.5; padding: 5%; }
#lpSec01 .lpSec01Img01{ width: 100%; height: auto; margin-bottom: 8%; }
#lpSec01 .lpSec01Img01 img{ width: 100%; height: auto; }

#lpSec01 .lpSec02Img{ background: url(../images/img_top03.jpg) no-repeat; background-size: cover; color: #fff; font-size: 35px; font-weight: 900; font-family: "tbudrgothic-std",sans-serif; text-align: center; min-height: 360px; line-height: 1.3; padding: 7% 0 0 0; letter-spacing: 1px; }
#lpSec01 .lpSec03Img{ background: url(../images/img_top05.jpg) no-repeat; background-size: cover; color: #fff; font-size: 35px; font-weight: 900; font-family: "tbudrgothic-std",sans-serif; text-align: center; min-height: 360px; line-height: 1.3; padding: 7% 0 0 0; letter-spacing: 1px; }



.kosodate_sec p{ font-family: dnp-shuei-gothic-kin-std,sans-serif; font-weight: 400; font-style: normal; }

.kosodate_top_txt p{ font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; }

.kosodate_top_bg{ position: relative; background: url("../images/bg_danwa1000.jpg") center bottom no-repeat #e2e3db; min-height: 500px; background-size: contain; }
.kosodate_top_bg01{ width: 90%; margin: 0 auto; }
.kosodate_top_ico{ padding: 30px 0; width: 40%; }
.kosodate_top_ico img{ width: 100%; height: auto; }
.kosodate_top_txt{ background-color: #e2e3db; font-family: dnp-shuei-mgothic-std, sans-serif; font-weight: 600; font-style: normal; padding: 20px 0; }
.kosodate_top_txt p{ width: 90%; margin: 0 auto; color: #c92c19; font-size: 20px; letter-spacing: 1px; line-height: 1.6; }
.kosodate_top_txt p span{ font-size: 16px; }

.kosodate_sec .lpSec01Txt02{ width: 45% !important; }
.kosodate_sec .lpSec01Img{ width: 55% !important;  }
.kosodate_sec .lpSec01Img img:nth-child(2){ margin-left: 50px; }
.kosodate_sec .lpSec01Txt03{ margin: 0 0 0 0 !important; }