@charset "url-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');


* {
    box-sizing: border-box;
}

body{
	margin:0;
	padding:0;
	font-family: "Zen Kaku Gothic New", sans-serif, "Noto Serif JP", serif;
}

#nav_inner{
	//width:100%;
	min-width:1270px;
	margin:0 auto;
}


header{
	width:100%;
	left:0; top:0;
	padding-left:30px;
	background-image:url("../images/navback.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	height:102px;
	min-width:1270px;

	box-shadow:0 1px 8px #333;
	z-index:2;
	position:sticky;
}

h1,.kabu,h2,h3,h4{
	margin:0;
	padding:0;
}

header h1{
	line-height:102px;
	font-family:"Noto Serif JP", serif;
	font-size:30px;
	width:200px;
}

header h1 a{
	z-index:6;
	text-decoration:none;
	color:#fff;
}

header h1 .kabu{
	font-size:16px;
}

header h1 .kabu a{
	text-decoration:none;
}


/* header 右上サブナビ */

.subnav{
	z-index:4;
	width:100%;
	min-width:1260px;
}

.subnav ul{
	width: 330px;
	list-style: none;
	margin: -95px 20px 0 auto;
	padding:5px 7px;
	display:flex;
	background:#fff;
	opacity:0.9;
	border-radius:20px;
}

.subnav ul li a{
	padding:0 5px;
	text-decoration:none;
	color:#73193e;
	font-size:13px;
}

.subnav ul li a:hover{
	color:#000;
}


/* header 中央メインナビ */

.mainnav{
	z-index:5;
	width:720px;
	min-width:720px;
	margin:0 auto;
	padding:0;


}

.mainnav ul{
	width:710px;
	min-width:750px;
	list-style:none;
	margin:0 auto 0 0;
	padding:0;
	display:flex;
	justify-content:center;
	position:absolute; top:0;
}

.mainnav ul li{
	margin:0;
	padding-top:40px;
}

.mainnav ul li a{
	text-decoration:none;
	color:#fff;
	padding: 0 12px;
	font-size:18px;
	text-align:center;
}
	
.mainnav ul li span{
	display:block;
	margin:-40px 12px 0 12px;
	padding:0;
}

.mainnav ul li:hover{
	background:rgba(191,191,191,0.3);
}


/* header　電話案内 */

.inner_h{
	z-index:-1;
	width:100%;
	min-width:1260px;
	height:48px;
	margin-top:5px;
	position:relative;
}

header img{
	width: 40px;
	position:absolute; bottom:5px; right:230px;
	//margin:4px  auto 0 1125px
}

header h3{
	color:#fff;
	font-size:18px;
	font-family:"Noto Serif JP", serif;
	position:absolute; top:0; right:60px;
}

header h4{
	font-weight:normal;
	color:#fff;
	font-size:15px;
	position:absolute; bottom:0; right:120px;
}



/* スライドショー */


.slide{
	//height:500px;
}

.slide img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:left top;
}


.slick-prev {
	left: 10px;
	z-index: 1;
}

.slick-next {
	right: 20px;
}


/* 近藤石材が選ばれる３つの理由 */

#main{
	width:1260px;
	margin:0 auto;
	padding:0;
}

#sec_title h1{
	font-size:42px;
	text-align:center;
	font-family:"Noto Serif JP", serif;
	padding-top:160px;
	height:240px;
}

#sec1 .inner1{
	background-image:url("../images/daitenjijo.jpg");
	background-position:left top;
	margin:25px auto;
}

#sec2 .inner2{
	background-image:url("../images/original.jpg");
	background-position:right top;
	margin:55px auto;
}


#sec3 .inner3{
	background-image:url("../images/sekou.jpg");
	background-position:left top;
	margin:25px auto;
}


#sec1 .inner1,#sec2 .inner2,#sec3 .inner3{
	height:450px;
	width:1270px;
	min-width:1000px;
	margin-top:80px;

	background-size:650px 450px; 
	background-repeat:no-repeat;
}

.inner1 h2{
	text-align:right;
	color:#73193e;
	font-size:36px;
	font-family:"Noto Serif JP", serif;
	padding-right: 145px;

}

.inner1 h3{
	text-align:right;
	padding-top:10px;
	padding-right:150px;
	color:#73193e;
	font-size:20px;
	font-family:"Noto Serif JP", serif;
}

.inner1 p{
	padding-top:20px;
	padding-left:720px;
	font-size:14px;
	line-height:40px;
	text-align:left;
	margin:0;
}

#sec1_btn{
	padding-top: 33px;
	text-align: right;
	padding-right: 50px;
}

#sec1_btn a, #sec2_btn a, #sec3_btn a{
	font-weight:400;
	font-size:18px;
	font-family:"Noto Serif JP", serif;
	text-decoration:none;
	color:#000;
}

.inner2 h2{
	color:#73193e;
	font-size:36px;
	font-family:"Noto Serif JP", serif;
	padding-left: 85px;

}

.inner2 h3{
	padding-top:10px;
	padding-left:45px;
	color:#73193e;
	font-size:20px;
	font-family:"Noto Serif JP", serif;
}


.inner2 p{
	padding-top:20px;
	padding-left:45px;
	font-size:14px;
	line-height:40px;
	text-align:left;
	margin:0;
}

#sec2_btn{
	padding-top: 74px;
	padding-left: 300px;
}



.inner3 h2{
	text-align:right;
	color:#73193e;
	font-size:36px;
	font-family:"Noto Serif JP", serif;
	padding-right: 150px;

}

.inner3 h3{
	text-align:right;
	padding-top:10px;
	padding-right:155px;
	color:#73193e;
	font-size:20px;
	font-family:"Noto Serif JP", serif;
}

.inner3 p{
	padding-top:20px;
	padding-left:780px;
	font-size:14px;
	line-height:40px;
	text-align:left;
	margin:0;
}

#sec3_btn{
	padding-top: 74px;
	text-align: right;
	padding-right:-40px;
}


/* 取り扱いサービスについて */


#sec4{
	text-align:center;
	margin-top:100px; padding:0;
	width:100%;
	height:600px;
	background:rgba(191,191,191,0.3);
}

#sec4 h2{
	padding-top:50px;
	text-align:center;
	font-family:"Noto Serif JP", serif;
	font-size:42px;
}


#sec4 .inner_4{
	display:flex;
	justify-content:center;
}

#sec4 .inner_4-1 img,#sec4 .inner_4-2 img,#sec4 .inner_4-3 img{
	width:230px;
	height:230px;
	transition:all 1s;
}

#sec4 .inner_4-1,#sec4 .inner_4-2,#sec4 .inner_4-3{
	margin:30px;
	width:340px;
	height:400px
}

#sec4 h3{
	padding-top:50px;
}

#sec4 h3 a{
	text-decoration:none;
	font-size:28px;
	font-family:"Noto Serif JP", serif;
	color:#000;
}

#sec4 .inner_4-1 img:hover,#sec4 .inner_4-2 img:hover,#sec4 .inner_4-3 img:hover{

	transform:scale(1.3);

}


/* CM */

#sec5{
	width:100%;
	height:700px;
	margin-top:140px;
	padding:0;
	position:relative;
}

#sec5 h2{
	text-align:center;
	font-family:"Noto Serif JP", serif;
	font-size:46px;
	font-weight:700;
}

#sec5 p{
	padding-top:20px;
	text-align:center;
}


#sec5 video{
	padding-top:20px;
	display:block;
	margin:0 auto;
	width:800px;
}

#sec5 img{
	position:absolute; top:50%; right:50%;
	transform:translate(50%,-50%);
	width:200px;
	padding:200px;

}

/* よくある質問


#question{
	width:1000px;
	height:480px;
	margin-top:100px;
	padding:0;
	background:#73193e;
	opacity:0.8;
	position:relative;
	margin-left: calc(-50vw + 50%);
}



#question .inner_q{
	position:absolute; top:50px;
	width:900px;
	height:380px;
	margin:0;
	padding:0;
	background:#fff;
	text-align:center;
}



#question .inner_q h2{
	font-family:"Noto Serif JP", serif;
	font-size:35px;
	padding-top:100px;

	background:url("../images/hatena.png");
	background-repeat:no-repeat;
	background-size:10%;
	background-position:center  top 15px;
}

#question .inner_q h3{
	font-size:20px;
	padding-top:20px;
}

#question .inner_q h4{
	font-size:16px;
	padding-top:20px;
}

#q_btn{
	text-align:center;
	padding-top:40px;

}

#q_btn a{
	color:#000;
	font-family:"Noto Serif JP", serif;
}

*/

/* お問合わせ */

#inquiry{	
	background:rgba(191,191,191,0.3);
	color: #000;
}

#inquiry .inner_i{
	max-width: 1000px;
	margin: 100px auto 0;
	padding: 80px 20px;
	text-align: center;
}

#inquiry .inner_i h2{
	font-family:"Noto Serif JP", serif;
	font-size:35px;
	padding-top:100px;

	background:url("../images/comment.png");
	background-repeat:no-repeat;
	background-size:10%;
	background-position:center top;
}

#inquiry .inner_i h3{
	font-size:20px;
	padding-top:20px;
}

#inquiry .inner_i h4{

	background:url("../images/denwa.png");
	background-repeat:no-repeat;
	background-size:50px;
	background-position:top 10px left 270px; 

	font-size:35px;
	padding-top:10px;
}

#inquiry .inner_i p{
	margin:0; padding:0;
	padding-top:10px;
	font-size:22px;
}

#i_btn{
	text-align:center;
	padding-top:40px;

}

#i_btn a{
	color:#000;
	font-family:"Noto Serif JP", serif;
}

/* フッター */

footer{
	position:relative;
	margin:0; padding:0;
	margin-top:100px;
	width:100%;
	min-width:1260px;
	height:330px;
	background-image:url("../images/nav.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
}



footer .inner_f1{
	position:absolute; top:10px; left:150px;
}

footer .inner_f2{
	position:absolute; top:72px; right:150px;
}

footer .footer_1{
	font-family:"Noto Serif JP", serif;
	font-size:18px;
	padding-top:20px;
}

footer h1{
	line-height:60px;
	font-family:"Noto Serif JP", serif;
	font-size:26px;
}

footer h1 a{
	text-decoration:none;
	font-family:"Noto Serif JP", serif;
	font-size:35px;
	color:#fff;
	font-weight:700;
}

footer h1 .kabu{
	font-size:20px;
	font-weight:700;
}

footer .footer_email a{
	color:#fff;
}

/* ナビ footer */


footer ul{
	margin:0; padding:0;
}

#footer_nav{
	display: grid;
	width: fit-content;
	column-gap: 2em;
	grid-template-columns: repeat(2, auto);
}

footer ul li a{
	text-decoration:none;
	color:#fff;
}

footer ul li{
	padding-top:15px;
	margin-left:60px;
}

::marker{
	color:#bfbfbf;
}

footer ul li a:hover{
	opacity:0.5;
}	


/* お問い合わせに記載済みのため載せない？

footer .footer_2{
	margin:0 auto;
	padding-top:50px;
	font-family:"Noto Serif JP", serif;
}

#footer_btn{
	padding-top:40px;
	text-align:right;
}

#footer_btn a{
	color:#fff;
}

*/


/* ページ上部ボタン */

.pagetop {
 	height:30px;
	width:30px;
	position:fixed;
	right: 30px;
	bottom: 80px;
	background: #73193e;
	border: solid 2px #73193e;
	border-radius: 50%;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 2;
	cursor: pointer;
}

.pagetop__arrow {
	display: block;
	height: 10px;
	width: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: translateY(20%) rotate(-45deg);
}

.text_pagetop{ 
	position: fixed;
	right: 15px;
	bottom: 50px;
	font-family:"游明朝";
}


/* スマホ対応　非表示 */


#navbtn,#phone_nav{ display:none; }



