@charset "UTF-8";
/* CSS Document */

/*
  clearfix
  00 layout
    header (main-nav)
    header (sub-nav)
    main
    subページ
    footer
  01 index
    メインビジュアル内お知らせコーナー
    メインビジュアル下休業案内
    年始TOP画像表示
    お知らせ
    instagram
    access
    山岳部
    footer
    sub page
    文字装飾
  家づくり
  無垢材へのこだわり
  社員大工制度
  大工技術
  リフォームの力
  家づくりの流れ
  手作り家具
  歴史写真館
  members
  日々是タマケン
  会社概要
  アクセス
  木材について
  よくある質問
  お客様の声
  お問い合わせ
  PC アーカイブ
  PC pagenation
  single
  ページャー
  施工実績個別ページ
    東京の家
  ブログ個別ページ
  おしらせ個別ページ
  社員メンバー紹介
  スマホヘッダー改
  共通パーツ
  施工実例一覧
*/


/* clearfix
   ========================================================================== */
/** {
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}*/
body {
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
p,.gothic{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
p,span,figcaption,a,li{
	transform:rotate(0.05deg);
}
.clear {
	clear: both;
}
A:focus {
	-moz-outline-style: none;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}


/* ClearFix　A */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;

}
/* End hide from IE-mac */

/* for modern browser */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* for IE 5.5-7 */
.clearfix {
	zoom: 100%;
}
/* for modern browser */
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}



/* End hide from IE-mac */

/*	00 layout
------------------------------------------*/
/* footer fixed*/
html, body {
	height: 100%;
	margin:0;
	padding: 0;
	

}

body{
	background: #000000;
}
.wrapper{

	background: #ffffff;

}
html {
  font-size: 62.5%;
}


figure,figcaption{
	margin:0;
	padding:0;
}

a:hover,a img:hover{
	opacity: 0.8 ;
}
@media print {
	body {
		display: block;
	}
}
div.maxframe {
	max-width: 1300px;
	margin: auto;
}
.menu-btn,.sp-menu{
	display:none;
}

.pc-none{
	display: none!important;
}

/*header (main-nav)*/
li{
	list-style: none;
}

header.main-nav {
	position: relative;
	width:1200px;
	margin:0 auto;
}
header.main-nav h1.top-string{
	position:absolute;
	color:#848080;
	font-size:1em;
	top:5px;
	font-weight:normal;
    font-family: YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
header.main-nav > div{
	position:relative;
	width:1200px;
	height:45px;
}
header.main-nav > div ul.ico{
	position:absolute;
	right:80px;
	top: 40px;
	bottom:0px;
	height: 40px;
	z-index: 1;
}
header.main-nav > div ul.ico li{
	position:relative;
	display:block;
	float:left;
	margin-left:25px;
	height: 50px;
}

header.main-nav > div ul.ico li a{
	display:block;
	height:50px;
}
header.main-nav > div img{
	height:50px;
}
header.main-nav nav {
	width: 1200px;
	position: relative;
	margin-top:15px;
	height:90px;
}
header.main-nav nav ul a{
	display:block;
	height:40px;
}
header.main-nav nav ul.pc-nav li:nth-of-type(5) a {
    height: 45px;
   
}
header.main-nav nav ul img{
	height:40px;
	width:auto;
}

header.main-nav nav ul.pc-nav li:nth-of-type(5) img {
    height: 42px;
   
}



header.main-nav nav ul embed{
	height:40px;
	width:auto;
	display:block;
}
header.main-nav nav ul{
	position:absolute;
	bottom:8px;
}
header.main-nav nav ul li {
	float:left;
}
header.main-nav nav ul.pc-nav {
	margin: 0 auto;
}
header.main-nav nav ul.pc-nav li{
	margin-right:90px;
}

header.main-nav nav .main-logo{
	width: 700px;
}
header.main-nav nav .main-logo img{
	height: :100px;
    padding-left: 15px;
  }
main .main-image img{
	min-width:1200px;
}
main .main-image{
	min-width:1200px;
	background-size:cover;
	background-position:center center;
	
}



/*header (sub-nav)*/

header.sub-nav {
	position:fixed;
	width:100%;
	margin:0;
	z-index:500;
	background:white;
	height:70px;
	margin-top:-70px;
}
header.sub-nav > nav{
	position:relative;
	width:1200px;
	margin:0 auto;
	height:30px;
	padding-top:20px;
}
header.sub-nav nav > *{
	float:left;
}
header.sub-nav .center-nav{
	padding:0 30px;
}
header.sub-nav ul li{
	float:left;
	padding-top:5px;
	padding-left:20px;
}
header.sub-nav a{
	height:10px;
	display:block;
}
header.sub-nav nav .sub-logo{
	height:25px;
}
header.sub-nav nav .sub-logo img{
	height:25px;
	width:auto;
}
header.sub-nav ul.center-nav img{
	height:15px;
}
header.sub-nav ul.center-nav li:nth-of-type(-n+2) img {
    height: 14px;
}
header.sub-nav ul.center-nav li:nth-of-type(n+3) img {
    height: 13px;
}
header.sub-nav ul.sub-ico img{
	height:20px;
}
div.document-request{
	position:fixed;
	width:1200px;
	z-index:500;
	margin-left:50%;
	left:-500px;
	top:0px;
	margin-top:100vh;
}

div.document-request a {
    position: absolute;
    right: 0px;
    display: block;
    text-align: center;
    width: 360px;
    height: 47px;
    padding-top: 11px;
    border: 1px #B38146 solid;
    background-color: rgb(255,255,255);
    background-image: url(/images/common/arrow2.svg);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: 332px 18px;
    color: #B38146;
    box-shadow: 5px 5px 15px 3px rgba(179,129,70,0.3);
    font-family: YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 1.1em;
}
div.document-request a:before{
	content:url(/images/common/doc-ico.svg);
	display:block;
	position:absolute;
	width:13px;
	left:24px;
	top: 13px;
}

section{
	position:relative;
	width:1200px;
	margin:0px auto 0 auto;
	padding-bottom:100px;
}
/*section.col2 h1, section.col3 h1 {
	text-align:center;
	margin-bottom:40px;
}*/
section{
	padding: 1%;
}



/*main*/
main {
	position: relative;
	font-size: 14px;
	margin-bottom: 150px;
	padding-top:20px;
}

main > section {
	position: relative;
	width:1200px;
	margin:30px auto 0 auto;
}
.inner-nav{
	width:1200px;
	margin: 15px auto 0;
	display: flex;
}


.inner-nav li{
	height:15px;
}

/* subページ */

.page-sub{
	position:relative;
}

.page-sub div.main-image{
	height:400px;
}



.page-sub .inner-nav ul{
	padding: 50px 0 65px 0;
	margin:0 auto;
}
.page-sub .inner-nav ul.concept{
	padding: 50px 0 65px 0;
	margin:0 auto;
	/*width: 1000px;*/
	width: 800px;
}
.page-sub .inner-nav ul li{
	float:left;
	width:auto;
}
.page-sub .inner-nav ul li:nth-child(n+2){
	margin-left:35px;
}
.page-sub .inner-nav ul li a{
	color:#463F3F;
	font-size: 1.8rem;
	font-weight: 700;
}


#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right:50px;
  bottom: 200px;
  opacity: 0.6;
}



/*footer*/
footer {
	background-color: #000000;
	min-width:1200px;
	color: #ffffff;
	
}

footer section.pagetop img {
	width: 64px;
	padding:11px 0 0 0;
}
footer section.footer-contents {
	
	width: 1200px;
	margin:0 auto;
	
}
footer section.footer-contents .footer-info {
	position: absolute;
	top: 25px;
	left: 5vw;
}
footer section.footer-contents .foot-logo {
	width: 90%;
	padding-left: 20px;
}
footer section.footer-contents .foot-logo img {
	margin-top:33px;
	width:198px;
}
footer section.footer-contents div.foot-menu{
	width:100%;
	color: #ffffff;
	}
footer section.footer-contents div.foot-menu ul{
	margin-top:25px;
	margin-right: 2%;
	float:left;
	width: 23%;
	font-size: 1.6rem;
}
footer section.footer-contents div.foot-menu ul:last-child{
	margin-right: 0;
}
footer section.footer-contents div.foot-menu ul li{
	margin-top:12px;
	color: #ffffff;
}
footer section.footer-contents div.foot-menu ul li a{
    color: #ffffff;
    font-size: 1em;
    letter-spacing: 0.05em;
    text-decoration: none;
    font-size: 1.5rem;
	}
footer section.footer-contents p.copyright {
	letter-spacing:1.5px;
	font-size:1rem;
	text-align: center;
	padding-top: 70px;
	color: #fff;
	}
	.footer-tel-text {
		font-size: 1.8rem;
	}
	footer section.footer-contents div.foot-menu ul li .footer-tel-text a {
		font-size: 1em;
	}
	.footer-tel-text-small {
		font-size: 1.3rem;
	}

@media screen and (max-width:750px) {
	footer section.footer-contents div.foot-menu ul:first-child {
		display: block!important;
		margin-bottom: 20px;
		width: 100%;
	}
}

/*	01 index
-------------------------------------------*/
/*main*/
main.page-index {
	position:relative;
	width:100%;
	}
a.detail-button{
  display: block;
    width: 300px;
    text-align: center;
    border: 1px solid lightgray;
    height: 45px;
    line-height: 44px;
    margin: 30px auto 30px auto;
    letter-spacing: 0.1em;
    color: #848080;
    font-size: 1.7rem;
	text-decoration: none;
	clear: both;
}
main.page-index #backgrounds{
	position:relative;
	/*margin-bottom:90px;*/
	height:650px;
	width:100%;
	min-width:1200px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	text-align:center;
	z-index: 10;
}
main.page-index #backgrounds .main-image{
	position:absolute;
	width:100%;
	height:100%;

}
main.page-index .pagedown img{
	position:relative;
	margin-top:563px;
	width:46px;
	z-index:100;
}

/*メインビジュアル内お知らせコーナー*/
.mv-news {
	background: #ffffffcf;
	position: absolute;
	z-index: 100;
    right: 0;
    top: 12vh;
    padding: 1.5rem;
    text-align: left;
    width: 16vw;
}
.mv-news p {
	margin-bottom: 0;
	line-height: 170%;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.mv-news img {
	width: 100%;
	height: auto;
}
.mv-news ul li,.mv-news a {
	color: black;
    font-weight: 400;
}
.mv-news ul li {
	list-style-type: none;
	 padding-left: 1.3em;
  text-indent: -1.3em;
	margin-bottom: 1rem;
}
.mv-news ul li:last-child {
	margin-bottom: 0;
}
.mv-news .news_time {
	margin-right: 1rem;
}
.mv-news .mv-news-title {
	font-weight: bold;
}
.mv-news-sp {
	position: inherit;
	top: 0;
}
/*ノートPC大*/
@media screen and (max-width:1536px) {
.mv-news {
	width: 20vw;
}
}
/*ノートPC小*/
@media screen and (max-width:1263px) {
.mv-news {
	width: 25vw;
	top: 6vh;
}
}

/*ipad縦*/
@media screen and (max-width:850px) {
.mv-news {
	width: 44vw;
	top: 15vh;
}
}
/*スマホ*/
@media screen and (max-width:750px) {
	.mv-news {
		width: inherit;
    position: inherit;
    top: 0;
	}	
	.mv-news-sp h3 {
		margin: 1rem 0;
	}
}

/*メインビジュアル下休業案内*/
.notice-closure {
    padding: 15px;
    text-align: center;
    background-color: #f0f0f1;
    font-weight: 500;
    font-size: 1.5rem;
}
.notice-closure h3 {
	margin-bottom: 1rem;
}
.notice-closure p {
    font-family: inherit;
    line-height: 200%;
}
@media screen and (max-width:750px) {
.notice-closure {
	text-align: left;
}
.notice-closure span {
	display: block;
}
.notice-closure .sp-none {
	display: none;
}
}

/*新社屋OPEN*/
.text-labobase {
	display: block;
    position: absolute;
    color: #fff;
    z-index: 100;
    top: 30%;
    left: 42%;
    
}
.text-labobase h3 {
font-size: 4rem;
letter-spacing: 3px;
line-height: 110%;
margin-bottom: 20px;
}
.text-labobase h3 span {
	font-size: 130%;
}
.text-labobase p {
	font-size: inherit;
	font-family: inherit;
	line-height: 170%;
	font-size: 130%;
}
.text-labobase p span {
	display: block;
	margin-top: 20px;
}
@media screen and (max-width:1370px) {
.text-labobase {
	left: 5%;
	text-align: left;
}
}
/*スマホ*/
.text-labobase-sp {
    /*  position: absolute;
    top: 4.2%;
    z-index: 2;
    display: inline-block;*/
    color: #fff;
    margin-top: 20px;
    /*left: 26%;
    text-align: center;*/
    }
    .text-labobase-sp h3 {
    margin-bottom: 15px;
    line-height: 130%;
    font-size: 170%;
    }
    .text-labobase-sp h3 span {
      font-size: 120%;
    }  
    .page-index .text-labobase-sp p {
      font-size: 1.8rem;
      color: #fff;
      width: 100%;
      line-height: 170%;
    }  
    .page-index .text-labobase-sp p span {
    display: block;
    margin-top: 15px;
    font-size: 100%;
    }


.col2 .container div:nth-child(even){
	float:right;
	width: 45%;
}
.col2 .container div:nth-child(odd){
	float:left;
	width: 45%;
}

.col2 .container > div div:nth-of-type(1){
	float:left;
	width: 48.5%;
}
.col2 .container > div div:nth-of-type(2){
	float:right;
	width: 48.5%;
}

/*年始TOP画像表示*/
.newyear-wrap {
	display: flex;
    align-items: center;
    height: 100vh;
    background: #fff;
}    
.newyear img {
	width: 100%;
	height: auto;
}
.newyear .main-logo {
	margin-bottom: 50px;
    position: absolute;
    top: 0;
    left: 20%;
    z-index: 11;
}  


section.col2 h1 img {
	width: 15%;
}
section.col3 h1 img {
	width: 20%;
}
section.lead> div p{
	font-size: 1.8rem;
    line-height: 2.3em;
    letter-spacing: 0.02em;
    margin-bottom: 45px;
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

h2{
    font-size: 1.5em;
    line-height: 2em;
    letter-spacing: 0.02em;
    padding: 30px 0 45px 0;
    font-weight: 500;
		}


section .thumbnail{
	position:relative;
	width:100%;
	height:auto;
}

section .thumbnail> div{
	margin-top:20px;
	margin-bottom: 0;
	width:30%;
	float:left;
}

section .thumbnail figure {
    margin: 0;
}

section .thumbnail> div:nth-child(3n+2){
	margin: 20px 5% 0 5%;
}

section .thumbnail> div figcaption{
	/*text-align: center;*/
	padding: 5px 0 15px 0;
	font-size:1.1em;
	letter-spacing:0.04em;
	font-weight:500;
}


section .thumbnail img{
	width: 100%;
	height: auto;
}
section .thumbnail> div p{
	line-height:1.8em;
	font-size:1.6rem;
	letter-spacing:0.02em;
	height: 120px;
}


.page-index h1 {
	text-align:center;
	margin-bottom:40px;
}

section.col1 a.detail-button{
    margin: 200px 0 30px 20px;
    height: 55px;
    line-height: 50px;
    font-size: 1.8rem;
    }


section.col1 .thumbnail> div{
	margin-top:20px;
	margin-bottom: 25px;
	width:100%;
	}

section.col1 .thumbnail> div p{
	height: 200px;
	position: absolute;
	top: 450px;
	left: -40px;
	width: 490px;
	background: #ffffff;
	padding: 40px;
	margin-bottom: 30px;
	font-size: 2rem;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}	
section.col1:nth-of-type(2n) .thumbnail> div p{
	position: absolute;
	top: 450px;
	left: 720px;
	}

section.col1:nth-of-type(2n) a.detail-button{
    float: right;
    margin: 150px 50px 0 0;
    height: 55px;
    line-height: 50px;
    font-size: 1.8rem;
    }
    .new-item{
    background: #4872b1;
	padding: 5px 10px;
	margin-right: 10px;
	color: #ffffff;
	font-size: 1.4rem;
}  
.all-item{
	background: #068CA9;
	padding: 5px 10px;
	margin-right: 10px;
	color: #ffffff;
	font-size: 1.4rem;
}
.reform-item{
	background: #b2814b;
	padding: 5px 10px;
	margin-right: 10px;
	color: #ffffff;
	font-size: 1.4rem;
}  
.furniture-item{
	background: #5b9540;
	padding: 5px 10px;
	margin-right: 20px;
	color: #ffffff;
	font-size: 1.4rem;
}  

.page-sub section.works h2{
	padding-bottom: 30px;
}
ul.works-type{
	display:flex;
	margin-bottom: 100px;

}
ul.works-type li{
	padding-right: 10px;

}

ul.works-type li span{
	padding: 5px 10px;
	font-size: 1.6rem;
}

/*section.works h1 {
	text-align:center;
	margin-bottom:40px;
}*/
/*section.works h1 img {
	width: 12%;
	position: relative;
}*/


section.works > div{
	padding-bottom:	20px;
}
section.works > div a{
	color: #848080;
	text-decoration: none;
}
section.works > div figcaption{
	font-size: 1.8rem;
}
section.works > div p{
	font-size: 1.5rem;
}

section.works .thumbnail> div{
	margin-top:0;
	margin-bottom: 30px;
	width:30%;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top;  
    float: none;
}

section.works .thumbnail> div:nth-child(3n+2){
	margin: 0 4.5% 0 4.5%;
}

section.works .thumbnail img{
	width: 350px;
	height: 265px;
	object-fit: cover;
}


/*お知らせ*/
section.news h1 {
	background-image: url("../images/common/icon-wing.png");
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 90px;
    margin-bottom: 20px;
    background-size: 60px;
}
section.news >div:nth-child(odd){
    width: 70%; 
    margin: 0 auto;
	}	

main.page-index section.news h1 {
	text-align:center;
	margin-bottom:40px;
}
main.page-index section.news h1 img {
	width: 16%;
	position: relative;
}
main.page-index section.news h1 img.fb {
	width: 35%;
	position: relative;
}


main.page-index section.news dl{
	border-style:none none dotted none;
	border-width:1px;
	border-color:#888;
	padding:21px 0 13px 2px;
	background-image:url(/images/common/arrow.svg);
	background-repeat:no-repeat;
	background-size:11px;
	background-position:985px 25px;
}
main.page-index section.news  dl dt{
	float:left;
	padding-top:4px;
    letter-spacing: 0.1em;
	font-family: 'Univers','游ゴシック体','Yu Gothic','YuGothic','sans-serif','ＭＳ Ｐゴシック';
	font-size:0.9em;
}
main.page-index section.news  dl dd{
	margin-left:150px;
	padding-right:25px;
	letter-spacing: 0.1em;
	font-family: 'Univers','游ゴシック体','Yu Gothic','YuGothic','sans-serif','ＭＳ Ｐゴシック';
}

/*instagram*/
section.ig h1 {
	background-image: url("../images/common/icon-ig2.png");
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 80px;
    margin-bottom: 20px;
    background-size: 60px;
}
main.page-index h1 span,
section.ig h1 span {
    display: block;
    color: #B3B3B3;
    font-size: 2rem;
    font-weight: normal;
}
section.ig h1 img {
	width: 12%;
	position: relative;
}
section.ig .box-ig h2 {
    text-align: center;
    padding: 0;
    line-height: 90%;
    margin-bottom: 30px;
}
section.ig .box-ig h2 span {
	padding: 0;
	font-size: 2rem;
	color: #b3b3b3;
	display: block;
}
section.ig .box-ig h2 img {
    width: 80%;
}
.box-ig {
	display: flex;
	justify-content: space-between;
}
.box-ig > div {
	width: 45%;
}
/*フッターインスタ*/
.page-sub section.ig .box-ig h2 img {
    width: 40%;
}
.page-sub section.ig h1 {
	padding-bottom: 0;
}


/*access*/
section.access h1 {
	background-image: url("../images/common/icon-bicycle.png");
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 80px;
    margin-bottom: 20px;
    background-size: 110px;
}
.page-index section.lead{
	margin-bottom:50px;
}
main.page-index section.access h1 {
	text-align:center;
	margin-bottom:40px;
}
main.page-index section.access h1 img {
	width: 10%;
	position: relative;
}
main.page-index section.access p {
	line-height: 1.8em;
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  padding: 3%;
}

.page-index section > div figcaption{
	padding:15px 0;
	font-size:1.3em;
	letter-spacing:0.04em;
	font-weight:500;
}

.page-index .col2 .container div p{
	font-size: 1.5rem;
}


.page-index h2{
	width: 40%;
	margin: 0 auto;
	text-align: left;
	font-size: 2.3rem;
}

.page-index h2 span{
	font-size: 1.5rem;
	padding-left: 0.5rem;
}
.page-index .lead .container div p{
	font-size: 2.2rem;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	line-height: 1.8;
}

.page-index .lead .container div p.furigana{
	font-size: 1.6rem;
	letter-spacing: 1rem;
	padding-top: 30px;
}
.page-index .lead .container div p.title{
	font-size: 3.5rem;
	padding-bottom: 30px;
}

/*フッターバナー*/
@media screen and (min-width:750px) {
.footer-bnr {
	display: flex;
	gap: 0 50px;
}
}
.footer-bnr div {
	margin-bottom: 20px;
	flex: 1;
}
.footer-bnr img {
	max-width: 100%;
	height: auto;
}




/*footer*/
footer.page-index {
	
}
.pagetop{
	width: 100%;
}
.sec-footer-ig {
	display: flex;
}


/* sub page*/
.page-sub p{
	line-height: 1.8em;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
    
}

.page-sub h2{
	padding-top: 0;
	padding-bottom: 50px;
	font-size: 1.5em;
}
.page-sub section.lead{
	padding-bottom: 100px;
}
.page-sub section.lead> div p{
	margin-bottom: 0;
}

.col2 .container div{
	margin-bottom: 50px;
}

.col2 .container div p{
	padding-bottom: 3%;
}
.col2 .container div img{
	width: 100%;
}

.container>img{
	width: 100%;
}
.page-sub .col2 > div.box{
	margin: 3%  20%;
}

.page-sub .col2 > div.box div{
	float: left;
	width: 46%;
}



.col3 .other .thumbnail div{
	background-color: #f2ece2;
	text-align: center;
	padding: 4%;
	height: 335px;
}

.col3 .other .thumbnail div p{
	text-align: left;
	margin-bottom: 30px;
}
.col3 .other .thumbnail div img{
	width: 40%;
}
.col3 .other .thumbnail div:first-child img{
	width: 50%;
}
.col3 .other .thumbnail div:first-child img.arrow3{
	width: 40%;
}
.col3 .other .thumbnail div:nth-of-type(3)
 img{
	width: 33%;
}
.col3 .other .thumbnail div:nth-of-type(3)
 img.arrow3{
	width: 40%;
}




section .other .thumbnail> div p{
	height: 50px;
}

.page-sub h1 {
	text-align: center;
	padding-bottom: 100px;
	padding-top:70px;
}


/*.page-sub h1 img{
	width: 20%;
}*/

.page-sub  h1.text16 img {
	width: 46%;
	position: relative;
}

.page-index h1.text9 img,.page-sub h1.text9 img
{
	width: 25%;
}
.page-sub h1.text8 img
{
	width: 20%;
}
.page-index h1.text7 img,.page-sub h1.text7 img
{
	width: 17%;
}
.page-sub h1.text6 img
{
	width: 15%;
}

.page-sub h1.text5 img
{
	width: 13%;
}

.page-index h1.text4 img,.page-sub h1.text4 img
{
	width: 10%;
}

.page-sub h1.text3 img
{
	width: 11%;
}


.page-sub h2.lead{
    text-align: left;
    font-size: 1.5em;
    line-height: 2em;
    letter-spacing: 0.02em;
    padding: 0 0 20px;
    font-weight: 500;
    margin: 0;
		}


.page-sub h2 img{
	width: 20%;
	margin-bottom: 0;
}

/*.about h2 img{
	width: 18%;
	margin-bottom: 80px;
}*/

.col2-45 p{
	margin-bottom: 2rem;
}
.col2-45 img{
	width: 100%;
}

.col2-45,
.col2-54{
	margin-bottom: 120px;
}
.col2-45 .container> div:nth-child(odd){
	width: 42%;
	float: left;
}
.col2-45 .container> div:nth-child(even){
	width: 53%;
	float: right;
}

.col2-54 p{
	margin-bottom: 2rem;
}

.col2-54 img{
	width: 100%;
}

.col2-54 .container> div:nth-child(odd){
	width: 42%;
	float: right;
}
.col2-54 .container> div:nth-child(even){
	width: 53%;
	float: left;
}
.content-lead{
	font-size: 2.2rem;
	font-weight: 700;
	padding: 4% 0;
}

/*文字装飾*/
.red-bold {
	font-weight: bold;
	color: red;
}

/*	家づくり　*/

.lead .container div.lead-text{
	padding-left: 100px;
}


.page-sub section.concept{
	padding-bottom: 0;
}

.page-sub .cate-index .container  div p{
	font-size: 1.65rem;
}

.page-sub .cate-index .container  div p span{
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 4rem
}

.page-sub .cate-index  div.box p:nth-of-type(1) {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    padding-bottom: 2rem;
}

/*	無垢材へのこだわり　*/

section.natural h2{
	font-size: 3rem;
	    padding-bottom: 80px;
	    text-align: center;

	}

section.natural h2>img{
    width: 5rem;
    margin-bottom: -2rem;
    margin-right: 1rem;

}
.confirmation p{
	text-align: center;
	width: 70%;
	margin: 0 auto 50px;

}
.confirmation p img{
	margin-bottom: -20px;
	width: 80px;
}

.natural > div.box div:nth-child(even){
	float:right;
	width: 46%;
	
}
.natural > div.box div:nth-child(odd){
	float:left;
	width: 46%;
	
}

.natural .container div p{
	padding: 0;
}

/*	社員大工制度　*/
section.employee {
	padding-bottom: 0;
}

section.employee .thumbnail> div{
	margin-top:0;
	margin-bottom: 15px;
	width:32%;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top;  
    float: none;
}


section.employee .thumbnail> div:nth-child(3n+2){
	margin: 0 1.5% 0 1.5%;
}
 
section.employee .container div{
	margin-bottom: 15px;
}


section.employee .thumbnail> div p {
    line-height: 1.8em;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    height: 30px; 
    margin-bottom: 20px;
}

section.employee .col2-45,section.employee .col2-54 {
    margin-bottom: 200px;
}

section.employee .col2-45 p,section.employee .col2-54 p{
	margin-bottom: 0;
}

/*	大工技術　*/

.page-sub section.craftsmanship{
	padding-bottom:0;
	padding-top: 20px;
}
.page-sub section.craftsmanship h2{
	text-align: center;
    font-size: 3.2rem;
    line-height: 2em;
    letter-spacing: 0.02em;
    padding: 5% 0 7%;
    font-weight: 700;
    margin: 0;
}


section.craftsmanship .container{
	/*width: 90%;*/
	margin: 0 auto 0;
}

section.craftsmanship h3{
    text-align: left;
    font-size: 2.8rem;
    line-height: 2.2rem;
    padding-bottom: 2%;
    font-weight: 500;
    margin: 0;
}


section.craftsmanship .thumbnail> div p {
    line-height: 1.8em;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    height: 30px; 
    margin-bottom: 30px;
}
section.craftsmanship .col2 .container div{
	margin-bottom: 0;
}



section.craftsmanship h2>img{
    width: 5rem;
    margin-bottom: -2rem;
    margin-right: 1rem;

}

section.craftsmanship h2 img{
	margin-bottom: -10px;
	width: 50px;
}

.btn-box {
    width: 80%;
    margin: 0 auto ;
}

.btn-box p.btn01 {
    width: 27%;
    margin-right: 5%;
    background: url(../images/common/btn02.png)no-repeat;
    background-size: contain;
    height: 90px;
    padding: 0;
    line-height: 70px;
}
.btn-box p {
    width: 30%;
    float: left;
}

p.btn01{
	margin: 30px auto 0;
    text-align: center;
    font-weight: 700;
}
section.craftsmanship .box{
	margin-bottom: 50px;
}
section.craftsmanship .thumbnail> div{
	margin-top:0;
	margin-bottom: 15px;
	width:32%;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top;  
    float: none;
}


section.craftsmanship .thumbnail> div:nth-child(3n+2){
	margin: 0 1.5% 0 1.5%;
}
 
section.craftsmanship .container div{
	margin-bottom: 15px;
}

.page-sub .craftsmanship div p {
    line-height: 2em;
    font-size: 1.9rem;
    letter-spacing: 0.02em;
    padding: 2%;
}

/*	リフォームの力　*/
.tugumi a.detail-button {
      margin: 30px auto 0 auto;
    }
p.tugumi {
	width: 100%;
	text-align: center;
}

section.skeleton{
	background: #EDF4EE;
	width: 100%;
}
.skeleton-wrap{
	width: 1200px;
	margin: 0 auto;
	color: #000!important;
}

.skeleton-wrap a.detail-button{
	color:#000;
	}
.btn-box h2>img {
    width: 8rem;
    margin-bottom: -1rem;
    margin-right: 1rem;
}
.btn-box .box{
	padding-bottom: 50px;
}
.page-sub .btn-box p.btn02 {
    width: 23.5%;
    margin-right: 1.5%;
    background: url(../images/common/btn02.png)no-repeat;
    background-size: contain;
    height: 90px;
    padding: 1.8%;
    line-height: 35px;
}
p.btn02 {
    margin: 20px auto 0;
    text-align: center;
    font-weight: 700;
}

.btn-box h2 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.5em;
    text-align: left
}

section.reform h3{
    text-align: left;
    font-size: 2.5rem;
    line-height: 3.8rem;
    padding-top: 0;
    padding-bottom: 2%;
    font-weight: 500;
    margin: 0;

}

.reform h2{
	font-size: 3rem;
	padding-bottom: 70px;
	padding-top: 80px;
	text-align: center;
}
section.reform .thumbnail{
	padding-bottom: 50px;
}

section.reform .thumbnail> div{
	margin-top:0;
	margin-bottom: 15px;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top;  
    float: none;
}

section.reform .thumbnail> div:nth-child(3n+2){
	margin: 0 1.5% 0 1.5%;
}
 
section.reform .container div{
	margin-bottom: 15px;
}

.page-sub .reform div p {
    line-height: 2em;
    font-size: 1.7rem;
    letter-spacing: 0.02em;
    padding: 2%;
}


/*	家づくりの流れ　*/
.plan ol li{
	    position: relative;
	   padding-top: 5rem;
       padding-bottom: 5rem;
border-bottom: 1px solid #d4d4d4;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.plan ol li:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 20%;
    transform: translateX(-50%);
    margin-bottom: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 23.75px solid transparent;
    border-right: 23.75px solid transparent;
    border-top-color: #f0f0f0;
}
.plan ol li:last-child:before {
    border:none;
}


.plan h2{
	text-align: left;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.33333;
    font-family: 'Noto Serif JP','Times New Roman', Times, 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
    font-weight: 600;
    padding: 0;
}
.round{
	border-radius: 100%;
    background: #166F33;
    color: #fff;
    width: 50px;
    width: 5rem;
    height: 50px;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Garamond Prmr W01 Md', serif;
    margin-right: 1.5rem;
}
  

.round>i {
    font-weight: bold;
    position: relative;
    font-style: normal;
    font-size: 24px;
    font-size: 2.4rem;
    color:#fff;
}

.plan div:nth-child(odd){
	width: 43%;
    float: left;
  
}
.plan div:nth-child(even){
	width: 57%;
    float: right;
  
}

/*手作り家具*/


section.handmade .thumbnail> div{
	margin-top:0;
	margin-bottom: 50px;
	width:30%;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top;  
    float: none;
}

section.handmade .thumbnail> div:nth-child(3n+2){
	margin: 0 4.5% 0 4.5%;
}

section.handmade .thumbnail> div figcaption {
    padding: 15px 0;
    font-size: 1.1em;
    letter-spacing: 0.04em;
    font-weight: 500;
    text-align: left;
}


/* 歴史写真館 */

.history h2{
	position:relative;
	line-height:2.5em;
	width: auto;
	margin: 50px auto 0;
	text-align: center;
	}

section.lead div.history p{
	font-size: 1.8rem;
}


.history h2 img{
	width: 70px;
	padding-top: 50px;
	margin-bottom: -20px;
	margin-right: 20px;
}
.history p{
	padding-bottom: 2rem;
}

.history .col2-45{
	margin-bottom: 10px;
}

section.history .thumbnail> div{
	margin-top:0;
	margin-bottom: 0;
	width:30%;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top;  
    float: none;
}
section.history .thumbnail> div:nth-child(3n+2){
	margin: 20px 5% 0 5%;
}

section.history .thumbnail> div:nth-child(3n+2){
	margin: 0 4.5% 0 4.5%;
}
 
.history .box div:nth-child(odd){
	float: left;
	width:30%;
	margin-right: 5%;
}

.history .box div:nth-child(even){
	float: left;
	width: 60%;
}
.history .content-lead {
    font-size: 2.2rem;
    font-weight: 700;
    padding: 1% 0 3%;
}
section.history .thumbnail> div p {
	height: auto;
}
section.history .col2 .container div {

	margin-bottom: 0;
}

section.history .col2 .container div:nth-child(even) {
	width: 48%;
}
section.history .col2 .container div:nth-child(odd) {
	width: 48%;
}


/*	members　*/
.page-sub .members p{
	font-size: 1.6rem;
}
.members .col2-45,
.members .col2-54{
	padding-top: 100px;
}
.members .btn-box p.btn01{
	margin: 0 auto ;
    text-align: center;
    font-weight: 700;
    margin-right: 8%;
    height: 80px;
}

.members  .container  >div h4{
	font-size: 2.8rem;
	margin: 0 0 20px 0;
}

.members  .container  >div h4 span{
	font-size: 2.5rem;
	padding-left: 20px
}

.members .container  >div p{
	padding: 0;
	clear:both;
}
.col2 .container div.sub-img {
    margin-bottom: 20px;
}
.col2 .container div img.sub-img{
	width: 60%;
	margin: 0 auto 20px;
	display: block;
}

.greeting {
	margin-bottom: 120px;
	display: block;
}
.greeting h2{
	margin-bottom: 15px;
	padding-bottom: 0;
}
.greeting .container{
	margin-bottom: 50px;
}
.tamura .col2-54{
	margin-bottom: 30px;
}

.members .container >div p.border{
	margin-top: 0;
	padding-top: 60px;
	border-top: 2px dotted #ccc;
} 

/* 日々是タマケン */

.days h2,
.event h2{
	position:relative;
	line-height:2.5em;
	width: auto;
	margin: 50px auto 0;
	font-size: 2.8rem;
	}

.event p{
	padding-bottom: 2rem;
}

section.event .thumbnail> div{
	height: 400px;
	
}

section.days .thumbnail{
	position:relative;
	width:100%;
	height:auto;
	margin-bottom: 100px;
}

section.days .thumbnail> div{
	margin-top:0;
	margin-bottom: 25px;
	width:30%;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top;  
    float: none;
}

section.days .thumbnail> div:nth-child(3n+2){
	margin: 0 4.5% 25px 4.5%;
}

section.days .thumbnail> div p{
	line-height:1.8em;
	font-size:1.6rem;
	letter-spacing:0.02em;
	height: auto;
}



/*会社概要*/

.page-sub .company h2 {
	text-align: center;
}
.company .list{
	width:90%;
	border-top:1px dotted  #aaa;
	margin:0 auto 90px;
	overflow: hidden;
	}

.company .list dl{
	width:100%;
	float:left;
	border-bottom:1px dotted  #aaa;
	padding:25px 0 25px 20px;
	font-size:1em;
	margin: 0;
	}

.company .list dl dt{
	width:25%;
	float:left;
	font-family: 'Univers','游ゴシック体','Yu Gothic','YuGothic','sans-serif','ＭＳ Ｐゴシック';
	}

.company .list dl dd{
	width:75%;
	float:left;
	font-family: 'Univers','游ゴシック体','Yu Gothic','YuGothic','sans-serif','ＭＳ Ｐゴシック';
	line-height:2em;	
	}

/*アクセス*/
	.access-train {
		margin-top: 60px;
	}
	.access-train h3 {
		margin-bottom: 20px;
	}
	.access-train dl {
		display: flex;
		line-height: 1.8em;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
	}
	.access-train dl dt {
		width: 15vw;
	}
	



/*木材について*/

.wood h2{
	padding-top:80px;
	font-size: 3rem;
	text-align: center;
}
.wood h2 span{
	font-size: 2.5rem;
}


.wood h2:before {
    content: url(../images/wood/wood-ico1.png ) ;
    margin-right:50px;  /*画像右の余白*/
}
.wood h2.hard:before {
    content: url(../images/wood/wood-ico2.png ) ;
}

.wood .col2-45 > .container{
	margin-bottom: 50px;
}
.wood p{
	padding-bottom: 15px;
}
section.wood .thumbnail> div p{
	height: 5rem;
}

.wood .btn-box {
    width: 60%;
    margin: 0 auto;
}

 .wood .btn-box p.btn01 {
    width: 25%;
    margin-right: 8%;
    background: url(../images/common/btn01.png)no-repeat;
    background-size: contain;
    height: 60px;
    padding: 0;
    line-height: 60px;
}
.wood .btn-box p {
    width: 30%;
    float: left;
}

.wood  p.btn01{
	margin: 30px auto 0;
    text-align: center;
    font-weight: 700;
}
section.wood .thumbnail> div {
    margin-top: 0;
    margin-bottom: 0;
    width: 30%;
    display: inline-block;
    vertical-align: top;
    float: none;
    text-align: center;
}

section.wood .thumbnail> div:nth-child(3n+2) {
    margin: 0 4.5% 0 4.5%;
}


/* よくある質問　*/

	
dt.question:hover {
        
}
dd.answer {
        display: none;
        background: #f2f2f2;
        margin-left: 1em;
        padding: 10px;
        font-size: 18px;
}
dd.answer a{
	color: #d86896;
	font-weight: 700; 
}
dl.faqlist {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}

dl.faqlist dt.question {
  border-bottom: 1px dotted #9F9F9F;
  font-size: 20px;
  padding: 38px 60px 33px 138px;
  cursor: pointer;
  position: relative;
}

dl.faqlist dd {
  display: none;
  line-height: 2.2;
  margin: 30px 60px 50px 126px;
  padding: 10px 0 0 55px;
  background: url(../images/common/ico-faq-a.png) no-repeat 0 0;
  background-size: 38.5px 38.5px;
}

dl.faqlist dt span {
  font-size: 30px;
  background: url(images/common/ico_qnda_q.png) no-repeat 0 0;
  background-size: 51px 51px;
  padding: 16px 0 0 21px;
  position: absolute;
  top: 15px;
  left: 16px;
  font-weight: 700;
  color: #819B74;
 }

dl.faqlist dd span {
  font-size: 30px;
  background: url(images/common/ico_qnda_q.png) no-repeat 0 0;
  background-size: 51px 51px;
  padding: 16px 0 0 21px;
  /*position: absolute;*/
  top: 15px;
  left: 16px;
  color: #988463;
  padding-right: 20px;
}

.page-sub p.leadtext{
	font-size: 3rem;
	text-align: center;
	font-weight: 700;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

dl.faqlist dt:after {
  font-family: "Font Awesome 5 Free";
  content: "\f13a";
	font-weight: 900;
  font-size: 27px;
  color: #C7BFB2;
  position: absolute;
  top: 35px;
  right: 27px;
}

dl.faqlist dt.on:after {
  content: "\f13a";
}

/* お客様の声　*/

section.voice{
	width: 800px;
}
section.voice>img{
	width: 100%;
	padding-bottom: 30px;
}
dl.voice {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}

dl.voice dt {
  border-bottom: 1px dotted #9F9F9F;
  font-size: 2rem;
  padding: 38px 20px 33px 138px;
  position: relative;
}

dl.voice dd {
  display: block;
  line-height: 2.2;
  margin: 30px 60px 50px 126px;
  padding: 10px 0 0 55px;
  background: url(../images/common/ico-faq-a.png) no-repeat 0 0;
  background-size: 38.5px 38.5px;
  font-size: 1.6rem;
}

dl.voice dd p{
	padding-bottom: 1.6rem;
}

dl.voice dt span {
  font-size: 30px;
  background: url(images/common/ico_qnda_q.png) no-repeat 0 0;
  background-size: 51px 51px;
  padding: 16px 0 0 21px;
  position: absolute;
  top: 15px;
  left: 16px;
  font-weight: 700;
  color: #819B74;
}

dl.voice dd span {
  font-size: 30px;
  background: url(images/common/ico_qnda_q.png) no-repeat 0 0;
  background-size: 51px 51px;
  padding: 16px 0 0 21px;
  /*position: absolute;*/
  top: 15px;
  left: 16px;
  color: #988463;
  padding-right: 20px;
}

.page-sub p.voice-lead{
	margin: 0 auto 30px;
	font-size: 2.5rem;
	font-weight: 700;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.page-sub p.voice-lead span{
	font-size: 2rem;
	line-height: 4rem;
}	
dl.voice dt.on:after {
  content: "\f13a";
}


/* お問い合わせ　*/
.form{
	margin-top: 50px;
}

.page-contact section.tel{
	width:800px;
	margin: 0 auto;
}
.page-contact section.col3 {
	width: 1200px;
}

section.tel p.tel{
	color: rgba(77,77,77,1);
	font-size: 3rem;
	font-weight: 500;
	font-family: YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
.page-sub section.contact-form h2 {
    text-align: center;
    font-size: 2.5rem;
    line-height: 2em;
    letter-spacing: 0.02em;
    padding: 5% 0 7%;
    font-weight: 700;
    margin: 0;
}
.page-contact section{
	width:900px;
}

.page-contact section h1{
	text-align:center;
}

.page-contact .contact-head{
	height:246px;
	border-style:dotted none dotted none;
	border-width:1px;
	letter-spacing: 0.1em;
}
.page-contact section > div h3{
	display:block;
	margin:40px;
	text-align:center;
    margin-top: 60px;
    margin-bottom: 45px;
	letter-spacing: 0.1em;
}
.page-contact .contact-head dl dt{
	float:left;
	font-weight:bold;
}
.page-contact .contact-head dl dd,
.page-contact .contact-head dl dt{
	margin-bottom:7px;
	font-size:1.1em;
	font-family: YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	letter-spacing: 0.1em;
}
.page-contact .required-be{
	padding-bottom:30px;
}
.page-contact .contact-head dl{
	width:220px;
	margin:0 auto;
}
.contact-form dl dt{
	float:left;
	width:40%;
	display:block;
	padding-top:16px;
	font-size:1.6rem;
}
.contact-form dl dd{
	width:60%;
	float:right;
	font-size:1.6rem;
}
.contact-form dl dd label {
    font-family: YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
.contact-form dl.clearfix{
	margin:50px auto;
	}
.contact-form dl.clearfix:nth-of-type(1) dd{
	margin-top:12px;
	}
.contact-form dl.clearfix:nth-of-type(9) dd{
	margin-top:12px;
	}
.contact-form dl.clearfix:nth-of-type(10) dd{
	margin-top:12px;
	}
.contact-form dl dd input{
	margin:7px 0;
	max-width:100%;
}
.contact-form dl dd input[type="text"]{
	margin:12px 0;
	max-width:100%;
}
.contact-form dl dd input.zip{
	width:45%;
}
.contact-form dl dd input.tel{
	width:27%;
}
.contact-form dl dd textarea{
	width:100%;
	height:150px;
	margin:10px 0;
}
.contact-form b{
	display:block;
	margin:55px 0 30px 0;
}
.last-confirm .backform a,
.last-confirm .control input,
.control-confirm .backform a,
.contact-form .control input{
	display:inline-block;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	width:40%;
	height:50px;
	background:#61A629;
	border:none;
	border-radius:30px;
	color:white;
	margin-bottom:50px;
	position:relative;
	letter-spacing: 0.1em;
}
.contact-form .control input:hover{
	opacity: 0.8;
}
.control-confirm .backform{
	width:100%;
	text-align:center;
}

.last-confirm .backform a,
.control-confirm .backform a{
	text-align:center;
	font-size:1.2em;
	padding-top:20px;
}
.contact-form .control input::after{
  display: inline-block;
  border: 8px solid transparent;
  border-left-color: #000;
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -8px;
}

.last-confirm .backform a{float:left;}
.last-confirm .control input{float:right;}

dt span {
    font-size: 12px;
    color: #fff;
    padding: 3px 5px;
     background-color: #999;
    border-radius: 3px;
    margin-right: 11px;
}
dt span.required {
	 background-color: #ED3280;
}	
.control{
	width:100%;
	text-align:center;
}
.page-id-2300 .page-sub p {
	margin-bottom: 2rem;
}



/*---------------------
	PC アーカイブ
---------------------*/
.archive .thumb img{
	width: 100%;
	height: 110px;
	object-fit: cover;
}


ul.list li{
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
div.thumb{
	width: 18%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}

div.post{
	float: left;
	width: 75%;
}
div.post p.date{
	font-size: 1rem;
	width:80%;
}
div.post p.title a{
	font-size: 2rem;
	font-weight: 700;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

/*---------------------
	PC pagenation
---------------------*/

/* ページャー */
/*Pagenation*/
.pager{
	clear: both;
	margin-top: 50px;
	margin-left: 50px;
	width: 100%;

}
.pagenation {
    margin: 1em auto;
    text-align: center;
 
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

.previous a,.next a{
	color:#104DC9;

}

.previous{
	display: inline;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
}

/*---------------------
	single
---------------------*/
section.single{
	font-size: 1.6rem;
}


.page-sub section.single h2{
	margin-bottom: 10px;
	padding-bottom: 0;
	font-size: 3rem;
}
.page-sub section.single h2.work{
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 100px;
}

.page-sub section.single h2 span{
	margin-right: 2rem;
	vertical-align : 0.5rem;
}

.single_meta{
	margin-bottom: 50px;
}
.single img{
	max-width: 100%;
	height: auto;
}

section.archive p{
	font-family: 
}

#breadcrumb{
	width: 1200px;
	margin: 30px auto 0;

}

#breadcrumb ul li{
	display:inline-block;
}

#breadcrumb li a:hover {
  background-color: #EEEEEE;
}

#breadcrumb li:after {
  content: '\003e';
  margin-left: 10px;
  margin-right: 10px;
  color: #888888;
}

#breadcrumb li:last-child:after {
  content: ""; /* 最後のliの後ろには区切り文字を表示しない */
}

/* ページャー*/

.postLinks{
	width: 80%;
	margin: 0 auto;
	font-size: 1.8rem;
	padding: 100px 0;
	color: #819B74;
}
.postLink-prev{
	width: 45%;
	float: left;
}
.postLink-next{
	width: 45%;
	float: right;
	text-align: right;
}

.postLinks .fas{
	padding: 0 20px;
	color:#59963a;
}
section.works .postLinks a{
	color:#59963a;
}

/* 施工実績個別ページ　*/

.wp-block-columns {
	margin-bottom: 0!important;
}

.wp-block-image{
	margin-bottom: 23px;
}


/*東京の家*/
@media screen and (min-width:750px) {

.wrap-colum2-ba .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
    margin-left: var(--wp--style--block-gap,1em);
}
/*東京の家*/

h3 {
	font-size: 2.5rem;
}

}

@media screen and (max-width:750px) {
	body h3 {
		font-size: 5vw;
	}	
.wrap-colum2-ba .wp-block-spacer {
	margin-bottom: 20px;
}
body .is-layout-flex {
	display: inherit!important;
}
}





/* ブログ個別ページ　*/

ul.news-list{
	width: 40%;
	margin-bottom: 50px;
}
ul.news-list li {
    border-style: none none dotted none;
    border-width: 1px;
    border-color: #888;
    padding: 21px 0 13px 2px;
}
.blog-single div {
    margin-bottom: 1em;
    /*display: table;*/
}
/* おしらせ個別ページ　*/

.page-sub section.single p{
	line-height: 1.8;
	margin-bottom: 20px;
	
	}

.page-sub section.single a{
	color: #59963a;
}
.green{
	color: #59963a;
}

/* 社員メンバー紹介　*/
.member-list h3 span {
	display: block;
	font-size: 1.5rem;
}
@media screen and (max-width:750px) {
	.page-id-2244 main.page-sub .main-image {
		background-image: url(https://www.tamaken.info/wordpress/wp-content/themes/tamaken-corp/images/eye/eye-02-02_2022d2_sp.jpg)!important;
	}
}


/*スマホヘッダー改202301*/
@media screen and (max-width:750px) {
.main-logo img {
	height: 48px;
	width: auto;	
}
.main-logo {
    margin: 0 auto!important;
    padding-top: 5px;
}
.page-index .main-logo {
	padding-top: 235px;
}
h1.text4 {
    padding: 0;
}
section.works {
	margin-top: 0;
}
div.main-image {
    margin-bottom: 15px!important;
}
ul.works-type {
	margin-bottom: 40px;
}
.menu-trigger {
	border-style: none!important;
}
img.logo-usagi {
	height: 50px;
    width: auto;
    position: absolute;
    margin: 5px 0 0 5px;
}
.wrap-title h1 {
    font-size: 2.3rem;
    letter-spacing: 3px;
}
.wrap-title {
	padding: 15px 0;
}
.wrap-title div {
    text-align: center;
    color: #aaa;
}
.main-image {
	display: none;
}
main.page-sub section {
	margin-top: 0!important;
}
.home .main-logo img {
	height: inherit;
}
}
@media screen and (max-width:380px) {
.main-logo {
    padding-top: 55px;
}
}

/*共通パーツ*/
a.button-dark {
	background-color: #004f9d;
	color: #fff;
}

.page-sub .openhouse2023 img {
	width: 100%;
	height: auto;
}
.openhouse2023 ul {
	padding-left: 2rem;
}
.openhouse2023 ul li {
	list-style: disc;
}
.openhouse2023 ul li,
.openhouse2023 .contact-form dl dt,
.openhouse2023 .contact-form dl dd {
		ine-height: 1.8em;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
	}
.page-sub .openhouse2023 h2 {
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 1.5em;
    margin-top: 60px;
}
.page-sub .openhouse2023 p {
	margin-bottom: 1rem;
}

@media screen and (min-width:750px) {
.openhouse2023 .contact-form {
	width: 900px;
}
}

.page-id-9993 .page-sub div.main-image {
	display: none;
}

@media screen and (max-width:750px) {
.openhouse2023 .contact-form dl dt,
.openhouse2023 .contact-form dl dd {
	display: block;
	float: none;
	width: inherit;
	}
}