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


body { 
	background-image:url(../img/common/bg.gif);
	background-repeat:repeat;
	margin:0;
	padding:0;
	}
	
html {scroll-behavior:smooth;
		}
	
html,a,form,div,table,ul,ol,li,dl,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
	border: 0 none;
}

p{
	margin-bottom:0em;
	padding: 0px 0px 0px 0px;
	font-size:2.6em;
	line-height: 1.8em;
}

img{
	margin:0;
	padding:0;
	border: 0 none;
}
ul{
	list-style-type: none;
}

td{text-align:left;}

	
.clear { 
	clear:both;
	font-size:1px;
	line-height:0px;
} 

.r {
	float:right;
	width:590px;
	}

.l{
	float:left;
	width:590px;
	margin:0 15px 0 0;
	}

a:link { color: #efb42f; }
a:visited { color: #efb42f; }
a:hover { color: #efb42f; }
a:active { color: #efb42f; }

.pankuzu p a:link { color: #8b6015; }
.pankuzu p a:visited { color: #8b6015; }
.pankuzu p a:hover { color: #8b6015; }
.pankuzu p a:active { color: #8b6015; }



/*テーブル*/	

table {
	border-collapse: collapse;
	width:100%;
}

table.t_01 th{
	font-size:2em;
}
th.t_top {
    border-top: #f3bd43 4px solid;
	font-size:2em;
	width:20%;
}
th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background-color:#fffbf2;

}
td.t_top {
	border-top: #b3b3b3 4px solid;
	font-size:2em;
}
td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-size:2em;
}


	
/*トップページ*/	
	
#cnt_bg_top { 
	background-image:url(../img/top/top_h1_bg.png);
	background-repeat:repeat-x;
}

#main_bg {
	width:100%;
	}
	
.sp-slide {
	width:100%;
	}

h1.top { 
	font-size:1em;
	color:#a28044; 
	text-align:center;
	padding:13px 0 0 0;
	background-color:#cae48d;
}
	
.h1_t { 
	font-size:1em;
	margin:0 auto;
}


#cnt_top { 
	background-image:url(../img/top/top_cnt_bg.png); 
	background-repeat:repeat-y; 
	width:1101px; 
	margin:0 auto;
	padding:0 0 18px 0;
}
	
#gn_top {
	margin:0 auto 2em auto;
	padding:2em 0 3em 0;
	background-color:#cae48d;
}
	
#gn_top ul{
	margin:0px;
}

#gn_top li {
	float:left;
	list-style:none;
	width:45%;
	margin:0 2%;
}

#gn_top li img { width:100%;}

#news { 
	width:100%;
	margin: 40px auto;
	}
	
.news_honbun { 
	display:block; 
	line-height:1.8em;
	}

.news_title { 
	font-weight:bold;
	line-height:2.2em;
	}

.line01 { 
	background-color:#ded6c4;
	height:1px;
	line-height:1px;
	font-size:1px;
	margin:11px 0;
	}

.news_list { margin:0 30px;}

.news_list span { margin:0 5px;}

.txt img { margin:0 5px;}


.lead_bg {
 margin: 2em auto;  
 padding: 1em;
 width: 90%; /*幅の調節*/
 background-color: #fffbd3; /*背景色*/
 border: 2px solid #fae77c; /*線の太さ・色*/
 border-radius: 8px; /*角の丸み*/ 
}
	


.lead{
	margin:0 auto;
	padding:10px ;
	color:#a28044;
}
	
.lead h2{ font-size:3em;
	text-align:center;
	color:#a28044;
	margin: 0 0 0.8em 0;}
	
.lead p{
 	width:900px;
	margin:0 auto;
	padding:10px 0 0 0; 
 
}


/*フッター*/
#foot {
	margin:0 auto;
	background-color:#FFFFFF;
	width:100%;
}

#foot p {
	padding:0 0 0 36px;
	margin:0 auto;
	text-align:center;
}

#foot p span {
	font-size:0.7em;
	}

.foot_log {
	width:100%;
}
	
.foot_info {
	background-image:url(../img/sp/top/foot_info_bg.png);
	background-repeat:no-repeat;
	width:100%;
	text-align:center;
	background-size:100% auto;
}

.foot_info img.b01 { 
 	padding:5em 0 0 0;
 	}
.foot_info img.b02 { 
 	padding:0 0 9em 0;
 	}

.pl li { 
	float:left;
	font-size:1.5em;
	}

.pl li a {
	color:#958f80;
	}

.pl{
	margin:0 auto;
	background-color:#f9f4e8;
	}


/* ▽▽ハンバーガーメニュー▽▽
------------------------------------------------------- */
nav.menu			{ width:100px; height:100px; top: 50px; right:10px; position:fixed; cursor:pointer; overflow:hidden; z-index:9999; }
nav .menu1			{ width:80px; height:5px; background-color: #cbbfb7; top:0px; position:absolute; } 
nav .menu2			{ width:80px; height:5px; background-color: #cbbfb7; top:20px; position:absolute; } 
nav .menu3			{ width:80px; height:5px; background-color: #cbbfb7; top:40px; position:absolute; }

nav .menu1,nav .menu2,nav .menu3
					{ transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
					 -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }
					 
nav .menuclick1		{ top:25px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				 	-ms-transform: rotate(405deg); transform: rotate(405deg); }
nav .menuclick2		{ background-color:rgba(255,255,255,0);  }
nav .menuclick3		{ top:25px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }
					
#menu { display:none; background-color:#f5f2ef;}

/* △△ハンバーガーメニュー△△
------------------------------------------------------- */


/*ヘッダー*/

#head {
	background-color:#FFFFFF;
	width:100%;
}



.head_in h1{
	font-size:1.2em;
	color:#bda884;
	margin:0 0 0 16px;
	padding:18px 0 0 0;
	text-align:left;

}

.info { 
	width:355px; 
	float:right;
	padding:8px 0 0 0;
	text-align:right;
}

.info img{
	margin:0 0 0 10px;

}

.pankuzu {
	margin:0 auto;
	padding:8px 20px;
	color:#917c47;
}

.pankuzu p {
	font-size:1.6em;
}




#globalNav ul li {
    margin-right: 1px;
    float: left;
    position: relative;
	width:130px;
}

#globalNav ul li ul {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
	z-index:999;
}
#globalNav ul li ul li {
    float: none;
    font-size: 10px;
    line-height: 0;
}
#globalNav ul li ul li a {
    display: block;
    width: 120px;
    color: #ffffff;
    padding: 10px 5px;
    background: #f3bd43;
    line-height: normal;
    border-top: 1px solid #ffffff;
    text-decoration: none;
    text-align: center
	font-size:14px;
}
#globalNav ul li ul li a:hover {
    color: #ffffff;
    background: #f5d181;
}


/*コンテンツ*/

#cnt { 
	background-color:#FFFFFF;
	box-shadow:0px 0px 6px 3px #ede3ca;
	width:1040px; 
	margin:0 auto 20px;
	padding:0 0 18px 0;
}

.cnt_in {
	margin:0 20px;
	padding:40px 0;}

.cnt_box { margin:20px 0;}

.cnt_box_l {
	width:960px;
	margin:0 auto;
	padding:50px 0 0 0 ;
}

.cnt_box_ll {
	width:1000px;
	margin:0 auto;
	padding:50px 0 0 0 ;
}



.t_01 { 
	background-image:url(../img/company/dot_01.png); 
	background-repeat:repeat-x; 
	background-position:bottom;
}

.t_01 h2 {
	font-size:2.4em;
	color:#604300;
	padding:5px 0 0 40px;
}


.t_01 h3 {
	background-image:url(../img/company/midashi_01.png);
	background-repeat:no-repeat;
	background-position:left;
	font-size:3em;
	color:#e5782e;
	padding:5px 0 0 40px;

}

.dot_02 { background-image:url(../img/common/dot_02.gif);
	background-repeat:repeat-x;
	height:3px;
	font-size:1px;
	line-height:1px;}
	
.t_02 { padding:20px 0 20px 10px;
	font-size:2.5em;
	color:#604300;}

.t_03 { padding:20px 0 20px 80px;
	font-size:2.8em;
	color:#604300;
	background-image:url(../img/works/nagare_icon01.gif);
	background-repeat:no-repeat;}

.t_04 { padding:20px 0 20px 80px;
	font-size:2.8em;
	color:#604300;
	background-image:url(../img/works/nagare_icon02.gif);
	background-repeat:no-repeat;}


/* 地図・会社概要 */

.president_p { float:left;
	width:65%;
	margin:0 20px 0 0;
}

.yurai {
	margin:10px 20px;
	float:left;
}

.yurai strong { font-size:1em;
	color:#e5782e;

}

.yurai_p { width:311px;
	float:right;
}

/* FAQ */

h4.faq_t {
	padding: 0.5em;/*文字周りの余白*/
	color: #494949;/*文字色*/
	background: #fffaf4;/*背景色*/
	border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
	font-size:2.4em;
	margin-top:2.2em;
	}

p.faq_p{ margin:5px 18px; font-size:2.6em;
	line-height:1.6em;}


h3.faq_t2 {
	position: relative;
	padding: 0.6em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	border-radius: 7px;
	font-size:2.6em;
	}

h3.faq_t2:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #ffebbe;
	width: 0;
	height: 0;
	}


/* 施工事例 */
.yellow { background-image:url(../img/works/bg_01.png);
	}

.works_box{ 
	margin:0 32px;
	padding:40px 0;
}

p.works_btn { 
	float:left;
	border: 1px solid #ead9a5;
	box-shadow:0px 0px 6px 3px #ede3ca;
	margin:13px;
	width:30%;
	}

#jisseki { 
	background-image:url(../img/common/bg_01.gif);
	}

#jisseki h2 { 
	font-size:3em;
	color:#604300;
	text-align:center;
	padding:35px 0 0 0;
	}
	
#jisseki_w h2 { 
	font-size:28px;
	color:#604300;
	text-align:center;
	padding:35px 0 0 0;
	}
	
.jisseki_in { 
	margin:10px 0 0 40px;
	}

.jisseki_miadshi {
	padding:20px 0 0 0;
	margin:0 0 20px 0;
	}

.jisseki_miadshi img {
	width:20%;
	}

.jisseki_box { 
	box-shadow:4px 4px 6px -4px #9c9c9c;
	border:2px solid #ffffff;
	width:45%;
	float:left;
	margin:11px;
	position:relative;}

.jisseki_box img{
	width:100%;
	height:100%;
	}

.jisseki_box_t{
	position:absolute;
	top:282px;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
	height:100px;
	width:100%;
	}

.jisseki_box_t_in {
	margin: 0 10px;
	padding:15px 0 0 0;
	}


.jisseki_box_t h3 a{
	font-size:1.5em;
	color:#604300;
	text-decoration: none;
	line-height:1.3em;
	}


.btn_jisseki { 
	text-align:center;
	padding:22px 0 33px 0;
	}
	
.btn_jisseki img { 
	box-shadow:4px 4px 6px -4px #9c9c9c;
	}
	
.before{ 
	background-color:#f2efeb;
	margin: 20px 0 37px 0;
	}

.before_in { 
	margin:0 15px;
	padding:10px 0 20px 0;
	}
	
.before_in h3 img {
	width:15%;
	}


.before_in img { 
	margin: 0 5px;
	}

.jisseki_single {
	margin: 0 46px;
	}
	
.jisseki_single .txt {
	width:300px;
	float:left;
	}
	
.jisseki_single .photo {
	width:950px;
	margin:0 0 20px 0;
	}

.jisseki_single .photo .box {
	margin:0 15px 10px 0;
	float:left;
	}

.jisseki_single .photo .box p {
	font-size:1.2em;
	}

.jisseki_single .hyo{
	width:100%;
	padding:20px 0 0 0 ;
	float:left;
	}	
	
.teian_l { 
	float:left;
	width:500px;
	margin: 30px 20px 0 40px;
	font-size:16px;
	}
	
.teian_r {
	margin:30px 0 0 0;
	}


.nagare_in { 
	width:100%;
	}
	
.nagare_in img { 
	width:60%;
	margin:0 20%;
	}

.nagare_in p {
	width:60%;
	margin:0 20%;
	}


.lead_bg h3 { 
	text-align:center;
	font-size:2.5em;
	color:#604300;
	padding:40px 0 0 0;
	}

.cnt_box_l .lead_bg p{
	width:90%;
	margin:0 5%;
	}

.arrow_02 {
	width:100%
	}

.arrow_02 img {
	width:100%
	}

/* ブログ */

.blog_sub { width:316px;
	float:left;}
	

.blog_txt { width:620px;
	float:right;}
	
.blog_day { color:#8b6015;
	}

.blog_txt h3 { color:#efb42f;
	font-size:20px;
	border-bottom:#efb42f 3px solid;
	line-height:40px;}

.blog_honbun { padding:12px 0 0 0;
	font-size:16px;
	line-height:24px;
	color:#53453b;}

.blog_btn { text-align:right;
	padding:14px 0 0 0;}
	

.blog_sub { border: 3px solid #ffffff;
	box-shadow:0px 0px 6px 3px #ede3ca;
	}

.blog_box { margin:0 0 40px 0;
	}

.blog_txt_s { width:680px;}


.blog_txt_s h3 { color:#efb42f;
	font-size:20px;
	border-bottom:#efb42f 3px solid;
	line-height:40px;}

.blog_txt_s h3 a { color:#efb42f;
	font-size:20px;
	border-bottom:#efb42f 3px solid;
	line-height:40px;}
	
.blog_box_s { 
	width:680px;
	float:left;}


.nav-previous {
    padding: 0.5em 1em;
    margin: 1.8em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.nav-previous p {
    margin: 0; 
    padding: 0;
}

.nav-next {
    padding: 0.5em 1em;
    margin: 1.8em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.nav-next p {
    margin: 0; 
    padding: 0;
}

.nav-previous a { 
	font-size:3em;
	color:#63440d;
	}

.nav-next a { 
	font-size:3em;
	color:#63440d;
	}

.screen-reader-text{
	font-size:12px;
	font-weight:normal;
	}

.side {
	width:100%;
	}
	
.side .t {
    padding: 0.5em 1em;
    margin: 1.8em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
	font-size:3em;
}
.side .t h5 {
    margin: 0; 
    padding: 0;
}

.side ul {
	font-size:3em;
	}


h2.pagetitle{
 color:#8b6015;
 font-size:18px;
 margin:0 0 0 30px;
 padding:20px 0 0 0;}

.thumb {
	width:40%;
	float:left;
		
/* box-shadow */
box-shadow:4px 4px 4px -2px #d4d4d4;

/* border */
border:2px solid #ffffff;

shadowColor:"#d4d4d4",
shadowOffset:{width:4,height:4},
shadowOpacity:1,
shadowRadius:4,
borderWidth:2,
borderColor:"#ffffff",
borderRadius:6

	}

.thumb img {
	width:100%;
	height:100%;
	}
	
.blog_list_txt {
	width:55%;
	float:right;
	}
	
.blog_list_txt h3 {
	font-size:3em;
	}

h1.entry-title { 
	background-image:url(../img/company/dot_01.png); 
	background-repeat:repeat-x; 
	background-position:bottom;
}

h1.entry-title {
	font-size:3.5em;
	color:#604300;
	padding:5px 0 0 10px;
	margin:0 0 20px 0;
}

.blog_box_in {
	width:100%;
	}

.blog_box_in p{
	margin:5px 0 0 20px;
	}

.blog_box_in img{
	width:100%;
	height:auto;
	}

.tablenav {
color: #2583ad;
background:white;
margin: 1em auto;
line-height:2em;
text-align:center;
}

a.page-numbers, .tablenav .current {
color: #efb42f;
padding: 2px .4em;
border:solid 1px #efb42f;
text-decoration:none;
font-size:smaller;
}

a.page-numbers:hover {
color:white;
background: #efb42f;
}

.tablenav .current {
color: white;
background: #efb42f;
border-color: #efb42f;
font-weight:bold:
}

.tablenav .next, .tablenav .prev {
border:0 none;
background:transparent;
text-decoration:underline;
font-size:smaller;
font-weight:bold;
}
	
	

/*お客様の声*/

.voice_t {
	padding:15px 0 0 0 ;
	}

.voice_in{
	padding:0 0 35px 0;
	}

.voice_main{
	text-align:center;
	padding:25px 0 0 0;
	}
	
h3.voice_t2 {
	position: relative;
	padding: 0.6em;
	background: -webkit-repeating-linear-gradient(-45deg, #ffebf0, #ffebf0 4px,#ffebf0 3px, #ffebf0 8px);
	background: repeating-linear-gradient(-45deg, #ffebf0, ffebf0 4px,#ffebf0 3px, #ffebf0 8px);
	border-radius: 7px;
	font-size:3em;
	}

h3.voice_t2:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #ffebf0;
	width: 0;
	height: 0;
	}

.voice_sub {
	width:25%;
	float:left;
	margin: 0 20px 0 0;
	}
	
.voice_sub img {
	width:100%;
	height:100%;
	}
	

/*ながれ*/

.flow_box{
	width:100%;
	}
	
.flow_box .arrow{
	text-align:center;
	padding:8px 0;
	}

.flow_box_l h3 {
	font-size:4em;
	color:#fe8226;
	vertical-align:middle;
	}

.flow_box_l .no {
	float:left;
	margin: 0 10px 0 0px;
	width:10%;
	}

.flow_box_l p{
	clear:both;
	padding:10px 0 0 0;
	}
	
.flow_box_l .tel {
	margin:0 0 10px 0;
	}
	
.frow_btn {
	padding:20px 0 0 0;
	text-align:center;
	margin:0 0 30px 0;
	}

.frow_btn img {
	margin: 0 13px 0 0;
	}
	
/*スタッフ*/

.staff_btn {
	background-image:url(../img/staff/btn_bg.jpg);
	}

.staff_btn_in {
	width:948px;
	padding:20px 0 0 0;
	margin:0 auto;
	}

.staff_btn_in .btn {
	width:45%;
	float:left;
	margin:0 12px;
	}

.staff_btn_in .btn img {
	width:100%;
	}


.staff_01 {
	background-image:url(../img/staff/staff_01.jpg);
	background-repeat:no-repeat;
	height:405px;
	font-size:0.5em;
	}
	
.staff_02 {
	background-image:url(../img/staff/staff_02.jpg);
	background-repeat:no-repeat;
	height:728px;
	font-size:0.5em;
	}
	
.staff_03 {
	background-image:url(../img/staff/staff_03.jpg);
	background-repeat:no-repeat;
	height:587px;
	font-size:0.5em;
	}
	
.staff_04 {
	background-image:url(../img/staff/staff_04.jpg);
	background-repeat:no-repeat;
	height:365px;
	font-size:0.5em;
	}
	
.staff_05 {
	background-image:url(../img/staff/staff_05.jpg);
	background-repeat:no-repeat;
	height:538px;
	font-size:0.5em;
	}
	
.staff_06 {
	background-image:url(../img/staff/staff_06.jpg);
	background-repeat:no-repeat;
	height:375px;
	font-size:0.5em;
	}
	
.staff_07 {
	background-image:url(../img/staff/staff_07.jpg);
	background-repeat:no-repeat;
	height:413px;
	font-size:0.5em;
	}
	
.staff_08 {
	background-image:url(../img/staff/staff_08.jpg);
	background-repeat:no-repeat;
	height:461px;
	font-size:0.5em;
	}
		
.staff_09 {
	background-image:url(../img/staff/staff_09.jpg);
	background-repeat:no-repeat;
	height:876px;
	font-size:0.5em;
	}

.staff_10 {
	background-image:url(../img/staff/staff_10.jpg);
	background-repeat:no-repeat;
	height:365px;
　　font-size:0.5em;
	}
	
.staff_01 table {
	width:370px;
	line-height:18px;
	}

.staff_01 .table_01 {
	margin:0 0 0 571px;
	padding:70px 0 0 0;
	}
	
.staff_02 table {
	width:400px;
	line-height:18px;
	}
	
.staff_02 .table_02 {
	margin:0 0 0 20px;
	padding:79px 0 0 0;
	}
	

.staff_03 table {
	width:350px;
	line-height:18px;
	}
	
.staff_03 .table_03 {
	margin:0 0 0 476px;
	padding:107px 0 0 0;
	}

.staff_04 table {
	width:400px;
	line-height:18px;
	}

.staff_04 .table_04 {
	margin:0 0 0 36px;
	padding:86px 0 0 0;
	}
	

.staff_05 table {
	width:380px;
	line-height:18px;
	}

.staff_05 .table_05 {
	margin:0 0 0 474px;
	padding:96px 0 0 0;
	}
	

.staff_06 table {
	width:380px;
	line-height:18px;
	}

.staff_06 .table_06 {
	margin:0 0 0 22px;
	padding:88px 0 0 0;
	}
	

.staff_07 table {
	width:350px;
	line-height:18px;
	}

.staff_07 .table_07 {
	margin:0 0 0 505px;
	padding:70px 0 0 0;
	}
	

.staff_08 table {
	width:480px;
	line-height:18px;
	}
	
.staff_08 .table_08 {
	margin:0 0 0 26px;
	padding:121px 0 0 0;
	}
	

.staff_09 table {
	width:440px;
	line-height:18px;
	}
	
.staff_09 .table_09 {
	margin:0 0 0 493px;
	padding:122px 0 0 0;
	}

.staff_10 table {
	width:440px;
	line-height:18px;
	}
	
.staff_10 .table_10 {
	margin:0 0 0 10px;
	padding:70px 0 0 0;
	font-size:0.5em;
	}
	
	
	
.staff_foot {
	background-color:#fff7ec;
	}

.staff_foot p {
	text-align:center;
	color:#53453b;
	font-size:18px;
	padding: 10px 0;
	}

.staff_t h2 {
	text-align:center;
	}

.staff_t h3 { 
	font-weight:normal;
	font-size:2.4em;
	color:#53453b;
	line-height:2em;
	padding:10px 0 0 0;
	width:90%
	margin:0 5%;
	}


/*想い*/

.mind_bg { 
	background-image:url(../img/mind/p02.png);
	background-repeat:no-repeat;
	height:936px;
	}
	
.mind_bg h3 {
	font-size:22px;
	color:#e5782e;
	padding:30px 0 0 75px;
	height:37px;
	}

.mind_bg .p_01{
	padding:90px 0 0 0;
	margin:0 0 0 40px;
	}
	
.mind_bg .p_02{
	padding:200px 0 0 0;
	margin:0 0 0 380px;
	}
	
.mind_bg .p_03{
	padding:170px 0 0 0;
	margin:0 0 0 60px;
	}
	
.p_04{
	background-color:#fff8c8;
	margin:20px 10px;
	}

.p_04 p{
	color:#e5782e;
	text-align:center;
	padding:10px 0;
	font-size:2.5em;
	font-weight:bold;
	}
	
.ll_txt{
	margin:20px 50px;
	}
	
/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:16px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }

div.wpcf7 input.wpcf7c-btn-confirm {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7c-btn-confirm:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7c-btn-confirm:active { box-shadow:none; bottom:-2px; position:relative; }

div.wpcf7 input.wpcf7c-btn-back {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7c-btn-back:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7c-btn-back:active { box-shadow:none; bottom:-2px; position:relative; }


.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}



/* ページトップ */
#page_top{
  width: 7em;
  height: 7em;
  position: fixed;
  right: 0;
  bottom: 20px;
  background: #f2ab3d;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 7em;
  height: 7em;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 50px;
  color: #fff;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

span.wpcf7-list-item {display: block;}


/*ボトムナビゲーション*/

.conteiner-btm{ position:fixed; display:flex;
left: 0;
bottom: 0;
width:100%;
text-align:center;
z-index:999;
}

.item-1 { background-color:#FFFFFF; width:50%; line-height:1.2em; padding:2px 0 ;}
.item-2 { background-color:#FFFFFF; width:25%; line-height:1.2em; padding:2px 0 ;}
.item-3 { background-color:#FFFFFF; width:25%; line-height:1.2em; padding:2px 0 ;}


.item-1 a { display:block; color:#FFFFFF; text-decoration:none;}
.item-2 a { display:block; color:#FFFFFF; text-decoration:none;}
.item-3 a { display:block; color:#FFFFFF; text-decoration:none;}


/*YouTube埋め込み*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}