@charset "UTF-8";

#pagetitle {background:url(../img/common/pagetitle.jpg) center top;}
.contents p,.box960 p,ol {font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
strong {color:#901F00;}
.mgl40 {margin-left:40px;}
.mgt50 {margin-top:50px;}
.rad10 {-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}

@media screen and (min-width: 768px),print {
/* common */
#pagetitle {height:131px; border-top:solid 1px #FFF; text-align:center; margin-bottom:50px;}
#pagetitle h2 {font-size:36px; letter-spacing:15px; margin:0; padding:30px 0 0 0;}
.contents {width:1100px; margin:0 auto 0px auto;}
.box960 {width:960px; margin:0 auto 0px auto;}
.contents:after,.box960:after {display: block;content: " "; clear: both;}
h3 {font-size:30px; border-bottom:solid 1px #000; letter-spacing:10px; padding:0 0 0 20px; margin:100px 0 40px 0;}
h4 {font-size:30px; color:#902000; letter-spacing:10px; margin:50px 0 20px 0;}
h3.first {margin-top:0px;}
.pc_center {text-align:center;}
.green_box {border:solid 2px #5B8967; background-color:#EEF3F0;border-radius:10px; padding:20px 40px; width:960px; margin:50px 0 0 70px;box-sizing:border-box;}
.green_box h5 {border-bottom:solid 2px #ACC4B3; font-size:30px; letter-spacing:5px; padding:0 0 0 20px;}
.green_box p {padding:0 0 0 5px;}

table.def {margin:0px auto 50px auto; border-collapse:collapse; border:none; width:960px; border-top: 1px solid #CCC;}
table.def th {padding:15px 0 15px 15px; text-align:left; border-bottom: 1px solid #CCC; width:220px; font-weight:normal; background-color:#F7F7F7; vertical-align:top;}
table.def td {border-bottom: 1px solid #CCC;padding:15px 20px 15px 20px;}
table.def td:last-child:,table.def th:last-child: {border-right: 1px solid #FFF;}

/* gravev */
#grave .flow {text-align:center;}
#grave .flow h4 {margin-bottom:0px;}
#grave .flow p {margin-top:10px;}
#grave .flow hr {clear:both; width:100%; height:40px; background:url(../img/grave/flow_arrow.png) no-repeat center top; border:none; margin:40px 0 40px 0;}
#grave .flow img {margin:30px 0 20px 0;}
#grave .flow_txtL {text-align:left; padding:20px 0 0 40px; width:550px;}
#grave .flow_photoR {float:right; margin:-230px 0 0 0;}
#grave .shokunin_t {width:450px; display:inline-block; vertical-align:top;}
#grave .shokunin_p { display:inline-block; margin:25px 0 0 40px;}
#grave ul.sekou {margin:0 0 0 50px; padding:0;}
#grave ul.sekou li {display:inline-block; margin-bottom:40px;}
#grave ul.sekou li:nth-child(odd) {margin-right:75px;}
#grave .stone_t {width:1000px; margin:0 50px; background:url(../img/common/navi_back.jpg) center top; color:#FFF; text-align:center; font-size:30px; letter-spacing:10px; height:55px;}
#grave ul.stone {margin:40px 0 0 70px; padding:0;}
#grave ul.stone li {display:inline-block; vertical-align:top; width:330px; margin-bottom:50px; font-size:16px; line-height:1.4em;}
#grave ul.stone li img {display:block;}
#grave ul.stone li b {font-size:20px; display:block; margin:10px 0 5px 0; font-weight:normal;}
#grave ul.stone li b:before{content:"\25CF";color:#901F00; font-size:16px; padding-right:5px;}
#grave ul.stone li p {margin:0; padding:0;}
#grave .green_box strong {font-size:24px;}

/* sculpture */
#sculpture h4 {text-align:center; background:url(../img/sculpture/line.png) no-repeat center 30px;}
#sculpture .sc_box1 {width:470px; display:inline-block; margin:30px 15px 100px 70px;}
#sculpture .sc_box2 {width:470px; display:inline-block; margin:30px 0 0 0;}
#sculpture .sc_box1 p,#sculpture .sc_box2 p {padding:0 0 0 10px; margin:0;}

/* reform */
#reform #pagetitle h2 {letter-spacing:5px;}
#reform .tsukuri {text-align:center;}
#reform dl {text-align:left; width:480px; display:inline-block; vertical-align:top; line-height:1.5em;}
#reform dl:first-of-type {margin-right:40px;}
#reform dt {color:#901F00; font-size:20px; margin:0; padding:0;}
#reform dd { margin:0px 0 20px 0; padding:0;}
#reform ol {list-style-type: decimal}
#reform span.block {width:410px; display:inline-block; vertical-align:top;}

/* earthquake */
#earthquake .txtL {font-size:35px; text-align:center;}
#earthquake .kameiten { text-align:center; padding:5px 40px 0 40px; background-color:#F4E8E5;color:#901F00; display:inline-block; margin:0 auto 30px auto; font-size:20px;}
#earthquake .eq_photo1 { text-align:center; margin:50px auto 60px auto;}
#earthquake .taisaku {border:solid 1px #000; font-size:22px; width:280px; text-align:center; letter-spacing:2px; margin:50px 0 0 0;}
#earthquake .eq_photo2 {float:right; margin:25px 0 0 20px;}
#earthquake .tokucho_t {float:left; width:580px; margin:0px 0 0 0;}
#earthquake .tokucho_t h5 {font-size:27px; color:#5B8767;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:20px 0 0 0; padding:0; letter-spacing:2px;}
#earthquake .tokucho_t p {margin:0 0 50px 0; padding:0; line-height:1.8em;}
#earthquake .tokucho_p {float:left; width:450px; margin:20px 0 0 50px;}
#earthquake .tokucho_p img {margin-bottom:40px;}
#earthquake .note {clear:both; border-top:solid 1px #000; border-bottom:solid 1px #000; padding:0 0 0 30px; font-size:16px;}
#earthquake .note2 {text-align:center; font-size:20px;}
#earthquake .green_box {padding:40px;}
#earthquake .anshin_hakamori {float:right; width:670px; margin:-15px 0 0 0;}
#earthquake .anshin_hakamori p {line-height:1.5em; margin:15px 0 0 0;}
#earthquake .anshin_hakamori:after {content:""; display:block; clear:both;}

/* cemetery */
#cemetery .txtL {font-size:24px; text-align:center;}
#cemetery .txtL span {font-size:18px;}
#cemetery #map {text-align:center; margin:0 0 30px 0;}
#cemetery dl {font-size:20px; display:inline-block; vertical-align:top; margin:0; padding:0;}
#cemetery dl.nara {width:320px; margin-left:20px;}
#cemetery dl.koriyama {width:340px;}
#cemetery dl.kashiba {width:270px;}
#cemetery dt {color:#901F00; margin:0; padding: 0px 0 5px 0px; float:left;}
#cemetery dl.nara dt,#cemetery dl.kashiba dt {width:85px;}
#cemetery dl.koriyama dt {width:120px;}
#cemetery dl.nara dd,#cemetery dl.kashiba dd {margin:0; padding:0 0 0 90px; display:block;}
#cemetery dl.koriyama dd {margin:0; padding:0 0 20px 130px; display:block;}
#cemetery dd a {display:block;background:url(../img/cemetery/arrow.png) no-repeat left 15px; padding-left:20px;}
#cemetery dd a:link,#cemetery dd a:visited{color:#000; text-decoration:none;}
#cemetery dd a:hover,#cemetery dd a:active {color:#FF6600; text-decoration:underline;}

#cemetery .word,#cemetery .kind {width:900px; margin:0 0 0 100px;}
#cemetery .kind_txt {color:#5A8666; font-size:26px; letter-spacing:3px; font-weight:bold;}
#cemetery .kind_txt2 {margin:-30px 0 10px 0;}
#cemetery .green_box ol {font-size:20px; margin:15px 0 10px 20px;}

#cemetery .word h4 {font-size:19px; border-left:solid 7px #901F00; padding:0 0 0 20px; letter-spacing:0;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.6em;}

#cemetery .ce_photo {text-align:center;}
#cemetery .ce_photo img {margin:0 20px;}
#cemetery table {margin:50px auto; border-collapse:collapse; border:none; width:960px; color:#555; border-top: 1px solid #CCC; text-align:left;}
#cemetery table th {padding:15px 0 15px 15px; text-align:left; border-bottom: 1px solid #CCC; width:220px; font-weight:normal; background-color:#F7F7F7; vertical-align:top;}
#cemetery table td {border-bottom: 1px solid #CCC;padding:15px 20px 15px 20px; color:#555;}
#cemetery table td:last-child:,table th:last-child: {border-right: 1px solid #FFF;}
#cemetery .ce_link {border-top:solid 3px #902000; border-bottom:solid 3px #902000; background-color:#F9F4F2; margin-top:85px;}
#cemetery .ce_link_txt {font-size:26px; margin:15px 0 15px 20px; padding:0; letter-spacing:2px;}

/* company */
#company .aisatsu {background-color:#EEF3F0; padding:70px 0 50px 0; margin:120px 0 100px 0;}
#company .aisatsu_txt {text-align:center; font-size:36px; letter-spacing:8px; margin:0 0 40px 0;}
#company iframe {margin-top:50px;}

/* works */
#works .txtL {font-size:24px; text-align:center; margin:0 0 40px 0; letter-spacing:2px;}
#works h3 span {font-size:17px; letter-spacing:0; padding-left:40px;}
#works table {margin:50px; border-collapse:collapse; border:none; width:1000px; border-top: 1px solid #999;}
#works table th {padding:10px 0 10px 20px; text-align:left; border-top:1px solid #999; border-bottom: 1px solid #999; font-weight:normal; background-color:#F7F7F7;}
#works table td {border-bottom: 1px solid #CCC;padding:12px 20px 8px 20px; vertical-align:top;}
#works table td:last-child:, #works table th:last-child: {border-right: 1px solid #FFF;}
#works .photo1, #works .photo2, #works .photo3, #works .photo4, #works .photo5 {font-size:0; text-align:center; line-height:1.5em;}
#works .photo1 div, #works .photo2 div, #works .photo3 div, #works .photo4 div, #works .photo5 div {display:inline-block;}
#works .photo1 p, #works .photo2 p, #works .photo3 p, #works .photo4 p, #works .photo5 p {font-size:17px; padding-top:3px;}
#works .photo1 div:nth-of-type(2) {margin:0 10px;}
#works .photo2 {text-align:left;}
#works .photo2 div {margin:0 5px 20px 0;}
#works .photo2 div:nth-of-type(4) {margin:0 0 0 0;}
#works .photo3 div {margin:0 15px 35px 15px;}

/* contact */
#contact .online {text-align:center;}
#contact .tel {text-align:center; margin-top:70px; vertical-align:bottom; height:60px;}
#contact .tel img {display:block; float:left; margin:0px 0 0 100px;}
#contact .tel span { display:block; float:left; margin:10px 0 0 30px;}
#contact span.need {float:right; background-color:#E84E59; color:#FFF; display:block; width:46px; text-align:center; font-size:14px; margin:5px 10px 0 0;}
#contact .submit_btn {background: url(../img/contact/submit.png); width:300px; height:68px; border: none; margin:40px 20px 0 20px;}
#contact .submit_btn2 {background: url(../img/contact/submit2.png); width:300px; height:68px; border: none; margin:40px 20px 0 20px;}
#contact .back_btn {background: url(../img/contact/back.png); width:300px; height:68px; border: none; margin-top:40px 20px 0 20px;}
input[type="text"] {font-size:18px; height:26px; margin-top:10px; width:400px;}
textarea {width:95%; font-size:18px;}
#contact .thanks_tel {text-align:center; margin:40px 20px 0 20px;}

/* recruit */
.recruit_img {margin:20px 0 50px;}
}

@media screen and (max-width: 767px) {
/* common */
#pagetitle {margin:55px 0 20px 0; text-align:center; padding:30px 0;background-size:auto 130px;}
#pagetitle h2 {font-size:22px; font-weight:normal; letter-spacing:5px; margin:0; padding:0px 0 0 0;}
.contents,.box960 {margin:0 10px;}
.contents p,.box960 p {margin:0  0 15px 0;}
h3 {font-size:24px; border-bottom:solid 1px #000; letter-spacing:3px; padding:0 0 0 10px; margin:50px 0 20px 0;}
h4 {font-size:24px; color:#902000; letter-spacing:2px; margin:30px 0 20px 0;}
h3.first {margin-top:0px;}
.green_box {border:solid 2px #5B8967; background-color:#EEF3F0;border-radius:10px; padding:15px 10px; margin:40px 0 20px 0;}
.green_box h5 {border-bottom:solid 2px #ACC4B3; font-size:22px; letter-spacing:2px; padding:0 0 0 10px; margin-bottom:10px;}

table.def {border-collapse: collapse;border-bottom: solid 1px #CCC; margin:0 0 20px 0; width:100%;}
table.def th {margin:10px 0 5px 0px; padding: 7px 0 7px 15px; line-height: 1.2em; background-color:#F7F7F7; border-bottom: solid 1px #CCC; font-weight:normal; display:block; text-align:left;}
table.def td {margin:0 0 15px 10px;line-height: 1.8em; width:100%; display:block;}

/* gravev */
#grave .flow {text-align:center;}
#grave .flow h4 {margin-bottom:0px;}
#grave .flow p {margin-top:10px; text-align:left;}
#grave .flow hr { width:100%; height:20px; background:url(../img/grave/flow_arrow.png) no-repeat center top; background-size:auto 20px; border:none; margin:20px 0 20px 0;}
#grave .flow img {margin:10px 0 20px 0;}
#grave .flow_photoR {margin:10px 0 0 0;}
#grave .shokunin_t {}
#grave .shokunin_p {margin:10px auto 0 auto; max-width:270px; text-align:center;}
#grave ul.sekou {margin:0 20px; padding:0;}
#grave ul.sekou li {display:block; margin-bottom:20px;}
#grave .stone_t {width:100%; margin:0; padding:2px 0; background:url(../img/common/navi_back.jpg) center top; color:#FFF; text-align:center; font-size:22px; letter-spacing:10px;}
#grave ul.stone {margin:20px 0 50px 10px; padding:0;}
#grave ul.stone li {display:block; width:100%; font-size:16px; line-height:1.4em; height:115px; border-bottom:solid 1px #CCC;}
#grave ul.stone li img {float:left; width:100px; margin:0 15px 0 0;}
#grave ul.stone li b {font-size:18px; display:block; margin:20px 0 5px 0; font-weight:normal;}
#grave ul.stone li b:before{content:"\25CF";color:#901F00; font-size:16px; padding-right:5px;}
#grave ul.stone li p {margin:0; padding:0;}
#grave .green_box strong {font-size:18px;}
#grave h5.director {letter-spacing:0; padding-left:5px;}

/* sculpture */
#sculpture h4 {text-align:center; background:url(../img/sculpture/line.png) no-repeat center 20px; background-size:auto 5px; margin-top:50px;}
#sculpture .sc_box1,#sculpture .sc_box2 {margin:30px 15px 50px 15px;}
#sculpture .sc_box1 p,#sculpture .sc_box2 p {padding:0 5px; margin:0;}

/* reform */
#reform #pagetitle h2 {letter-spacing:0;}
#reform .green_box p { margin-bottom:0;}
#reform .tsukuri {text-align:center;}
#reform dl {text-align:left; line-height:1.5em; margin:0 10px;}
#reform dt {color:#901F00; font-size:18px; margin:0; padding:0;}
#reform dd { margin:0px 0 20px 0; padding:0; font-size:16px}

/* earthquake */
#earthquake .txtL {font-size:20px; margin:0 10px; line-height:1.5em;}
#earthquake .kameiten {padding:10px; background-color:#F4E8E5;color:#901F00; margin:20px 0 30px 0; font-size:16px; line-height:1.2em;}
#earthquake .eq_photo1 { text-align:center; margin:50px auto 60px auto;}
#earthquake .taisaku {border:solid 1px #000; font-size:19px; width:100%; text-align:center; letter-spacing:2px; margin:50px 0 10px 0;}
#earthquake .eq_photo2 {float:right; margin:0px 0 0 20px;}
#earthquake .tokucho_t {margin:0px 0 0 0;}
#earthquake .tokucho_t h5 {font-size:20px; color:#5B8767;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:20px 0 0 0; padding:0;}
#earthquake .tokucho_t p {margin:0 0 50px 0; padding:0; line-height:1.8em;}
#earthquake .tokucho_p {margin:0px 20px 0 20px;}
#earthquake .tokucho_p img {margin-bottom:10px;}
#earthquake .note {clear:both; border-top:solid 1px #000; border-bottom:solid 1px #000; padding:10px; font-size:15px; line-height:1.4em;}
#earthquake .note2 {font-size:16px; margin:20px 0;}
#earthquake .green_box {text-align:center;}
#earthquake .green_box img {width:150px;}
#earthquake .anshin_hakamori {margin:-15px 0 0 0;}
#earthquake .anshin_hakamori p {line-height:1.5em; margin:15px 0 0 0;text-align:left;}

/* cemetery */
#cemetery .txtL {font-size:20px;}
#cemetery .txtL span {font-size:15px;}
#cemetery .map_area {clear: both; margin:20px auto 20px auto; position:relative; padding:0;}
#cemetery #map {
	position:relative;
	width :690px;
	height:500px;
	display:block;
	 text-align:left;
  }
#cemetery .map_area {clear: both; margin:20px auto 0 auto; position:relative; padding:0;}
#cemetery .mobile-scroll {width: 100%; height:400px; overflow-x: scroll; overflow-y: scroll; border:solid 1px #CCC; box-sizing: border-box; background-color:#FFF;}
#cemetery dl {margin:0 0 0 20px; padding:0; line-height:1.0em; font-size:18px;}
#cemetery dt {color:#901F00; margin:0; padding: 20px 0 5px 0px; margin:0;}
#cemetery dd {margin:10px 0 0 20px;}
#cemetery dd a {display:block;background:url(../img/cemetery/arrow.png) no-repeat left 5px; padding:0 0 10px 15px; background-size:auto 10px;}
#cemetery dd a:link,#cemetery dd a:visited{color:#000; text-decoration:none;}
#cemetery dd a:hover,#cemetery dd a:active {color:#FF6600; text-decoration:underline;}

#cemetery .word,#cemetery .kind { margin:0 0 0 0px;}
#cemetery .kind_txt {color:#5A8666; font-size:20px; font-weight:bold;}
#cemetery .kind_txt2 {margin:0px 0 10px 0;}
#cemetery .green_box ol {margin:15px 0 10px 25px; padding:0;}

#cemetery .word h4 {font-size:18px; border-left:solid 7px #901F00; margin:30px 0 5px 0; padding:0 0 0 15px; letter-spacing:0;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.6em;}

#cemetery .ce_photo {text-align:center;}
#cemetery .ce_photo img {margin:0 0;}
#cemetery table {border-collapse: collapse;border-bottom: solid 1px #CCC; margin:0 0px; width:100%;}
#cemetery table th {margin:10px 0 5px 0px; padding: 7px 0 7px 15px; line-height: 1.2em; background-color:#F7F7F7; border-bottom: solid 1px #CCC; font-weight:normal; display:block; text-align:left;}
#cemetery table td {margin:0 0 15px 10px;line-height: 1.8em; width:100%; display:block;}
#cemetery .ce_link {border-top:solid 2px #902000; border-bottom:solid 2px #902000; background-color:#F9F4F2; margin-top:50px; padding-bottom:15px;}
#cemetery .ce_link_txt {font-size:20px; margin:15px 0 0px 10px; padding:0; letter-spacing:2px;}
#cemetery iframe {width:100%; height:300px;}


/* company */
#company .aisatsu {background-color:#EEF3F0; padding:40px 0 50px 0; margin:60px 0 60px 0;}
#company .aisatsu_txt {text-align:center; font-size:24px; letter-spacing:2px; margin:0 0 30px 0;}
#company iframe {margin-top:50px;width:100%; height:300px;}

/* works */
#works .txtL {font-size:20px; margin:0 0 40px 0;}
#works h3 span {font-size:14px; letter-spacing:0; padding-left:0px; display:block;}
#works table {margin:30px 0 0 0; border-collapse:collapse; border:none; border-top: 1px solid #999; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size:15px;}
#works table th {padding:7px 0 7px 20px; text-align:left; border-top:1px solid #999; border-bottom: 1px solid #999; font-weight:normal; background-color:#F7F7F7;}
#works table td {border-bottom: 1px solid #CCC;padding:8px 10px 6px 10px; vertical-align:top;}
#works table td:last-child:, #works table th:last-child: {border-right: 1px solid #FFF;}
#works .photo1, #works .photo2, #works .photo3, #works .photo4, #works .photo5 {font-size:0; text-align:center;}
#works .photo1 div, #works .photo2 div, #works .photo3 div, #works .photo4 div, #works .photo5 div {display:inline-block;}
#works .photo1 p, #works .photo2 p, #works .photo3 p, #works .photo4 p, #works .photo5 p {font-size:15px; padding-top:0px;}
#works .photo1,#works .photo3,#works .photo4 div { margin:0 10%;}
#works .photo1 div,#works .photo3 div {margin-bottom:20px;}
#works .photo2 {text-align:left;}
#works .photo2 {margin-top:20px;}
#works .photo2 div {width:45%; margin:0 2% 20px 2%;}
#works .photo5 {margin:40px 0;}

/* contact */
#contact .online {margin:0 5px;}
#contact .tel {text-align:center; margin:20px 15px 0 15px;}
#contact .tel img {max-width:300px;}
#contact .tel span { display:block; margin:0px 0 0 30px;}
#contact span.need {background-color:#E84E59; color:#FFF; display:inline-block; font-size:14px; margin:0 10px 0 10px; padding:0 5px;}
#contact .submit_btn {background: url(../img/contact/submit.png); background-size:cover; width:200px; height:45px; border: none; margin-top:40px;}
#contact .submit_btn2 {background: url(../img/contact/submit2.png); background-size:cover; width:200px; height:45px; border: none; margin-top:40px;}
#contact .back_btn {background: url(../img/contact/back.png); background-size:cover; width:200px; height:45px; border: none; margin-top:20px;}
input[type="text"] {font-size:20px; height:40px; margin-top:10px; width:90%;}
textarea {width:95%; font-size:18px;}
#contact .thanks_tel {text-align:center; margin:40px 20px 0 20px;}
}
span.rmark {font-size:60%; display:inline-block; vertical-align:baseline;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
span.msg {color:#FF0000;}