@charset "UTF-8";

/*
	Theme Name: 山根建具店
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2021.12

*/
*{margin: 0;padding: 0;}
html {font-family: 'Noto Serif JP', sans-serif;}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}


@media all and (min-width:751px) {
body {color: #000;position:relative;overflow-x: hidden;font-size: 15px;line-height: 1.6;font-weight: normal;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


/*--------ヘッダー--------*/
header{display: block;position: fixed;height: 195px;left: 0;top: 0;z-index: 2;background-color: #fff;width: 100%;border-bottom: 1px solid #f3f3f3;}
header section{width: 1200px;display: flex;margin: auto;align-items: center;justify-content: center;flex-direction: column;height: 113px;}
header section h1{font-size: 30px;text-align: center;}
header section h1 a{color: #000;text-decoration: none;}
header section h1 b{display: block;font-size: 15px;}
header nav{width: 100%;margin: auto;height: 80px;border-top: 2px solid #000;background-image: url(images/navi_bg.jpg);}
header nav ul{width:1200px;display: flex;;height: 100%;margin: auto;}
header nav ul li{width: 100%;height: 100%;position: relative;}
header nav ul li::after{content: "";position: absolute;border-right: 1px solid #bebebe;top:25px;right: 0;height: 30px;}
header nav ul li:last-child::after{content: none;}
header nav ul li a{display: flex;align-items: center;justify-content: center;height: 100%;color: #000;text-decoration: none;font-size: 18px;font-weight: bold;}


/*--------フッター--------*/
footer{width: 100%;background-color: #000;color: #fff;}
footer section{width: 1200px;margin: auto;display: block;}
footer h1{display: block;font-size: 22px;text-align: center;padding-top: 20px;}
footer h1 b{display: block;font-size: 15px;}
footer address{display: block;font-size: 14px;font-style: normal;text-align: center;padding-top: 5px;}
footer small{display: block;font-size: 10px;text-align: center;padding: 30px 0 5px;}


/*--------コンテンツ共通--------*/
main{display: block;padding-top: 195px;}
main>article{display: flex;flex-direction: column;}

h2.title{font-size: 24px;display: table;margin: auto;position: relative;padding-bottom: 50px;}
h2.title::after{content: "";position: absolute;border-top: 5px solid #ccc;bottom: 25px;left: 0;right: 0;width: 25px;margin: auto;}

aside{margin: 70px auto 40px;}
aside h3{text-align: center;font-size: 20px;margin-top: 40px;border-top: 1px dotted #ccc;padding-top: 25px;}
aside a{display: table;margin: auto;}
aside a img{width: 100%;height: auto;display: block;}
aside address{font-style: normal;text-align: center;margin-top: 15px;}

.midashi{background-image: url(images/midashi_bg.jpg);display: flex;align-items: center;justify-content: center;height: 70px;}
.midashi h2{color: #fff;font-size: 20px;}


/*--------トップページ--------*/
.top .s1{width: 1200px;margin: auto;margin-top: 70px;position: relative;}
.top .s1 p{text-align: center;line-height: 2;}



/*--------製作の流れ--------*/
.flow .s1{width: 1200px;margin: auto;margin-top: 50px;position: relative;}
.flow .s1 ul{display: flex;flex-direction: column;}
.flow .s1 ul li{display: flex;margin-bottom: 60px;position: relative;align-items: center;}
.flow .s1 ul li::before{content:url(images/arrow.jpg);position: absolute;bottom: -50px;left: 62px;}
.flow .s1 ul li:last-child:before{content:none;}
.flow .s1 ul li:last-child{border-bottom: 0;}
.flow .s1 ul li>span{display: flex;flex-direction: column;width: 150px;height: 150px;align-items: center;justify-content: center;border:1px solid #eee;border-radius: 200px;flex-basis: 150px;margin-right: 30px;}
.flow .s1 ul li span small{font-size: 30px;font-weight: lighter;}
.flow .s1 ul li p{display: flex;width: 100%;align-items: center;flex:1;justify-content: space-between;}
.flow .s1 ul li p span{flex:1}
.flow .s1 ul li p img{order: 2;margin-left: 30px;width: 250px;flex-basis: 250px;}
.flow .s1 ul{}


/*--------施工実例--------*/
.works .s1{width: 1200px;margin: auto;margin-top: 50px;position: relative;}
.works .s1 table{border-collapse: collapse;border: 2px solid #999;width: 100%;margin-top: 0px;margin-bottom: 50px;table-layout: fixed;}
.works .s1 table td{padding: 4px 10px;border: 1px solid #ccc;}
.works .s1 table td img{display: block;margin: auto;}
.works .s1 table td img+b{display: block;margin-bottom: 5px;margin-top: 10px;}
.works .s1 table td b{display: block;}

/*--------用語集--------*/
.word .s1{width: 1200px;margin: auto;margin-top: 50px;position: relative;}
.word .s1 table{border-collapse: collapse;border: 2px solid #999;width: 100%;margin-top: 50px;}
.word .s1 table:nth-of-type(1){margin-top: 0px;}
.word .s1 table tr:first-child td{padding: 0;background-color: #333;padding: 8px;}
.word .s1 table a{display: block;color: #fff;font-size: 20px;text-align: center;}
.word .s1 table td{padding: 4px 10px;border: 1px solid #ccc;}
.word .s1 table td:nth-of-type(1) b,.word .s1 table td:nth-of-type(4) b{font-size: 16px;display: block;white-space: nowrap;}
.word .s1 table td:nth-of-type(1),.word .s1 table td:nth-of-type(4){font-size: 12px;background-color: #f7f7f7;}
.word .s1 table td:nth-of-type(3),.word .s1 table td:nth-of-type(6){white-space: nowrap;text-align: center;}
.word .s1 table td{}

/*--------企業情報--------*/
.company .s1{width: 1200px;margin: auto;margin-top: 50px;position: relative;}
.company .s1 p{display: flex;justify-content: space-between;}
.company .s1 h2+b{width: 100%;display: block;font-size: 16px;margin-bottom: 10px;}
.company .s1 p img{order:2;margin-bottom: 50px;margin-left: 50px;margin-top: -25px;}
.company .s1 h2+img{display: block;margin: auto;width: 360px;height: auto;}
.company .s1 table{border-collapse: collapse;border: 2px solid #999;width: 100%;margin-bottom: 50px;}
.company .s1 table th{padding: 4px 10px;border: 1px solid #ccc;background-color: #f7f7f7;}
.company .s1 table td{padding: 4px 10px;border: 1px solid #ccc;}
.company .s1 table td.imgarea{padding: 0;}
.company .s1 table td.imgarea img{width: 100%;display: block;height: auto;}
.company .s1 img.imgarea{display: none;}
.company .s1 ul{}
.company .s1 ul li{border-bottom: 1px dotted #ccc;padding: 10px 0;display: flex;}
.company .s1 ul li time{width: 80px;}


/*--------地蔵堂製作--------*/
.jizou .s1{width: 1200px;margin: auto;margin-top: 50px;position: relative;}
.jizou .s1 p{text-align: center;}
.jizou .s1 ul{margin-top: 40px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.jizou .s1 ul li{width: 50%;}
.jizou .s1 ul li img{display: block;margin: auto;}
.jizou .s1 ul li:nth-of-type(3){display: flex;margin-top: 70px;justify-content: center;align-items: center;}
.jizou .s1 ul li span{display: block;}

.jizou .s2{width: 1200px;margin: auto;margin-top: 100px;position: relative;}
.jizou .s2 table{border:2px solid #999;width: 100%;border-collapse: collapse;}
.jizou .s2 table th{padding: 8px 15px;border: 1px solid #ccc;}
.jizou .s2 table td{padding: 8px 15px;border: 1px solid #ccc;}


.jizou .s3{width: 1200px;margin: auto;margin-top: 100px;position: relative;}
.jizou .s3 p{text-align: center;}
.jizou .s3 table{border:2px solid #999;width: 100%;border-collapse: collapse;margin-top: 25px;}
.jizou .s3 table td{padding: 30px 15px;border: 1px solid #ccc;width:50%;text-align: center;}
.jizou .s3 table td img{display: block;margin: auto;margin-bottom: 10px;}

.jizou .s4{width: 1200px;margin: auto;margin-top: 100px;position: relative;}
.jizou .s4 div{background-color: #eee;padding: 40px;box-sizing: border-box;line-height: 2;}


.jizou .s5{width: 1200px;margin: auto;margin-top: 100px;position: relative;}
.jizou .s5 ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 25px;}
.jizou .s5 ul li{width: 30%;margin: 50px 1.65% 0;}
.jizou .s5 ul li figure{width: 100%;height: 100%;background-color: #eee;}
.jizou .s5 ul li figure img{width: 360px;height: 360px;object-fit: contain;display: block;}
.jizou .s5 ul li span{display: block;margin: 10px 0;}


.jizou .s6{width: 1200px;margin: auto;margin-top: 100px;position: relative;}
.jizou .s6 ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 25px;}
.jizou .s6 ul li{width: 30%;margin: 50px 1.65% 0;}
.jizou .s6 ul li figure{width: 100%;height: 100%;background-color: #eee;}
.jizou .s6 ul li figure img{width: 360px;height: 360px;object-fit: contain;display: block;}
.jizou .s6 ul li span{display: block;margin: 10px 0;}




.contact .s1{width: 1200px;margin: auto;margin-top: 50px;position: relative;}
.contact .s1>div{background-color: #f7f7f7;padding: 40px 0;}
.contact h2+p{text-align: center;margin-bottom:30px;}
.contact p+p{text-align: center;margin-bottom:200px;}
.contact .s1 table.inputf {box-sizing: border-box;width: 80%;border-collapse: separate;border-spacing: 5px;margin:0 auto 40px;}
.contact .s1 table.inputf th {padding: 8px 0px;text-align: left;vertical-align: top;}
.contact .s1 table.inputf th span.must {color:#ff0000;font-size: 12px;margin-right: 10px;background: #f8f8f8;box-shadow: none;float: none;display: inline;padding: 0;}
.contact .s1 table.inputf td {padding:5px 0px;}
.contact .s1 table.inputf td.select br{display: none;}
form#mailformpro input, form#mailformpro textarea {font-size: 16px !important;padding: 10px!important;background: #fff;border: none;}
form#mailformpro input{width: 100%;box-sizing: border-box;font-family: 'Noto Serif JP';}
form#mailformpro input[type="checkbox"]{width:inherit;margin: 0px 5px 0px 15px;}
form#mailformpro textarea{width: 100% !important;box-sizing: border-box;font-family: 'Noto Serif JP';}
form#mailformpro select {font-size: 16px !important;padding: 3px 5px;font-family: 'Noto Serif JP';}
form#mailformpro label.mfp_not_checked {border: none !important;}
.contact .s1 table.inputf td.textcen {text-align: center;padding:20px 0px;}
.contact .s1 table.inputf td.textcen button {font-size:16px;padding:8px 30px;background-color: #333;color: #fff;border: none;font-family: 'Noto Serif JP';}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {font-size: 14px !important;}	
div.mfp_buttons {padding: 30px 0px !important;}
div.mfp_buttons button{font-size: 16px !important;padding:5px 15px !important;background-color: #333 !important;color: #fff !important;border: none !important;font-family: 'Noto Serif JP' !important;}
div#mfp_overlay_inner {width: 80% !important;}
div#mfp_overlay_inner h4 {padding: 15px 0;}

.contact .s1 .privacy{width:50%;margin: auto;border: solid 1px #ccc;box-sizing: border-box;height: 200px;overflow: auto;font-size: 12px;line-height: 18px;padding: 15px;background: #fff;color: #666;}
}










































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

@media all and (max-width:750px) {

body {color: #000;position:relative;overflow-x: hidden;font-size: 14px;line-height: 1.6;font-weight: normal;-webkit-text-size-adjust: 100%;}
ul,li {list-style-type: none;}


/*--------ヘッダー--------*/
header{display: block;position: fixed;height: 80px;left: 0;top: 0;z-index: 2;background-color: #fff;width: 100%;border-bottom: 1px solid #f3f3f3;box-shadow: 0px 5px 3px -5px rgb(0, 0, 0, 0.3);}
header section{width: 100%;display: flex;margin: auto;align-items: center;justify-content: center;flex-direction: column;height: 80px;}
header section h1{font-size: 20px;text-align: center;}
header section h1 a{color: #000;text-decoration: none;}
header section h1 b{display: block;font-size: 13px;}
header nav{display: none;}


/*--------フッター--------*/
footer{width: 100%;background-color: #000;color: #fff;}
footer section{width: 100%;margin: auto;display: block;}
footer h1{display: block;font-size: 18px;text-align: center;padding-top: 20px;}
footer h1 b{display: block;font-size: 13px;}
footer address{display: block;font-size: 13px;font-style: normal;text-align: center;padding-top: 5px;}
footer small{display: block;font-size: 10px;text-align: center;padding: 30px 0 5px;}


/*--------コンテンツ共通--------*/
main{display: block;padding-top: 80px;}
main>article{display: flex;flex-direction: column;}

h2.title{font-size: 18px;display: table;margin: auto;position: relative;padding-bottom: 40px;}
h2.title::after{content: "";position: absolute;border-top: 5px solid #ccc;bottom: 20px;left: 0;right: 0;width: 25px;margin: auto;}

aside{margin: 70px auto 40px;}
aside h3{text-align: center;font-size: 18px;margin-top: 30px;border-top: 1px dotted #ccc;padding-top: 25px;}
aside a{display: table;margin: auto;width: 96%;height: auto;}
aside a img{width: 100%;height: auto;display: block;}
aside address{font-style: normal;text-align: center;margin: auto;margin-top: 15px;width: 90%;text-align: left;}

.midashi{background-image: url(images/midashi_bg.jpg);display: flex;align-items: center;justify-content: center;height: 60px;}
.midashi h2{color: #fff;font-size: 18px;}

.scroll{overflow-x: scroll;width: 100%;}
.scroll table{table-layout: auto !important;}
.scroll th{white-space: nowrap !important;}
.scroll td{white-space: nowrap !important;}

/*--------トップページ--------*/
.top .s1{width: 90%;margin: auto;margin-top: 40px;position: relative;}
.top .s1 p{text-align: left;line-height: 2;}



/*--------製作の流れ--------*/
.flow .s1{width: 90%;margin: auto;margin-top: 40px;position: relative;}
.flow .s1 ul{display: flex;flex-direction: column;}
.flow .s1 ul li{display: flex;margin-bottom: 60px;position: relative;align-items: center;flex-direction: column;}
.flow .s1 ul li::before{content:url(images/arrow.jpg);position: absolute;bottom: -50px;left: 0;right: 0;text-align: center;margin: auto;}
.flow .s1 ul li:last-child:before{content:none;}
.flow .s1 ul li:last-child{border-bottom: 0;}
.flow .s1 ul li>span{display: flex;flex-direction: column;width: 150px;height: 150px;align-items: center;justify-content: center;border:1px solid #eee;border-radius: 150px;margin-bottom: 15px;}
.flow .s1 ul li span small{font-size: 22px;font-weight: lighter;}
.flow .s1 ul li p{display: flex;width: 100%;align-items: center;flex:1;justify-content: space-between;flex-direction: column;}
.flow .s1 ul li p span{order: 2;}
.flow .s1 ul li p img{order: 1;width: 250px;margin-bottom: 15px;}
.flow .s1 ul{}



/*--------施工実例--------*/
.works .s1{width: 90%;margin: auto;margin-top: 40px;position: relative;}
.works .s1 h2:nth-of-type(n+2){margin-top: 50px;}
.works .s1 table{border-collapse: collapse;border: 2px solid #999;width: 100%;margin-top: 0px;table-layout: fixed;}
.works .s1 table td{padding: 4px 10px;border: 1px solid #ccc;}
.works .s1 table td img{display: block;margin: auto;}
.works .s1 table td img+b{display: block;margin-bottom: 5px;margin-top: 10px;}
.works .s1 table td b{display: block;}

/*--------用語集--------*/
.word .s1{width: 90%;margin: auto;margin-top: 40px;position: relative;}
.word .s1 table{border-collapse: collapse;border: 2px solid #999;width: 100%;margin-top: 50px;}
.word .s1 div:nth-of-type(1) table {margin-top: 0px;}
.word .s1 table tr:first-child td{padding: 0;background-color: #333;padding: 8px;}
.word .s1 table a{display: block;color: #fff;font-size: 18px;text-align: left;}
.word .s1 table td{padding: 4px 10px;border: 1px solid #ccc;}
.word .s1 table td:nth-of-type(1) b,.word .s1 table td:nth-of-type(4) b{font-size: 16px;display: block;white-space: nowrap;}
.word .s1 table td:nth-of-type(1),.word .s1 table td:nth-of-type(4){font-size: 12px;background-color: #f7f7f7;}
.word .s1 table td:nth-of-type(3),.word .s1 table td:nth-of-type(6){white-space: nowrap;text-align: center;}
.word .s1 table td{}

/*--------企業情報--------*/
.company .s1{width: 90%;margin: auto;margin-top: 40px;position: relative;}
.company .s1 h2:nth-of-type(n+2){margin-top: 50px;}
.company .s1 p{display: flex;justify-content: space-between;flex-direction: column;}
.company .s1 h2+b{width: 100%;display: block;font-size: 16px;margin-bottom: 15px;}
.company .s1 p img{width: 100%;margin: auto;max-width: 480px;margin-bottom: 20px;}
.company .s1 h2+img{display: block;margin: auto;width: 360px;height: auto;}
.company .s1 table{border-collapse: collapse;border: 2px solid #999;width: 100%;margin-bottom: 50px;}
.company .s1 table th{padding: 4px 10px;background-color: #f7f7f7;display: block;width: 100%;box-sizing: border-box;text-align: left;}
.company .s1 table td{padding: 4px 10px;border-bottom: 1px solid #ccc;display: block;width: 100%;box-sizing: border-box;}
.company .s1 table td.imgarea{display: none;}
.company .s1 img.imgarea{width: 100%;margin: auto;max-width: 480px;}

.company .s1 ul{}
.company .s1 ul li{border-bottom: 1px dotted #ccc;padding: 10px 0;display: flex;flex-direction: column;}
.company .s1 ul li time{}


/*--------地蔵堂製作--------*/
.jizou .s1{width: 90%;margin: auto;margin-top: 40px;position: relative;}
.jizou .s1 p{text-align: left;}
.jizou .s1 ul{margin-top: 40px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.jizou .s1 ul li{width: 100%;}
.jizou .s1 ul li img{display: block;margin: auto;width: 100%;max-width: 480px;}
.jizou .s1 ul li:nth-of-type(3){display: flex;margin-top: 50px;justify-content: center;align-items: center;flex-direction: column;}
.jizou .s1 ul li:nth-of-type(3) img{display: block;margin: auto;width: 70%;max-width: 350px;}
.jizou .s1 ul li span{display: block;margin-top: 25px;width: 100%;}
.jizou .s1 ul li span br{display: none;}

.jizou .s2{width: 90%;margin: auto;margin-top: 70px;position: relative;}
.jizou .s2 table{border:2px solid #999;width: 100%;border-collapse: collapse;}
.jizou .s2 table th{padding: 4px 10px;background-color: #f7f7f7;display: block;width: 100%;box-sizing: border-box;text-align: left;}
.jizou .s2 table td{padding: 4px 10px;border-bottom: 1px solid #ccc;display: block;width: 100%;box-sizing: border-box;}


.jizou .s3{width: 90%;margin: auto;margin-top: 70px;position: relative;}
.jizou .s3 p{text-align: center;}
.jizou .s3 table{border:2px solid #999;width: 100%;border-collapse: collapse;margin-top: 25px;}
.jizou .s3 table td{padding: 20px;border: 1px solid #ccc;width:50%;text-align: center;display: block;width: 100%;box-sizing: border-box;}
.jizou .s3 table td img{display: block;margin: auto;width: 100%;max-width: 480px;margin-bottom: 10px;}


.jizou .s4{width: 90%;margin: auto;margin-top: 70px;position: relative;}
.jizou .s4 div{background-color: #eee;padding: 40px;box-sizing: border-box;line-height: 2;}


.jizou .s5{width: 90%;margin: auto;margin-top: 70px;position: relative;}
.jizou .s5 ul{display: flex;justify-content: center;align-items: center;margin-top: -20px;flex-direction: column;}
.jizou .s5 ul li{width: 100%;margin-top: 30px;}
.jizou .s5 ul li figure{width: 100%;height: 100%;background-color: #eee;}
.jizou .s5 ul li figure img{width: 300px;height: 300px;object-fit: contain;display: block;margin: auto;}
.jizou .s5 ul li span{display: block;margin: 10px 0;}


.jizou .s6{width: 90%;margin: auto;margin-top: 70px;position: relative;}
.jizou .s6 ul{display: flex;justify-content: center;align-items: center;margin-top: -20px;flex-direction: column;}
.jizou .s6 ul li{width: 100%;margin-top: 30px;}
.jizou .s6 ul li figure{width: 100%;height: 100%;background-color: #eee;}
.jizou .s6 ul li figure img{width: 300px;height: 300px;object-fit: contain;display: block;margin: auto;}
.jizou .s6 ul li span{display: block;margin: 10px 0;}




.contact .s1{width: 90%;margin: auto;margin-top: 40px;position: relative;}
.contact .s1>div{background-color: #f7f7f7;padding: 20px;}
.contact h2+p{text-align: left;margin-bottom:30px;}
.contact p+p{text-align: left;margin-bottom:100px;}
.contact .s1 table.inputf {box-sizing: border-box;width: 100%;border-collapse: separate;border-spacing: 5px;margin:0 auto 40px;}
.contact .s1 table.inputf th {padding: 8px 0px;text-align: left;vertical-align: top;width: 100%;box-sizing: border-box;display: block;}
.contact .s1 table.inputf th span.must {color:#ff0000;font-size: 12px;margin-right: 10px;background: #f8f8f8;box-shadow: none;float: none;display: inline;padding: 0;}
.contact .s1 table.inputf td {padding:5px 0px;width: 100%;box-sizing: border-box;display: block;}
.contact .s1 table.inputf td.select br{display: none;}
form#mailformpro input, form#mailformpro textarea {font-size: 16px !important;padding: 10px!important;background: #fff;border: none;}
form#mailformpro input{width: 100%;box-sizing: border-box;font-family: 'Noto Serif JP';}
form#mailformpro input[type="checkbox"]{width:inherit;margin: 0px 5px 0px 15px;}
form#mailformpro textarea{width: 100% !important;box-sizing: border-box;font-family: 'Noto Serif JP';}
form#mailformpro select {font-size: 16px !important;padding: 3px 5px;font-family: 'Noto Serif JP';}
form#mailformpro label.mfp_not_checked {border: none !important;}
.contact .s1 table.inputf td.textcen {text-align: center;padding:20px 0px;}
.contact .s1 table.inputf td.textcen button {font-size:16px;padding:8px 30px;background-color: #333;color: #fff;border: none;font-family: 'Noto Serif JP';}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {font-size: 14px !important;}	
div.mfp_buttons {padding: 30px 0px !important;}
div.mfp_buttons button{font-size: 16px !important;padding:5px 15px !important;background-color: #333 !important;color: #fff !important;border: none !important;font-family: 'Noto Serif JP' !important;}
div#mfp_overlay_inner {width: 80% !important;}
div#mfp_overlay_inner h4 {padding: 15px 0;}

.contact .s1 .privacy{width:100%;margin: auto;border: solid 1px #ccc;box-sizing: border-box;height: 200px;overflow: auto;font-size: 12px;line-height: 18px;padding: 15px;background: #fff;color: #666;}
}