@charset "utf-8";
@import "general.css";
/* ===========================================================
 *
 * 夢暖房・暖話室LP　スタイルシート
 * 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: url(../images/bg_top01.jpg) center center;
}

/* ----------------------------------------------------------
 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: 10px 4%; overflow: hidden; background: #fff; }
header .headerLogo{ float: left; width: 60%; }
header .headerLogoImg{ float: left; width: 170px; margin-top: 8px; }
header .headerLine{ float: left; width: 45px; border-top: 1px solid #ccc; margin: 23px 30px 0 30px; }
header .headerTxt{ float: left; font-size: 14px; color: #666; margin-top: 13px; }
header .headerIco{ float: right; width: 110px; }
header .headerIco ul{ width: 100%; }
header .headerIco ul li{ float: left; width: 50px; margin-right: 10px; }
header .headerIco ul li:last-child{ margin-right: 0%; }
header .headerIcoFB{ float: left; color: #fff; padding: 0; margin: 0;  line-height: 45px; text-align: center; display: inline-block;  margin-right: 5%; }
header .headerIcoFB a{ display: block; color: #fff; font-size: 25px; width: 50px; height: 50px; background-color: #4267b2; border-radius: 50%; }
header .headerIcoFB a:hover{ opacity: 0.6; }
header .headerIcoInsta{ float: left; color: #fff; padding: 0; margin: 0; line-height: 45px; text-align: center; display: inline-block;  }
header .headerIcoInsta a{ display: block; color: #fff; font-size: 25px; background-color: #7c7a77; width: 50px; height: 50px; border-radius: 50%; }
header .headerIcoInsta a:hover{ opacity: 0.6; }

/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer { }
footer #footerBtn{ background: url(../images/footer_bg01.jpg) no-repeat center center; background-size: cover; padding: 5% 0; }
footer #footerBtn ul{ width: 70%; margin: 0 auto; overflow: hidden; }
footer #footerBtn ul li{ float: left; text-align: center; width: 48%; margin: 0 1% 3% 1%; }
footer #footerBtn ul li:nth-child(3),
footer #footerBtn ul li:nth-child(4){ margin: 0 1%; }
footer #footerBtn ul li a{ display: block; border: 2px solid #fff; border-radius: 15px; color: #fff; font-size: 27px; padding: 1% 0 2% 0; font-family: "dnp-shuei-gothic-gin-std"; font-weight: 600; letter-spacing: 1px; }
footer #footerBtn ul li a span{ display: block; font-size: 14px; font-weight: 400; }
footer #footerBtn ul li a:hover{ opacity: 0.6; }

footer #footerSNS{ overflow: hidden; padding: 3% 0 5% 0; background: #fff; }
footer #footerSNS ul{ width: 70%; margin: 0 auto; overflow: hidden; }
footer #footerSNS ul li{ float: left; width: 49%; margin-right: 2%; }
footer #footerSNS ul li:last-child{ margin-right: 0; }
footer #footerSNS ul li .footerFB{ margin: 0 auto 3% auto; text-align: center; }
footer #footerSNS ul li .footerFB a{ display: block; background: #3b5998; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 26px; padding: 4% 0 5% 0; border: 2px solid #3b5998; }
footer #footerSNS ul li .footerFB a:hover{ background: #fff; color: #3b5998; }
footer #footerSNS ul li .footerFB i{ margin-right: 10px; font-size: 1.1em; }
footer #footerSNS ul li .footerInsta{ margin: 0 auto; text-align: center;  }
footer #footerSNS ul li .footerInsta a{ display: block; background: #7c7a77; border-radius: 15px; color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 26px; padding: 4% 0 5% 0; border: 2px solid #7c7a77; }
footer #footerSNS ul li .footerInsta a:hover{ background: #fff; color: #7c7a77; }
footer #footerSNS ul li .footerInsta i{ margin-right: 10px; font-size: 1.1em; }

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

footer #footerLogo{ background: #fff; text-align: center; font-size: 12px; padding: 3% 0; line-height: 1.5; }
footer #footerLogo a:hover{ opacity: 0.6; }
footer #footerLogo span{ display: block; font-size: 12px; color: #666; margin-top: 10px; }

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

/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */
#lNavi{ position: fixed; top: 100px; right: 0; z-index: 999; }
#lNavi nav{  }
#lNavi nav ul{}
#lNavi nav ul li{ -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin-bottom: 5px; }
#lNavi nav ul li a{ display: block; color: #666; font-size: 16px; background: #fff; padding: 30px 15px;
/* 左上 */
border-top-left-radius : 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
/* 左下 */
border-bottom-left-radius : 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
}
#lNavi nav ul li a:hover{ background: #fe980f; color: #fff; }

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

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

#lpSec01{}
#lpSec01 .lpSec01Bg{ background: url(../images/img_top01.jpg) no-repeat center center; background-size: cover; }
#lpSec01 .lpSec01Txt{ background: rgba(219,125,0,0.4); width: 50%; height: auto; padding-left: 80px; }
#lpSec01 .lpSec01Tit{ color: #fff; font-size: 69px; font-weight: 700; font-family: "tbudrgothic-std",sans-serif; line-height: 1.3; margin-bottom: 40px; padding: 300px 0 0 0; text-shadow:0px 0px 15px #9f0000; letter-spacing: 2px; }
#lpSec01 .lpSec01Tit span{ font-size: 58px; font-weight: 700; }
#lpSec01 .lpSec01Tit01{ font-size: 28px; color: #fff; letter-spacing: 1px; font-weight: 900; font-family: "tbudrgothic-std",sans-serif; margin-bottom: 40px; text-shadow:0px 0px 15px #9f0000; }
#lpSec01 .lpSec01Txt01{ font-size: 17px; color: #fff; line-height: 1.8; letter-spacing: 1px; padding-bottom: 180px; text-shadow:0px 0px 7px #9f0000; }

#lpSec01 .lpSec01Wrap{ margin: 10px 110px 80px 110px; overflow: hidden; }
#lpSec01 .lpSec01Wrap:after{ content: ""; display: block; clear: both; }
#lpSec01 .lpSec01Q{ position: relative; display: block; margin: -40px auto; padding: 15px 30px; min-width: 120px; max-width: 33%; color: #fff; font-size: 28px; 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 .lpSec01Txt02{ float: left; width: 67%; }
#lpSec01 .lpSec01Point{ margin: 100px 0 20px 0; }
#lpSec01 .lpSec01Tit02{ font-family: "tbudrgothic-std",sans-serif; font-size: 22px; font-weight: 900; color: #666; margin: 0 0 20px 0; line-height: 1.5; letter-spacing: 2px; }
#lpSec01 .lpSec01Txt03{ font-size: 16px; line-height: 1.7; margin: 0 160px 0 0; color: #666; }
#lpSec01 .lpSec01Img{ float: left; width: 33%; height: auto; margin: 100px 0 20px 0; }
#lpSec01 .lpSec01Img img{ border-radius: 15px;
/* box-shadow */
box-shadow:15px 15px 0px 0px #ffe7c6;
-moz-box-shadow:15px 15px 0px 0px #ffe7c6;
-webkit-box-shadow:15px 15px 0px 0px #ffe7c6;
}

#lpSec01 .lpSec02Bg{ background: url(../images/img_top03.jpg) no-repeat center center; background-size: cover; }
#lpSec01 .lpSec02Txt{ background: rgba(219,125,0,0.4); width: 50%; height: auto; padding-left: 80px; margin-left: 50%; }

#lpSec01 .lpSec03Bg{ background: url(../images/img_top05.jpg) no-repeat right top; background-size: cover; }



.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("/kosodate/images/bg_danwa1000.jpg") center center no-repeat #e2e3db; min-height: 700px; background-size: contain; margin-bottom: 60px; }
.kosodate_top_bg01{ width: 1130px; margin: 0 auto; }
.kosodate_top_ico{ padding: 40px 0; }
.kosodate_top_txt{ font-family: dnp-shuei-mgothic-std, sans-serif; font-weight: 600; font-style: normal; }
.kosodate_top_txt p{ color: #c92c19; font-size: 45px; letter-spacing: 1px; line-height: 1.6; }
.kosodate_top_txt p span{ font-size: 25px; }

.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; }