@charset "utf-8";

/* font */
@font-face {
    font-family:'NotoSansCJKjp';
    font-style:normal;
    font-weight:normal;
    src: url('../font/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light.otf')  format('opentype');
}
@font-face {
    font-family:'NotoSansCJKjp';
    font-style:normal;
    font-weight:bold;
    src: url('../font/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold.otf')  format('opentype');
}

@font-face {
    font-family:'NotoSansCJKjpR';
    font-style:normal;
    font-weight:normal;
    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.otf')  format('opentype');
}

@font-face {
    font-family:'NotoSansCJKjpM';
    font-style:normal;
    font-weight:normal;
    src: url('../font/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium.otf')  format('opentype');
}

/* common */
html,body{}
body{font-size:85%;font-family:"NotoSansCJKjpR","NotoSansCJKjp","ヒラギノ角ゴ std W3","メイリオ","ＭＳ Ｐゴシック", Osaka;color:#000000;margin:0;padding:0;text-align:center;}
body{-webkit-text-size-adjust:none;}
@media screen and (max-width:480px){
body{font-size:75%;}
}

h1,h2,h3,h4,h5,h6,p,ol,ul,dt,dd{font-size:100%;padding:0;}

h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0 0 1em;font-weight:normal;}
p{line-height:1.8em;margin:0 0 1.5em;}
ol,ul,dt,dd{line-height:1.7em;margin:0 0 1.5em;}
table{line-height:1.7em;margin:0 0 1.5em;}

strong{font-weight:bold;}

img{border:none;max-width:100%;height:auto;}


/* コンテンツ向け 見出しスタイル */
.h_midashi{font-size:130%;text-align:center;margin:0 0 50px;}
.h_midashi span{display:block;margin:0 0 5px;}
.h_midashi strong{display:inline-block;min-height:45px;line-height:45px;font-size:165%;font-weight:normal;vertical-align:middle;}

.h_midashi strong.about{background:url("../images/h_ico01.png") no-repeat 0 50%;padding:0 55px;}
.h_midashi strong.yufu{background:url("../images/h_ico02.png") no-repeat 0 50%;padding:0 55px;}
.h_midashi strong.service{background:url("../images/h_ico03.png") no-repeat 0 50%;padding:0 55px;}
.h_midashi strong.works{background:url("../images/h_ico04.png") no-repeat 0 50%;padding:0 55px;}
.h_midashi strong.contact{background:url("../images/h_ico05.png") no-repeat 0 50%;padding:0 75px;}
.h_midashi strong.instagram{background:url("../images/h_ico06.png") no-repeat 0 50%;padding:0 55px;}
@media only screen and (-webkit-min-device-pixel-ratio:2) { 
.h_midashi strong.about{background:url("../images/h_ico01@2x.png") no-repeat 0 50%;background-size:43px;}
.h_midashi strong.yufu{background:url("../images/h_ico02@2x.png") no-repeat 0 50%;background-size:43px;}
.h_midashi strong.service{background:url("../images/h_ico03@2x.png") no-repeat 0 50%;background-size:42px;}
.h_midashi strong.works{background:url("../images/h_ico04@2x.png") no-repeat 0 50%;background-size:40px;}
.h_midashi strong.contact{background:url("../images/h_ico05@2x.png") no-repeat 0 50%;background-size:66px;}
.h_midashi strong.instagram{background:url("../images/h_ico06@2x.png") no-repeat 0 50%;background-size:43px;}
}

.h_bdr{font-size:215%;text-align:center;background:url("../images/h_bdr01.png") repeat-x 50% 100%;padding:0 0 25px;}

@media screen and (max-width:640px){
.h_midashi{font-size:120%;margin:0 0 30px;}
.h_midashi span{margin:0;}
.h_midashi strong{font-size:140%;}

.h_bdr{font-size:160%;padding:0 0 15px;}
}
@media screen and (max-width:480px){
.h_midashi strong.about{padding:0 15px 0 55px;}
}
@media screen and (max-width:380px){
.h_midashi strong.about{line-height:1.5em;}
}


/* ページタイトル */
.second .tit{width:100%;/*max-width:1280px*/;height:200px;margin:0 auto 50px;}
#about.second .tit{background:url("../about/images/about_main01.jpg") no-repeat 50% 50%;background-size:cover;}
#yufu.second .tit{background:url("../yufu/images/yufu_main01.jpg") no-repeat 50% 50%;background-size:cover;}
#service.second .tit{background:url("../service/images/service_main01.jpg") no-repeat 50% 50%;background-size:cover;}
#works.second .tit{background:url("../works/images/works_main01.jpg") no-repeat 50% 50%;background-size:cover;}
#contact.second .tit{background:url("../contact/images/contact_main01.jpg") no-repeat 50% 50%;background-size:cover;}

.second .tit .in{width:940px;height:100%;display:table;margin:0 auto;text-align:center;}
.second .tit h1{width:100%;height:100%;display:table-cell;vertical-align:middle;font-size:215%;color:#ffffff;}
.second .tit h1 span{display:inline-block;}
#about.second .tit h1 span{background:url("../about/images/about_ico01.png") no-repeat 0 50%;padding:0 55px;}
#yufu.second .tit h1 span{background:url("../yufu/images/yufu_ico01.png") no-repeat 0 50%;padding:0 55px;}
#service.second .tit h1 span{background:url("../service/images/service_ico01.png") no-repeat 0 50%;padding:0 55px;}
#works.second .tit h1 span{background:url("../works/images/works_ico01.png") no-repeat 0 50%;padding:0 55px;}
#contact.second .tit h1 span{background:url("../contact/images/contact_ico01.png") no-repeat 0 50%;padding:0 75px;}
@media only screen and (-webkit-min-device-pixel-ratio:2) { 
#about.second .tit h1 span{background:url("../about/images/about_ico01@2x.png") no-repeat 0 50%;background-size:43px;}
#yufu.second .tit h1 span{background:url("../yufu/images/yufu_ico01.png") no-repeat 0 50%;background-size:43px;}
#service.second .tit h1 span{background:url("../service/images/service_ico01.png") no-repeat 0 50%;background-size:42px;}
#works.second .tit h1 span{background:url("../works/images/works_ico01.png") no-repeat 0 50%;background-size:40px;}
#contact.second .tit h1 span{background:url("../contact/images/contact_ico01.png") no-repeat 0 50%;background-size:66px;}
}

@media screen and (max-width:900px){
.second .tit .in{width:92%;}
}
@media screen and (max-width:640px){
.second .tit{height:150px;margin:0 0 30px;}
.second .tit h1{font-size:160%;}
#about.second .tit h1 span{padding:15px 55px;}
#yufu.second .tit h1 span{padding:15px 55px;}
#service.second .tit h1 span{padding:15px 55px;}
#works.second .tit h1 span{padding:15px 55px;}
#contact.second .tit h1 span{padding:15px 75px;}
}
@media screen and (max-width:420px){
#contact.second .tit h1 span{padding:15px 30px 15px 75px;}
}

/* テキストスタイル */
.ind{text-indent:1em;}

/* リスト通常使用 */
ul.normal{padding-left:10px;margin-left:10px;list-style:disc;}
ul.normal li{margin-bottom:5px;}
ul.none{list-style:none;}

ol.normal{padding-left:15px;margin-left:15px;list-style:decimal;}
ol.normal li{margin-bottom:5px;}

dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}


a:link{text-decoration:none;color:#000000;}
a:visited{text-decoration:none;color:#000000;}
a:hover{text-decoration:underline;color:#000000;}

a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

#wrap a{text-decoration:underline;}
#wrap a:hover{text-decoration:none;}

img{max-width:100%;}


table{border-collapse:collappse;border-spacing:1px;}
th,td{border:solid #000000 1px;padding:10px;vertical-align:middle;}
th{background:#d3d4ca;}
td{background:#ffffff;}

table.yufu th,
table.yufu td{border:solid #cccccc;border-width:0 0 1px;padding:15px 20px;}
table.yufu tr:first-child td{border-width:1px 0 1px;}

@media screen and (max-width:480px){
th,td{padding:5px;}
table.yufu th,
table.yufu td{padding:5px;}
}

/* input */
input,textarea,select{font-family:"NotoSansCJKjp","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:100%;box-sizing:border-box;color:#7d6b55;}



.smf{display:none;}
@media screen and (max-width:900px){
.smf{display:block;}
.pc{display:none;}
}

/* ヘッダー */
#header{margin:0 0 60px;}
#header .inner{position:relative;}

.second #header{width:100%;height:100px;padding:10px 0;background:#eeeeee;position:relative;top:0;font-size:125%;margin:0;}
.second #header #logo{float:left;}

#indx #logo{position:absolute;left:0;top:40px;}
#indx #logo img{max-width:100%;max-height:80%;width:auto;height:auto;}

#logo{position:relative;left:0;top:0;}
@media screen and (max-width:900px){
#header{margin:0 0 30px;}
	
#header .inner{width:90%;}
}


#mainimg:after{display:block;position:absolute;bottom:0;width:100%;height:40px;line-height:40px;background:url("../images/black40.png");color:#ffffff;font-size:115%;}

.main01{background:url("../images/main_img01.jpg") no-repeat 50% 50%;background-size:cover;}
.main01:after{content:'作事庵の作業場にて、手刻み';}
.main02{background:url("../images/main_img02.jpg") no-repeat 50% 50%;background-size:cover;}
.main02:after{content:'子どもたちと一緒に土壁塗り';}
.main03{background:url("../images/main_img03.jpg") no-repeat 50% 50%;background-size:cover;}
.main03:after{content:'作事庵の作業場にて、手刻み';}
@media screen and (max-width:540px){
.main01{background:url("../images/main_img01_sp.jpg") no-repeat 50% 50%;background-size:cover;}
.main02{background:url("../images/main_img02_sp.jpg") no-repeat 50% 50%;background-size:cover;}
.main03{background:url("../images/main_img03_sp.jpg") no-repeat 50% 50%;background-size:cover;}
}

/* gnavi */
#indx #gnavi{position:absolute;top:40px;right:0;text-align:right;font-size:125%;}
#indx #gnavi li{display:inline-block;margin:0 0 0 40px;}
#indx #gnavi li a{display:inline-block;line-height:1.5em;padding:0 0 5px;color:#ffffff !important;position:relative;}
#indx #gnavi li a:hover{text-decoration:none;}

#indx #gnavi li span.bar{position:absolute;width:0;height:2px;background:#ffffff;bottom:-2px;left:0;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
#indx #gnavi li:hover span.bar{width:100%;}

@media screen and (max-width:900px){
#indx #gnavi li{display:block;margin:0;}
#indx #gnavi li span.bar{display:none;}
}

.sticky-wrapper{opacity:0;position:absolute;}
.sticky-wrapper.is-sticky{opacity:1;}

#gnavi2{width:100%;height:100px;padding:10px 0;background:#eeeeee;position:absolute;top:-200px;z-index:999;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.second #gnavi2{top:0;}

#gnavi2 #logo2{float:left;}
#gnavi2 ul{display:block;float:right;height:80px;font-size:125%;}
#gnavi2 li{display:inline-block;margin:0 0 0 35px;line-height:80px;vertical-align:middle;}
#gnavi2 li:nth-child(1){display:none;}
#gnavi2 li:nth-child(2){margin:0;}
#gnavi2 li.close{display:none;}

#gnavi2 li a{display:inline-block;line-height:1.5em;padding:0 0 5px;position:relative;
-webkit-transition: all 0s ease;-moz-transition: all 0s ease;}
#gnavi2 li a:hover,
#gnavi2 li a.cur{text-decoration:none;/*border:solid #000000;border-width:0 0 2px;*/}

#gnavi2 li span.bar{position:absolute;width:0;height:2px;background:#000000;bottom:-2px;left:0;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
#gnavi2 li:hover span.bar{width:100%;}

/*
#about #gnavi2 li:nth-child(2) a{text-decoration:none;border:solid #000000;border-width:0 0 2px;}
*/
#about #gnavi2 li:nth-child(2) span.bar{width:100%;}
#yufu #gnavi2 li:nth-child(3) span.bar{width:100%;}
#service #gnavi2 li:nth-child(4) span.bar{width:100%;}
#works #gnavi2 li:nth-child(5) span.bar{width:100%;}
#contact #gnavi2 li:nth-child(6) span.bar{width:100%;}


.is-sticky #gnavi2{width:100% !important;}
@media screen and (max-width:900px){
#gnavi2{height:60px;padding:10px 0;}
#gnavi2 #logo2 img{width:auto;height:40px;}
	
#gnavi2 ul{display:none;}

#gnavi2 ul{position:fixed;left:0;top:0;background:url("../images/s_menu_bg.png");width:100%;height:100%;overflow-y:auto;}
#gnavi2 li{display:block;margin:0;padding:0;border:solid #ffffff;border-width:0 0 1px;text-align:center;}
#gnavi2 li:hover{border:solid #ffffff !important;border-width:0 0 1px !important;}

#gnavi2 li a{color:#ffffff;display:block;padding:5px 0 10px;border:none !important;}
#gnavi2 li a:hover,
#gnavi2 li a.cur{border:none;}
#gnavi2 li span.bar{display:none;}

#gnavi2 li.close{display:block;}
#gnavi2 li.close a span:before{content:"×";margin-right:5px;}

#gnavi2 li:nth-child(1){display:block;}
#gnavi2 li:nth-child(1) a span:before{content:'\f015';font-family:FontAwesome;margin-right:5px;}
}


#smf_menu{display:none;}
@media screen and (max-width:900px){
#smf_menu{display:block;position:absolute;right:15px;top:15px;}
#smf_menu a{display:inline-block;padding:0 0 0 35px;background:url("../images/s_menu.png") no-repeat 0 50%;background-size:30px;text-decoration:none;}
}
@media screen and (max-width:480px){
#smf_menu{right:15px;top:20px;}
}



/* コンテンツ */
#wrap{text-align:left;}
.second #wrap{padding-top:100px;}

.inner{width:940px;margin:0 auto;}
@media screen and (max-width:900px){
.second #wrap{padding-top:0;}
	
.inner{width:95%;}
}

.clm2{}
.clm2 .clm2_l{width:460px;float:left;margin:0 0 20px;}
.clm2 .clm2_r{width:460px;float:right;margin:0 0 20px;}

.section{margin:0 0 50px;}
@media screen and (max-width:480px){
.section{margin:0 0 30px;}
.section.tx_large{font-size:100% !important;}
}

.img_r{}
.img_l{}
@media screen and (max-width:900px){
.img_r{max-width:45%;margin-left:20px !important;}
.img_l{max-width:45%;margin-right:20px !important;}
}
@media screen and (max-width:640px){
.img_r.rwd_img,
.img_l.rwd_img{max-width:none;float:none !important;margin-left:0 !important;margin-right:0 !important;text-align:center;}
}

/* トップ */
#indx_box01{width:940px;height:1110px;background:url("../images/indx_img01.jpg") no-repeat;margin:0 auto 40px;padding:520px 15px 15px;color:#ffffff;font-size:125%;text-align:center;}
@media screen and (max-width:900px){
#indx_box01{width:100%;height:auto;background:url("../images/indx_img01.jpg") no-repeat 50% 100%;background-size:cover;padding:450px 15px 100px;}
}
@media screen and (max-width:640px){
#indx_box01{padding:350px 15px 100px;}
}
@media screen and (max-width:480px){
#indx_box01{padding:200px 15px 70px;font-size:100%;}
}
@media screen and (max-width:380px){
#indx_box01{padding:120px 15px 50px;}
#indx_box01 br{display:none;}
}

#indx_box02{font-size:125%;}
@media screen and (max-width:900px){
#indx_box02 .fr{margin-left:20px !important;}
#indx_box02 p br{display:none;}
}
@media screen and (max-width:480px){
#indx_box02{font-size:100%;}
}

#indx_box03 .clm2{}
#indx_box03 .clm2 li{width:460px;height:260px;float:left;border:solid #989898 1px;margin:0 0 20px;}
#indx_box03 .clm2 li:nth-child(2n){float:right;}
#indx_box03 .clm2 li a{display:table;width:100%;height:100%;padding:20px;position:relative;}
#indx_box03 .clm2 li a:after{content:'\f105';font-family:FontAwesome;position:absolute;right:20px;bottom:20px;font-size:200%;font-weight:bold;}

#indx_box03 .clm2 li .pic{width:220px;margin:0;line-height:0;}
#indx_box03 .clm2 li .txt{width:180px;height:220px;display:table-cell;vertical-align:middle;margin:0;}
#indx_box03 .clm2 li .txt h3{border:solid #000000;border-width:0 0 2px;text-align:center;padding:0 0 10px;font-size:130%;}
@media screen and (max-width:900px){
#indx_box03 .clm2 li{width:48.5%;height:auto;}
#indx_box03 .clm2 li a{padding:10px;}
#indx_box03 .clm2 li a:after{right:10px;bottom:10px;}

#indx_box03 .clm2 li .pic{width:auto;padding-right:10%;}
#indx_box03 .clm2 li .txt{width:48.5%;height:auto;}
}
@media screen and (max-width:720px){
#indx_box03 .clm2 li{width:100%;}
#indx_box03 .clm2 li .txt{width:60%;}
}
@media screen and (max-width:480px){
#indx_box03 .clm2 li .txt{width:48.5%;}
}

#indx_box04 .clm3{}
#indx_box04 .clm3 li{width:300px;float:left;margin:0 20px 20px 0;text-align:center;}
#indx_box04 .clm3 li:nth-child(3n){float:right;margin:0;}

#indx_box04 .clm3 li h3{font-size:130%;margin:0 0 5px;}
#indx_box04 .clm3 li a h3 span{border:solid #000000;border-width:0 0 1px;}
#indx_box04 .clm3 li a:hover h3 span{border:none;}

#indx_box04 .clm3 li a{text-decoration:none !important;}
#indx_box04 .clm3 li a p{text-decoration:underline !important;}
#indx_box04 .clm3 li a:hover p{text-decoration:none !important;}
@media screen and (max-width:900px){
#indx_box04 .clm3 li{width:32%;margin:0 2% 20px 0;}
}
@media screen and (max-width:480px){
#indx_box04 .clm3 li{width:100%;float:none;margin:0 0 30px;}
}

#indx_box05 .clm3{}
#indx_box05 .clm3 li{width:300px;height:220px;float:left;margin:0 20px 20px 0;text-align:center;background:url("../images/indx_bg01.png") no-repeat 0 0;padding:70px 30px 30px;}
#indx_box05 .clm3 li:nth-child(3n){float:right;margin:0;}

#indx_box05 .clm3 li h3{font-size:130%;margin:0 0 5px;}
#indx_box05 .clm3 li .ico{font-size:48px;width:70px;display:table-cell;vertical-align:middle;}
#indx_box05 .clm3 li .txt{font-size:125%;display:table-cell;vertical-align:middle;line-height:1.5em;}
@media screen and (max-width:900px){
#indx_box05 .clm3{width:620px;margin:0 auto;}
#indx_box05 .clm3 li:nth-child(2){float:right;margin:0 0 20px;}
#indx_box05 .clm3 li:nth-child(3n){float:left;}
}
@media screen and (max-width:650px){
#indx_box05 .clm3{width:500px;}
#indx_box05 .clm3 li{width:240px;height:176px;padding:50px 20px 20px;background-size:240px;}
#indx_box05 .clm3 li .txt{font-size:110%;}
#indx_box05 .clm3 li .txt br{display:none;}
}
@media screen and (max-width:540px){
#indx_box05 .clm3{width:300px;}
#indx_box05 .clm3 li{width:300px;height:220px;padding:70px 30px 30px;background-size:300px;}
#indx_box05 .clm3 li .txt{font-size:125%;}
#indx_box05 .clm3 li .txt br{display:block;}
}
@media screen and (max-width:480px){

}

.more{text-align:right;font-size:125%;margin:0 0 80px;}
.more a{text-decoration:none !important;}
.more a span{text-decoration:underline;}
.more a:hover span{text-decoration:none;}
.more a:after{content:'\f0a9';font-family:FontAwesome;margin-left:5px;}
@media screen and (max-width:640px){
.more{margin:0 0 50px;text-align:center;}
}


.news_sec{margin:0 0 80px;}
.news_sec .h_midashi{margin:0 0 15px;}
.news_sec li{display:inline-block;}
@media screen and (max-width:480px){
.news_sec{margin:0 0 50px;}
.news_sec .h_midashi{margin:0 0 10px;}
}


/* works */
.works_detail_clm{margin:0 0 20px;}
.works_detail_clm li{width:180px;height:180px;float:left;margin:0 10px 10px 0;}
.works_detail_clm li:nth-child(5n){margin:0 0 10px;}
@media screen and (max-width:960px){
.works_detail_clm li{float:none;margin:0 10px 10px 0;display:inline-block;vertical-align:top;}
.works_detail_clm li:nth-child(5n){margin:0 10px 10px 0;}
}
@media screen and (max-width:660px){
.works_detail_clm li{width:150px;height:auto;}
}
@media screen and (max-width:540px){
.works_detail_clm li{width:180px;}
}
@media screen and (max-width:430px){
.works_detail_clm li{width:130px;}
.works_detail_clm li:nth-child(2n){margin:0 0 10px 0;}
}


/* contact */
.lead{text-align:center;font-size:125%;}
.thanks{text-align:center;font-size:125%;margin:0 0 40px;}

.flow{width:540px;margin:40px auto 50px;font-size:125%;}
.flow li{float:left;width:180px;margin:0;position:relative;color:#cccccc;border:solid #cccccc;border-width:0 0 4px;text-align:center;padding:0 0 5px;}
.flow li.cur{color:#000000;border-color:#000000;}

.flow li:last-child{margin:0;}
.flow li:last-child:after{content:none;}

@media screen and (max-width:960px){
.flow{width:100%;margin:30px auto;}
.flow li{width:33.3%;}
}
@media screen and (max-width:640px){
.lead{font-size:100%;}
.flow{font-size:100%;}
.thanks{font-size:100%;}
}

.form_more_tbl{display:none;}

.form_more{/*text-decoration:none !important;*/}
.form_more:hover{/*text-decoration:underline !important;*/}

.form_more .fa-plus,
.form_more .fa-minus{margin-left:10px;}
.form_more .fa-plus{display:inline-block;}
.form_more .fa-minus{display:none;}
.form_more.on .fa-plus{display:none;}
.form_more.on .fa-minus{display:inline-block;}

table.form_tbl{border:none;margin:0 0 40px;border-collapse:collapse;border-spacing:0;background:none;font-size:125%;}
table.form_tbl th{border:none;padding:15px 20px 15px 0;vertical-align:middle;background:none;}
table.form_tbl td{border:none;background:none;}

table.form_tbl th span{display:inline-block;border:solid #000000;border-width:0 0 0 2px;padding:0 0 0 12px;line-height:1.3em;margin-left:3px;}
table.form_tbl th span.none{border:none;padding:0 0 0 20px;}
table.form_tbl th span.require{border:none;margin-left:0;padding:0 0 0 15px;font-size:100%;}
span.require{display:inline-block;padding:0 0 0 10px;line-height:1.3em;font-size:125%;background:url("../images/ico_require.png") no-repeat 0 50%;}

table.form_tbl a.btn{display:inline-block;height:40px;line-height:25px;padding:5px 15px;border:solid 2px #7d6b55;vertical-align:top;text-decoration:none;margin:0 0 0 10px;}

input[type="text"]{width:100%;border:solid 1px #eeeeee;background:#eeeeee;height:40px;padding:5px 10px;margin:0;}
input[type="text"]:focus{border:solid 1px #7d6b55;outline:0;}
textarea{width:100%;border:solid 1px #eeeeee;background:#eeeeee;padding:15px;margin:0 10px 0 0;}
textarea:focus{border:solid 1px #7d6b55;outline:0;}

select{width:320px;height:40px;padding:5px 10px;background:none;background:#eeeeee url("../images/select_arrow.png") no-repeat 290px 50%;border:solid 1px #eeeeee;
-webkit-appearance:none;-moz-appearance:none;appearance:none;
/*Firefox用*/ text-indent:.01px; text-overflow:"";}

.radiobtn input{display:none;}
.radiobtn label{display:inline-block;position:relative;cursor:pointer;
margin-left:10px;padding:10px 15px 10px 20px;line-height:1;}
.radiobtn label:last-child{padding:10px 0 10px 20px;}
.radiobtn label:before{position:absolute;content:"";
top:50%;left:-10px;width:22px;height:22px;margin-top:-10px;background:#eeeeee;border-radius:50%;}
.radiobtn input[type="radio"]:checked + label:after{
position:absolute;content:"";
top:50%;left:-4px;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:#000000;}

.checkbtn input{display:none;}
.checkbtn label{display:inline-block;position:relative;cursor:pointer;
margin-left:10px;padding:10px 15px 10px 20px;line-height:1;}
.checkbtn label:last-child{padding:10px 0 10px 20px;}
.checkbtn label:before{position:absolute;content:"";
top:50%;left:-10px;width:22px;height:22px;margin-top:-10px;background:#eeeeee;}
.checkbtn input[type="checkbox"]:checked + label:after{
position:absolute;content:"";
top:50%;left:-4px;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:#000000;}

input[type=submit],input[type=button],input[type=reset]{font-family:FontAwesome,"NotoSansCJKjp","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
input[type=submit],input[type=button]{width:100%;padding:15px;margin:0;border:none;color:#ffffff;background:#000000;font-size:20px;cursor:pointer;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
input[type=reset]{width:100%;padding:15px;margin:0;border:none;color:#ffffff;background:#f39a22;font-size:20px;cursor:pointer;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

.btn_box{margin:40px auto;}
.btn_box input[type=submit],
.btn_box input[type=button],
.btn_box input[type=reset]{width:48%;}
.btn_box input:nth-child(1){float:left;}
.btn_box input:nth-child(2){float:right;}

.btn_box input.back{background:#cccccc;}

@media screen and (max-width:640px){
table.form_tbl{font-size:100%;}
span.require{font-size:100%;}
	
table.form_tbl th{display:block;width:100% !important;}
table.form_tbl td{display:block;width:100%;margin:0 0 1em;}

table.form_tbl th span{padding:0 0 0 10px;}
span.require{padding:0 0 0 5px;}

input[type=submit],input[type=button],input[type=reset]{padding:10px;font-size:120%;}

input[type=submit]:hover,input[type=button]:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.btn_box{margin:20px auto 40px;}
.btn_box input[type=submit],
.btn_box input[type=button],
.btn_box input[type=reset]{width:100%;}
.btn_box input:nth-child(1){float:none;margin:0 0 10px;}
.btn_box input:nth-child(2){float:none;}

table.form_tbl th span.none{padding:0;}

.form_more .fa-plus,
.form_more .fa-minus{margin-left:5px;}
}
@media screen and (max-width:380px){
input[type="text"].w200{width:150px !important;}
select{width:100%;background:#eeeeee url("../images/select_arrow.png") no-repeat 95% 50%;}
}




/* map */
#map_canvas{width:100%;height:320px;border:solid #ffffff 2px;}
#map_canvas2{width:100%;height:400px;border:solid #ffffff 2px;}


@media screen and (max-width:420px){
#map_canvas{height:300px;}
#map_canvas2{height:300px;}
}



/* */



/* フッター */
#footer{background:#eeeeee url("../images/footer_bg01.png") repeat-x 50% 0;padding:56px 0 0;}
#footer .inner{padding:40px 0;text-align:left;}
#footer .clm2_l{width:360px;}
#footer .clm2_r{width:560px;}

#footer a{text-decoration:underline;}
#footer a:hover{text-decoration:none;}

@media screen and (max-width:900px){
#footer .clm2_l,
#footer .clm2_r{width:48.5%;}
}
@media screen and (max-width:640px){
#footer .clm2_l,
#footer .clm2_r{width:100%;float:none;}
}

#f_navi{line-height:1em;}
#f_navi:before{content:'└ ';display:inline-block;}
#f_navi li{display:inline-block;border:solid #000000;border-width:0 0 0 1px;padding:0 0 0 5px;margin:0 0 0 3px;}
#f_navi li:first-child{border:none;margin:0;}

#copy{margin:40px auto;}


/*------------------------------------------------
   汎用
------------------------------------------------*/

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}
.vb{vertical-align:bottom !important;}

.tx_slarge{font-size:115% !important;}
.tx_large{font-size:120% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:90% !important;}
.tx_midium{font-size:100% !important;}
.tx_xsmall{font-size:75% !important;}

.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}

.txt_under{text-decoration:underline !important;}
.txt_strike{text-decoration:line-through !important;}

.inblock{display:inline-block !important;}
.ls_w{letter-spacing:0.2em;}
.ls_m{letter-spacing:0.1em;}

.relative{position:relative !important;}

.lh0{line-height:0em !important;}
.lh1{line-height:1em !important;}
.lh13{line-height:1.3em !important;}
.lh15{line-height:1.5em !important;}
.lh2{line-height:2em !important;}

ul.note{list-style:none !important;}
ul.note li{text-indent:-1em !important;padding-left:1em !important;}
ul.note li:before{content:"※";}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}
.note06{padding-left:6em !important;text-indent:-6em !important;}
.note07{padding-left:7em !important;text-indent:-7em !important;}
.note08{padding-left:8em !important;text-indent:-8em !important;}
.note09{padding-left:9em !important;text-indent:-9em !important;}
.note10{padding-left:10em !important;text-indent:-10em !important;}
.note11{padding-left:11em !important;text-indent:-11em !important;}
.note12{padding-left:12em !important;text-indent:-12em !important;}

.red{color:#BF6A67 !important;}
.white{color:#ffffff !important;}
.black{color:#333333 !important;}

.w_full{width:100% !important;}
.wauto{width:auto !important;}

.w100{width:100px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w320{width:320px !important;}
.w360{width:360px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}
.w800{width:800px !important;}

.w03em{width:3em !important;}
.w04em{width:4em !important;}
.w05em{width:5em !important;}
.w06em{width:6em !important;}
.w07em{width:7em !important;}
.w08em{width:8em !important;}
.w09em{width:9em !important;}
.w10em{width:10em !important;}
.w11em{width:11em !important;}
.w12em{width:12em !important;}
.w13em{width:13em !important;}
.w14em{width:14em !important;}
.w15em{width:15em !important;}
.w16em{width:16em !important;}
.w17em{width:17em !important;}
.w18em{width:18em !important;}
.w19em{width:19em !important;}
.w20em{width:20em !important;}
.w21em{width:21em !important;}
.w22em{width:22em !important;}
.w23em{width:23em !important;}
.w24em{width:24em !important;}
.w25em{width:25em !important;}
.w26em{width:26em !important;}
.w27em{width:27em !important;}
.w28em{width:28em !important;}
.w29em{width:29em !important;}
.w30em{width:30em !important;}

.bdr{border:solid 1px #dddddd !important;}
.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0; !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0; !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px; !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px; !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr01{margin-right:1px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block !important;}
.hide{display:none !important;}

/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */