/* reset ------------------------------------------------------------------------------*/ html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p, blockquote,pre,a,abbr,acronym,address,applet, object,big,cite,code,del,dfn,em,img,ins,kbd,q, s,samp,small,strike,strong,sub,sup,tt,var,b,u,i, center,dl,dt,dd,ol,ul,li,fieldset,form,label, legend,table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,embed,figure,figcaption, details,footer,header,hgroup,menu,nav,output, ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;background: transparent;border: 0;font-style: normal;font-weight: normal;font-size: 100%;outline: 0;vertical-align: baseline;margin-block-start: 0;margin-block-end: 0;margin-inline-start: 0;margin-inline-end: 0;} article,aside,details,figcaption,figure,footer, header,hgroup,menu,nav,section {display:block;} /*html {overflow-y:scroll;}*/ blockquote,q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} a:focus {outline:none;} ol, ul {list-style:none;} table {border-collapse:collapse;border-spacing:0;} caption, th {text-align:left;} button, input, select, textarea {margin:0;padding:0;outline:none;} button:active, button:focus, textarea, textarea:focus, input:focus {outline:none;} input[type="search"] {-webkit-appearance:textfield;} input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;} ::-webkit-input-placeholder {color:#AAA;} :-ms-input-placeholder {color:#AAA;} ::-moz-placeholder {color:#AAA;} *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} *:first-child {margin-top:0 !important;} *:last-child {margin-bottom:0 !important;} /* common ------------------------------------------------------------------------------*/ /* color settings 濃い: 6A4C00 普通: D59900 淡い: F2E0B3 極淡: F8EFD9 */ html {font-family: "Helvetica Neue",Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size:62.5%;line-height: 1.5;text-align:center;word-wrap:break-word;} body {font-size: 14px;letter-spacing: 0.1em;} a {text-decoration: none;} img {display: block;max-width: 100%;height: auto !important;margin: 0 auto;vertical-align: bottom;} .resp {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;max-width:100%;height:auto;} .resp iframe, .resp object, .resp embed {position:absolute;top:0;left:0;width:100%;height:100%;} span {font-weight: inherit;} small, .small {font-size: 0.85em;font-weight: inherit;} .large {font-size: 1.3em;font-weight: inherit;} em, .em {font-size: 1.1em;font-weight: bold;} b, .bold {font-weight: bold;} .yellow {color: #FF0;} .red {color: #F00;} .note {color: #CCC;} .icon::after, .icon::before {display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;} u {border-bottom: 1px solid #333;text-decoration: none;} .slideToggle {} .slideToggle dt:hover, .slideToggle .dt:hover {cursor: pointer;} .slideToggle dd, .slideToggle .dd {display: none;} .slideToggle dd.open, .slideToggle .dd.open {display: block;} h1, h2, h3, .sub_copy {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝" !important;} .shadow {-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.2);} @media (min-width:769px) { /* form ------------------------------------------------------------------------------*/ button, input, select, textarea {font-family: -apple-system-body, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;font-size: 100%;vertical-align: middle;box-sizing: border-box;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="phone"], input[type="tel"], input[type="number"], input[type="datetime"], input[type="date"], input[type="datetime-local"], select[multiple="multiple"], input[type="search"], input[type="file"] {position: relative;z-index: 2;width: 100%;height: 40px;padding: 5px 10px;border: 1px solid #BBB;line-height: 30px;} select {position: relative;z-index: 3;width: auto;height: 40px;padding: 5px 5px;border: 1px solid #BBB;line-height: 30px;text-transform: none;} textarea {position: relative;z-index: 2;width: 100%;padding: 10px;border: 1px solid #BBB;resize: vertical;} input[type="radio"], input[type="checkbox"] {position: relative;top: -1px;z-index: 2;top: 0\9;margin-right: 2px;margin-right: 0\9;border: none;vertical-align: middle;} button, input[type=button], input[type=submit] {cursor: pointer;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} input:focus, select:focus, textarea:focus {border-color: #5ca9e4;box-shadow: 0 0 0 2px rgba(70,161,231,0.3),0 1px 2px rgba(0,0,0,0.2) inset;} /* layout ------------------------------------------------------------------------------*/ .b1 {} .b2, .b3, .b4 {margin-left:-2%;} .b1 > * {width:100%;height:auto;float:none;margin:0;} .b2 > *, .b3 > *, .b4 > * {height:auto;float:left;margin-left:2%;} .b1:after, .b2:after, .b3:after, .b4:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .b2 > * {width:48.000%;} .b3 > * {width:31.332%;} .b4 > * {width:23.000%;} .m {margin-top:20px !important;margin-bottom:20px !important;} .mt {margin-top:20px !important;} .mb {margin-bottom:20px !important;} .m2 {margin-top:40px !important;margin-bottom:40px !important;} .mt2 {margin-top:40px !important;} .mb2 {margin-bottom:40px !important;} .m3 {margin-top:60px !important;margin-bottom:60px !important;} .mt3 {margin-top:60px !important;} .mb3 {margin-bottom:60px !important;} .main {width:74%;} .aside {width:24%;} .fr {float:right;} .fl {float:left;} .fn {float:none;} .ar {text-align:right !important;} .ac {text-align:center !important;} .al {text-align:left !important;} .w5 {width:5% !important;margin-right:auto !important;margin-left:auto !important;} .w10 {width:10% !important;margin-right:auto !important;margin-left:auto !important;} .w15 {width:15% !important;margin-right:auto !important;margin-left:auto !important;} .w20 {width:20% !important;margin-right:auto !important;margin-left:auto !important;} .w25 {width:25% !important;margin-right:auto !important;margin-left:auto !important;} .w30 {width:30% !important;margin-right:auto !important;margin-left:auto !important;} .w35 {width:35% !important;margin-right:auto !important;margin-left:auto !important;} .w40 {width:40% !important;margin-right:auto !important;margin-left:auto !important;} .w45 {width:45% !important;margin-right:auto !important;margin-left:auto !important;} .w50 {width:50% !important;margin-right:auto !important;margin-left:auto !important;} .w55 {width:55% !important;margin-right:auto !important;margin-left:auto !important;} .w60 {width:60% !important;margin-right:auto !important;margin-left:auto !important;} .w65 {width:65% !important;margin-right:auto !important;margin-left:auto !important;} .w70 {width:70% !important;margin-right:auto !important;margin-left:auto !important;} .w75 {width:75% !important;margin-right:auto !important;margin-left:auto !important;} .w80 {width:80% !important;margin-right:auto !important;margin-left:auto !important;} .w85 {width:85% !important;margin-right:auto !important;margin-left:auto !important;} .w90 {width:90% !important;margin-right:auto !important;margin-left:auto !important;} .w95 {width:95% !important;margin-right:auto !important;margin-left:auto !important;} .w100 {width:100% !important;margin-right:auto !important;margin-left:auto !important;} /* clear ------------------------------------------------------------------------------*/ .first {margin-top:0px !important;margin-left:0px !important;} .last {margin-bottom:0px !important;margin-right:0px !important;} .reset {margin-top:0px !important;margin-bottom:0px !important;} .sp {display:none !important;} .hide {display:none !important;} .hide-pc {display:none !important;} .cf:after {content:"."; display:block;clear:both;height:0;visibility:hidden;} .cf {min-height:1px;} * html .cf {height:1px;/*\*//*/height:auto;overflow:hidden;/**/} /* component ------------------------------------------------------------------------------*/ .bg {margin: 2.0em 0;padding: 2.0em;background: #F8EFD9;} [class~="bg"][class*="accent"] {background-color: #F8EFD9;} [class~="bg"][class*="gray"] {background-color: #F8F8F8;color: #D28600;} .bdr {margin: 2.0em 0;padding: 2.0em;background: #FFF;border: 5px solid #F8EFD9;} [class~="bdr"][class*="accent"] {border-color: #F8EFD9;} [class~="bdr"][class*="gray"] {border-color: #F8F8F8;color: #D28600;} .btn {display: block;overflow: hidden;position: relative;width: 100%;margin: 1em auto;padding: 1em 0 1.25em;background-color: #D59900;border: none;box-shadow: 0 -0.5em 0 rgba(0,0,0,0.2) inset;color: #fff !important;text-align: center;text-decoration: none !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius: 0.5em;} .btn:hover {filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} [class~="btn"][class*="small"] {font-size: 0.85em;} [class~="btn"][class*="large"] {font-size: 1.2em;} [class~="btn"][class*="accent"] {background-color: #D9881E;} [class~="btn"][class*="gray"] {background-color: #999;color: #FFF;} a.btn {color: #FFF !important;} span.btn {background-color: #CCC;box-shadow: 0 0 0 rgba(0,0,0,0);} span.btn:hover {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;} /* customize ------------------------------------------------------------------------------*/ .req {display: inline-block;padding: 0 5px;background: #c00;color: #FFF;font-weight: normal;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .opt {display: inline-block;padding: 0 5px;background: #999;color: #FFF;font-weight: normal;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .lead {font-size: 1.6em;} hr {width: 100vw;margin: 7.5em calc((100vw - 100%) / -2);border: 1px solid #EEE;} /* contents ------------------------------------------------------------------------------*/ header {height: 105px;padding: 0;border-top: 5px solid #D59900;} header nav {margin: 0;padding: 0;text-align: left;} header nav .logo {position: absolute;top: 20px;display: block;height: 60px;margin: 0 !important;padding: 0;} header nav .logo a {line-height: 1;} header nav .logo img {height: 100% !important;} header nav .patent {position: absolute;top: 20px;left: 370px;display: block;height: 60px;} header nav .patent img {height: 100% !important;} header nav .call {position: absolute;top: 20px;right: 0;display: block;height: 43px;padding: 0px 0 0 75px;background: url(../images/bgFreedial.png?ver=11) no-repeat left top;background-position: 0px 0px;background-size: contain;} header nav .call .number {display: block;color: #6A4C00;font-family: Impact;font-size: 43px;line-height: 1;vertical-align: top;} header nav .call .time {display: block;margin-top: 5px;color: #6A4C00;font-size: 12px;line-height: 12px;vertical-align: top;} .hero {padding: 0;background: #D59900 url("../images/bgIndex.png") no-repeat 45vw 0px;background-size: cover;} .hero .container {padding: 3.0em 0;color: #FFF;} .hero h1.catch_copy {margin: 0em auto !important;font-size: 4.5em;font-weight: normal;line-height: 1.2;} .hero small, .hero .small {font-size: 0.5em;font-weight: inherit;} .hero p {margin: 0.5em 0;font-size: 1.5em;} .hero p.sub_copy {display: inline-block;padding: 0.5em 1.0em 0.4em;background: #FFF;-webkit-border-radius: 2.0em;-moz-border-radius: 2.0em;border-radius: 2.0em;color: #333;font-size: 1.4em;line-height: 1;} .hero p.notice {margin: 0.5em 0;font-size: 1.5em;} .hero a.annotation {display: inline-block;margin: 0.5em 0;padding: 0.3em 0.8em;border: 1px solid #FFF;color: #FFF;font-size: 0.9em;} .hero a.annotation::after {margin-left: 0.5em;font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f067";} .hero a.btn_promise {position: absolute;top: 20px;right: 0;width: 200px;height: 200px;background: url(../images/bgPromise.png?ver=1);background-size: cover;} .hero a.btn_promise img {width: 100%;} .container {position: relative;width: 1000px;margin: 0 auto;} .container a {color: #6A4C00;} .container.mce {padding: 7.0em 0;} .mce .bgContainer {display: block;width: 100vw;margin: 5.0em calc((100vw - 100%) / -2);background: #F8EFD9;} .mce .bgContainer span {display: block;width: 1000px;margin: 0 auto;padding: 5.0em 0;} .mce h2, .mce h3, .mce h4, .mce h5, .mce h6, .mce .h2, .mce .h3, .mce .h4, .mce .h5, .mce .h6 {font-weight: bold;} .mce h2, .mce .h2 {display: block;position: relative;margin: 2.0em auto calc(2.0em + 4px);padding: 0.1em 0 0 0;color: #D59900;font-size: 4.0em;line-height: 1.5;text-align: center;} .mce h2:before, .mce .h2:before {content: '';display: inline-block;position: absolute;left: 50%;bottom: -0.5em;width: 2.0em;height: 4px;background-color: #D59900;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .mce h3, .mce .h3 {position: relative;margin: 2.0em auto 1.5em;padding:0.1em 0 0 0.75em;color: #333;font-size: 2.0em;line-height: 1.5;} .mce h3:before, .mce .h3:before {content: '';display: inline-block;position: absolute;left: 0;bottom: 0;width: 6px;height: 100%;background-color: #D59900;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .mce h4, .mce h5, .mce h6, .mce .h4, .mce .h5, .mce .h6 {margin: 1.5em auto 1em;padding: 0;color: #333;line-height: inherit;} .mce h4:before, .mce h5:before, .mce h6:before, .mce .h4:before, .mce .h5:before, .mce .h6:before {display: none;} .mce h4, .mce .h4 {font-size: 1.8em;} .mce h5, .mce .h5 {font-size: 1.4em;} .mce h6, .mce .h6 {font-size: 1.2em;} .mce h2 sub, .mce h3 sub, .mce h4 sub, .mce h5 sub, .mce h6 sub, .mce .h2 sub, .mce .h3 sub, .mce .h4 sub, .mce .h5 sub, .mce .h6 sub {display: block;font-size: 0.4em; font-weight: normal;} .mce p {margin: 1.0em auto;} .mce ul {} .mce table.table {width: 100%;margin: 1.0em auto;background: #FFF;border-bottom: 1px solid #DFDFDF;} .mce table.table tbody th, .mce table.table tbody td {display: table-cell;padding: 3%;border-top:1px solid #DFDFDF;table-layout: auto !important;vertical-align: baseline;} .mce table.table tbody th {vertical-align:middle;} .mce table.table tbody td {} /* ブロック分割のためのtableスタイル */ table {width: calc(100% + 2.0em);margin: 2.0em -1.0em 2.0em;table-layout: fixed !important;} table td {padding-right: 1.0em;padding-left: 1.0em;} table td > *:first-child {padding-top: 1.0em !important;} table td > *:last-child {padding-bottom: 1.0em !important;} /* customize ------------------------------------------------------------------------------*/ .priceTable {overflow-x: auto;width: 100%;font-size: 0.7em;} .priceTable table {width: 100%;padding: 0;margin: 0 0 0 0;background: #fff;border-collapse: separate;border-spacing: 0;border-top: 1px solid #ddd;table-layout: auto !important;} .priceTable table th {font-weight: bold;} .priceTable table td, .priceTable table th {width: 16.66666% !important;padding: 10px;background-color: #fff;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} .priceTable table td:first-child, .priceTable table th:first-child {position: -webkit-sticky;position: sticky;z-index: 9999;left: 0;border-left: 1px solid #ddd;font-weight: bold;} .priceTable table th, .priceTable table td {text-align: center;} .priceTable table tr:nth-of-type(odd) td, .priceTable table tr:nth-of-type(odd) th {background-color: #f6f6f6;} .priceTable table tr:first-child th {background: #D59900;color: #FFF;} .nav {background: #b9230e;color: #FFF;} .nav.is-fixed {position: fixed;top: 0;left: 0;z-index: 99999;width: 100%;} .nav .innerNav {max-width: 1000px;margin: 0 auto;display: table;table-layout: fixed;text-align: center;width: 100%;} .nav .innerNav .navLink {list-style: none;display: table-cell;vertical-align: middle;} .nav .innerNav .navLink a {display: block;padding: 1em 0;color: #FFF;} .nav .innerNav .navLink a:hover {background: #901b0b;text-decoration: none;} .blank {height: 2.0em;} .contentAction {padding: 2.5em 0;background: #6A4C00;color: #FFF;} .contentAction.firstView {background: #6A4C00;} .contentAction h2 {margin: 0 0 0.75em 0;font-size: 1.8em;font-weight: bold;line-height: 2.0em;text-align: center;} .contentAction h2:before {content: " ";display: inline-block;width: 50px;height: 40px;margin: 0 0.5em 0 0;background: url(../images/bgActionTitle.png?ver=1) no-repeat;background-size: contain;vertical-align: middle;} .contentAction h2 span {font-weight: bold;} .contentAction h2 em {font-size: 1.2em;} .contentAction .fr {width: 49%;text-align: center;} .contentAction .fr .freedial {font-size: 45px;color: #FFF;font-weight: bold;line-height: 50px;vertical-align: baseline;} .contentAction .fr .freedial:before {content: " ";display: inline-block;width: 60px;height: 38px;margin: 0 0.2em 0 0;background: url(../images/bgFreedialFV.png?ver=1) no-repeat left bottom;background-size: cover;vertical-align: baseline;} .contentAction .fr dl {margin: 0.5em 0;line-height: 1.5em;} .contentAction .fr dl dt {display: inline-block;margin: 0 0.5em 0 0;padding:0.3em 0.5em 0.2em 0.7em;background: #FFF;color: #6A4C00;line-height: 1;} .contentAction .fr dl dd {display: inline-block;} .contentAction .fr .mail {display: block;position: relative;width: 100%;margin: 1.5em 0 0;padding: 0.5em 0;border: 5px solid #FFF;text-align: center;text-decoration: none;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} .contentAction .fr .mail span {display: block;color: #FFF;font-size: 2.0em;font-weight: bold;line-height: 1.5;} .contentAction .fr .mail span sub {display: block;font-size: 0.5em;font-style: normal;font-weight: normal;} .contentAction .fr .mail:after {position: absolute;top: calc(50% - 0.5em);right: 20px;color: #FFF;content: "\f054";font-family: FontAwesome;font-size: 25px;line-height: 1;} .contentAction .fr .mail:hover {background: #FFF;} .contentAction .fr .mail span:hover {color: #6A4C00;} .contentAction .fr .mail:hover:after {color: #6A4C00;} .contentAction .fl {width: 49%;} .contentAction .fl .example {padding: 1.5em 2.0em;border: 1px solid #FFF;} .contentAction .fl .example ul {margin: 0;padding: 0;} .contentAction .fl .example ul li {position: relative;margin: 0.2em 0;padding: 0.3em 0 0 1.5em;font-size: 1.2em;line-height: 1.2;} .contentAction .fl .example ul li:before {content: "";position: absolute;top: 0.45em;left: 0;width: 0.95em;height: 0.95em;margin: auto;background: #FFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .contentAction .fl .example p {margin: 0.5em 0;font-size: 1.2em;line-height: 1.5;} .containerEntry {margin: 0;padding: 5.0em;background: #F8EFD9;} .containerEntry .containerForm {padding: 30px;background: #FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .containerEntry .containerForm table.table {margin-bottom: 0;} .containerEntry .containerForm table th {width: 30%;} .container .contentAction {width: 100vw;margin: 7.5em calc((100vw - 100%) / -2);} footer {padding: 5em 0;background: #D59900;color: #FFF;} footer a {color: #FFF !important;text-decoration: none;} footer a:hover {text-decoration: underline;} footer ul.footerArea {margin: 1.0em 0;font-size: 0.9em;letter-spacing: -0.5em;} footer ul.footerArea li {display: inline-block;letter-spacing: normal;} footer ul.footerArea li:after {margin: 0 0.5em;content: "|";} footer ul.footerArea li:last-child:after {content: "";} footer nav {margin: 3.0em 0;} footer .copyright {margin: 3.0em 0;} /* faqs */ dl.faqs {} dl.faqs p {font-size: 1.2em;} dl.faqs b, dl.faqs .bold {color: #6A4C00;} dl.faqs dt {position:relative;margin:1.5em 0 0 0;padding:0 0 0 2.0em;color:#6A4C00;font-size: 1.4em;font-weight: normal;line-height: 1.5em;} dl.faqs dt:before {display:block;content:"Q";position:absolute;top:0;left:0;width:1.5em;height:1.5em;line-height:1.5em;background:#6A4C00;border-radius:3px;color:#FFF;font-weight:bold;text-align:center;} dl.faqs dt:hover {cursor:pointer;opacity: 0.7;text-decoration: none;} dl.faqs dd {position:relative;margin:1.0em 0 0 0;padding: 1.5em;/*background: #F8EFD9;*/background: #FFF;border: 5px solid #F8EFD9;border-radius:3px;} dl.faqs .hover {text-decoration:underline;} .modaal-wrapper .modaal-close {background: rgb(0,0,0) !important;opacity: 0.9 !important;} .modaal-overlay {background: rgb(105,76,0) !important;opacity: 0.9 !important;} .modaal-container {overflow: hidden;height: 100%;border-radius: 5px !important;} .modaal-inner-wrapper {padding-top: 30px !important;padding-bottom: 30px !important;} dl.slideToggle dt:hover {cursor:pointer;text-decoration: none;} #promise h3 {margin: 1.0em auto 0;padding: 0;color: #D59900;font-size: 1.6em;} #promise h3::before {display: none;} #voices {font-size: 0.9em;} #voices .voice {background: #FFF;padding: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #voices .voice p {margin: 0.75em 0;line-height: 1.75;} #voices .voice .titleVoice {margin: 0 0 1.0em 0;padding: 0.5em;background: #794A04;color: #FFF;font-size: 1.2em;font-weight: bold;line-height: 1 !important;text-align: center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #voices .voice .aside {width: 25%;} #voices .voice .main {width: 70%;} #voices .voice .containerSpec dl {margin: 10px 0 0 0;line-height: 1.4;} #voices .voice .containerSpec dl dt {width: 6em;color: #CD980D;clear: left;float: left;font-weight: bold;line-height: 18.5px;} #voices .voice .containerSpec dl dd {margin-left: 6em;line-height: 18.5px;} #voices .voice .containerComment {margin: 1.0em 0 0 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #voices .voice .containerComment .titleComment {margin: 0;color: #794A04;font-size: 1.2em;font-weight: bold;line-height: 1.5;} #saijyo {/*font-size: 0.9em;*/line-height: 1.3;} #saijyo .saijyo {padding: 1.0em;background: #F8EFD9;border: 1px solid #F2E0B3;} #saijyo .saijyo p {margin: 0.5em 0;} #saijyo .saijyo .title {color: #6A4C00;font-size: 1.2em;font-weight: bold;} #saijyo .saijyo ul.funeral_hall {margin: 0.3em 0;font-size: 0.9em;} #saijyo .saijyo ul.funeral_hall li {display: inline-block;position: relative;margin: 0;/*padding-left: 1.3em;*/background: #6A4C00;border: 1px solid #6A4C00;border-radius: 3px;color: #FFF;} #saijyo .saijyo ul.funeral_hall li+li {margin-top: 0.3em;} #saijyo .saijyo ul.funeral_hall li .dt {float: left;width: 7em;padding: 0.3em 0.5em;font-weight: bold;text-align: center;} #saijyo .saijyo ul.funeral_hall li .dd {margin-left: 7em;padding: 0.3em 0.5em 0.3em 0.5em;background: #FFF;color: #333;} #saijyo .saijyo .address {position: relative;margin: 0.5em 0;padding-left: 1.3em;font-size: 0.9em;} #saijyo .saijyo .address::before {position: absolute;top: 0;left: 0;width: 1.0em;color: #D59900;content: "\f041";font-family: "FontAwesome";text-align: center;} #saijyo .saijyo ul.access {margin: 0.5em 0 0;font-size: 0.9em;} #saijyo .saijyo ul.access li {position: relative;margin: 0.3em 0;padding-left: 1.3em;} #saijyo .saijyo ul.access li::before {position: absolute;top: 0;left: 0;width: 1.0em;color: #D59900;content: "\f239";font-family: "FontAwesome";text-align: center;} .message {} .message .btn {margin: 0 !important;font-size: 1.4em;} .message h3 {color: #6A4C00;font-size: 1.3em;font-weight: bold;} .message h4 {margin: 0.3em 0;color: #6A4C00;font-size: 1.2em;font-weight: bold;} .message .freedial {margin: 0;color: #D59900;font-size: 3.0em;font-weight: bold;} .modal_body {padding: 2.0em;} .modal_body h1 {margin: 2.0em 0 1.0em;font-size: 2.0em;font-weight: bold;} .modal_body .h2, .modal_body .h3, .modal_body .h4, .modal_body .h5, .modal_body .h6 {font-weight: bold;} .modal_body .h4, .modal_body .h5, .modal_body .h6 {padding: 0;} .modal_body p {font-size: 0.9em;} #covid {background: #F8EFD9;} #covid .container.mce {padding: 3.0em 0;} #covid .container.mce .title {margin-bottom: 0.2em;color: #333;font-size: 1.4em;font-weight: bold;text-align: left;} #covid .container.mce .title:before {content: none;} #covid .container.mce p {margin: 0.2em 0;text-align: left;} #covid .bdr-covid {margin: 0.75em 0;padding: 0.5em 0.7em;border: 1px solid #6A4C00;color: #6A4C00;} #area_text {background: #F8EFD9;} #area_text .container.mce {padding: 3.0em 0;} #area_text .container.mce h2 {color: #333;font-size: 1.4em;text-align: left;} #area_text .container.mce h2:before {content: none;} #area_text .container.mce p {font-size: 0.9em;text-align: left;} } @media (min-width:1281px) { .container {position: relative;width: 1000px;} header > .container {padding: 2.5em 0 5.0em;color: #FFF;} header > .container h1 {margin: 1.5em auto 1.0em !important;font-size: 1.8em;font-weight: bold;line-height: 1.3;} header > .container .catch {font-size: 3.0em;font-weight: bold;line-height: 1.3;} header > .container strong {color: #FF0;font-size: 2.0em;font-weight: inherit;} header > .container a.trial {display: block;position: relative;width: 50%;margin: 0.5em 0;padding: 0.5em 0;background: #FFF;border: 10px solid #F2E0B3;color: #6A4C00;font-size: 2.0em;text-align: center;text-decoration: none;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} header > .container a.trial:after {position: absolute;right: 1.0em;color: #6A4C00;content: "\f054";font-family: FontAwesome;} header > .container a.trial:hover {background: #6A4C00;color: #FFF;} header > .container a.trial:hover:after {color: #FFF;} } @media (max-width:768px) { /* form ------------------------------------------------------------------------------*/ button, input, select, textarea {font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-size:14px;vertical-align:middle;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="phone"], input[type="tel"], input[type="number"], input[type="datetime"], input[type="datetime-local"], input[type="date"], select[multiple="multiple"], input[type="search"], input[type="file"] {position:relative;z-index:2;width:100%;height:2.5em;padding:5px 7px;border:1px solid #DFDFDF;line-height:calc(2.5em - 10px);-webkit-appearance:none;} select {position:relative;z-index:2;width:auto;height:2.5em;padding:5px;border:1px solid #DFDFDF;line-height:calc(2.5em - 10px);vertical-align:top;text-transform:none;} textarea {position:relative;z-index:2;width:100%;padding:5px;border:1px solid #DFDFDF;resize:vertical;-webkit-appearance:none;} input[type="radio"] {position:relative;top:-2px;z-index:2;width:15px;height:15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;vertical-align:middle;} input[type="checkbox"] {position:relative;top:-2px;z-index:2;width:15px;height:15px;vertical-align:middle;} button, input[type=button], input[type=submit] {cursor:pointer;font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;-webkit-appearance:none;} input:focus, select:focus, textarea:focus {border-color:#5ca9e4;box-shadow:0 0 0 2px rgba(70,161,231,0.3),0 1px 2px rgba(0,0,0,0.2) inset;} /* layout ------------------------------------------------------------------------------*/ .m {margin-top:15px !important;margin-bottom:15px !important;} .mt {margin-top:15px !important;} .mb {margin-bottom:15px !important;} .m2 {margin-top:30px !important;margin-bottom:30px !important;} .mt2 {margin-top:30px !important;} .mb2 {margin-bottom:30px !important;} .m3 {margin-top:45px !important;margin-bottom:45px !important;} .mt3 {margin-top:45px !important;} .mb3 {margin-bottom:45px !important;} .m-sp {margin-top:15px !important;margin-bottom:15px !important;} .mt-sp {margin-top:15px !important;} .mb-sp {margin-bottom:15px !important;} .m2-sp {margin-top:30px !important;margin-bottom:30px !important;} .mt2-sp {margin-top:30px !important;} .mb2-sp {margin-bottom:30px !important;} .m3-sp {margin-top:45px !important;margin-bottom:45px !important;} .mt3-sp {margin-top:45px !important;} .mb3-sp {margin-bottom:45px !important;} .main, .aside {width:100%;} .main-sp {width:74%;margin:0;} .aside-sp {width:24%;margin:0;} .fr-sp {float:right;} .fl-sp {float:left;} .fn-sp {float:none;} .ar {text-align:right !important;} .ac {text-align:center !important;} .al {text-align:left !important;} .ar-sp {text-align:right !important;} .ac-sp {text-align:center !important;} .al-sp {text-align:left !important;} .w5-sp {width:5% !important;margin-right:auto !important;margin-left:auto !important;} .w10-sp {width:10% !important;margin-right:auto !important;margin-left:auto !important;} .w15-sp {width:15% !important;margin-right:auto !important;margin-left:auto !important;} .w20-sp {width:20% !important;margin-right:auto !important;margin-left:auto !important;} .w25-sp {width:25% !important;margin-right:auto !important;margin-left:auto !important;} .w30-sp {width:30% !important;margin-right:auto !important;margin-left:auto !important;} .w35-sp {width:35% !important;margin-right:auto !important;margin-left:auto !important;} .w40-sp {width:40% !important;margin-right:auto !important;margin-left:auto !important;} .w45-sp {width:45% !important;margin-right:auto !important;margin-left:auto !important;} .w50-sp {width:50% !important;margin-right:auto !important;margin-left:auto !important;} .w55-sp {width:55% !important;margin-right:auto !important;margin-left:auto !important;} .w60-sp {width:60% !important;margin-right:auto !important;margin-left:auto !important;} .w65-sp {width:65% !important;margin-right:auto !important;margin-left:auto !important;} .w70-sp {width:70% !important;margin-right:auto !important;margin-left:auto !important;} .w75-sp {width:75% !important;margin-right:auto !important;margin-left:auto !important;} .w80-sp {width:80% !important;margin-right:auto !important;margin-left:auto !important;} .w85-sp {width:85% !important;margin-right:auto !important;margin-left:auto !important;} .w90-sp {width:90% !important;margin-right:auto !important;margin-left:auto !important;} .w95-sp {width:95% !important;margin-right:auto !important;margin-left:auto !important;} .w100-sp {width:100% !important;margin-right:auto !important;margin-left:auto !important;} /* clear ------------------------------------------------------------------------------*/ .first {margin-top:0px !important;margin-left:0px !important;} .last {margin-bottom:0px !important;margin-right:0px !important;} .reset {margin-top:0px !important;margin-bottom:0px !important;} .pc {display:none !important;} .hide {display:none !important;} .hide-sp {display:none !important;} .cf:after {content:"."; display:block;clear:both;height:0;visibility:hidden;} .cf {min-height:1px;} * html .cf {height:1px;/*\*//*/height:auto;overflow:hidden;/**/} /* component ------------------------------------------------------------------------------*/ .bg {margin: 1.5em 0;padding: 1.0em;background: #F8EFD9;} [class~="bg"][class*="accent"] {background-color: #F8EFD9;} [class~="bg"][class*="gray"] {background-color: #F8F8F8;color: #D28600;} .bdr {margin: 1.5em 0;padding: 1.0em;background: #FFF;border: 5px solid #F8EFD9;} [class~="bdr"][class*="accent"] {border-color: #F8EFD9;} [class~="bdr"][class*="gray"] {border-color: #F8F8F8;color: #D28600;} .btn {display: block;overflow: hidden;position: relative;width: 100%;margin: 1em auto;padding: 1em 0 1.25em;background-color: #D59900;border: none;box-shadow: 0 -0.5em 0 rgba(0,0,0,0.2) inset;color: #fff !important;text-align: center;text-decoration: none !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius: 0.5em;} .btn:hover {filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} [class~="btn"][class*="small"] {font-size: 0.85em;} [class~="btn"][class*="large"] {font-size: 1.2em;} [class~="btn"][class*="accent"] {background-color: #D9881E;} [class~="btn"][class*="gray"] {background-color: #999;color: #FFF;} a.btn {color: #FFF !important;} span.btn {background-color: #CCC;box-shadow: 0 0 0 rgba(0,0,0,0);} span.btn:hover {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;} /* customize ------------------------------------------------------------------------------*/ .req {display: inline-block;padding: 0 5px;background: #c00;color: #FFF;font-weight: normal;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .opt {display: inline-block;padding: 0 5px;background: #999;color: #FFF;font-weight: normal;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .slab {display: block;width: 100%;margin-right: auto;margin-left: auto;padding-right: 0px;padding-left: 0px;} .lead {font-size: 1.2em;} hr {width: 100vw;margin: 3.0em calc((100vw - 100%) / -2);border: 1px solid #EEE;} /* ブロック分割のためのtableスタイル */ table {margin: 1.0em auto;} table td {display: block;width: 100% !important;} table td > *:first-child {padding-top: 1.5em !important;} table td > *:last-child {padding-bottom: 1.5em !important;} /* common ------------------------------------------------------------------------------*/ body {font-size: 14px;} header {position: relative;padding: 0;background: #fff;border-top: 5px solid #D59900;border-bottom: 1px solid #e5e5e5;} header nav {margin: 0;padding: 0;text-align: left;} header nav .logo {width: 50%;} header nav .logo a {display: block;line-height: 1;} header nav .logo img {height: auto !important;margin: 0;} header nav .patent {display: none;} header nav .call {float: right;width: calc(100% * 0.5 * 10 / 15);} header nav .company {float: right;width: calc(100% * 0.5 * 4 / 15);margin-right: calc(100% * 0.5 * 0.5 / 15);} .hero {padding: 0;background: #D59900;} .hero .container {padding: 1.5em 0 0;color: #FFF;} .hero h1.catch_copy {margin: 0em auto !important;font-size: 2.8em;font-weight: normal;line-height: 1.2;} .hero small, .hero .small {font-size: 0.6em;font-weight: inherit;} .hero p {margin: 0.75em 0;font-size: 1.1em;} .hero p.sub_copy {display: inline-block;margin: 0.75em 0;padding: 0.5em 1.0em 0.4em;background: #FFF;-webkit-border-radius: 1.0em;-moz-border-radius: 2.0em;border-radius: 2.0em;color: #333;font-size: 1.0em;line-height: 1;text-align: center;} .hero p.notice {margin: 0;font-size: 1.0em;line-height: 1.5;} .hero .fgIndex {width: calc(100% + 20px);margin: 0 -10px;} .hero a.annotation {display: inline-block;margin: 0.2em 0;padding: 0.3em 0.5em;border: 1px solid #FFF;color: #FFF;font-size: 0.8em;letter-spacing: 0;text-align: center;} .hero a.annotation::after {margin-left: 0.5em;font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f067";} .hero a.btn_promise {display: block;margin: 1.0em 0;} .hero a.btn_promise img {width: 100%;} .container {position: relative;width: calc( 100% - 20px );margin: 0 auto;} .container a {color: #6A4C00;} .container.mce {padding: 4.0em 0 5.0em;} .mce h2, .mce h3, .mce h4, .mce h5, .mce h6, .mce .h2, .mce .h3, .mce .h4, .mce .h5, .mce .h6 {font-weight: bold;} .mce h2, .mce .h2 {display: block;position: relative;margin: 2.0em auto 1.6em;padding: 0.1em 0 0 0;color: #D59900;font-size: 2.4em;line-height: 1.5;text-align: center;} .mce h2:before, .mce .h2:before {content: '';display: inline-block;position: absolute;left: 50%;bottom: -0.5em;width: 2.0em;height: 4px;background-color: #D59900;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .mce h3, .mce .h3 {position: relative;margin: 2.0em auto 1.0em;padding:0.1em 0 0 0.75em;font-size: 1.6em;line-height: 1.5;} .mce h3:before, .mce .h3:before {content: '';display: inline-block;position: absolute;left: 0;bottom: 0;width: 6px;height: 100%;background-color: #D59900;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .mce h4, .mce h5, .mce h6, .mce .h4, .mce .h5, .mce .h6 {margin: 1.8em auto 0.9em;font-weight: bold;} .mce h4:before, .mce h5:before, .mce h6:before, .mce .h4:before, .mce .h5:before, .mce .h6:before {display: none;} .mce h4, .mce .h4 {font-size: 1.4em;} .mce h5, .mce .h5 {font-size: 1.2em;} .mce h6, .mce .h6 {font-size: 1.1em;} .mce h2 sub, .mce h3 sub, .mce h4 sub, .mce h5 sub, .mce h6 sub, .mce .h2 sub, .mce .h3 sub, .mce .h4 sub, .mce .h5 sub, .mce .h6 sub {display: block;font-size: 0.6em;font-weight: normal;} .mce p {margin: 1.0em auto;} .mce p {margin: 1.0em auto;} .mce ul {} .mce table.table {width: 100%;margin: 1.0em auto;background: #FFF;border-bottom: 1px solid #DFDFDF;} .mce table.table tbody th, .mce table.table tbody td {display: table-cell;padding: 3%;border-top:1px solid #DFDFDF;table-layout: auto !important;vertical-align: baseline;} .mce table.table tbody th {vertical-align:middle;} .mce table.table tbody td {} .mce .bgContainer {display: block;width: 100vw;margin: 5.0em calc((100vw - 100%) / -2);background: #F8EFD9;} .mce .bgContainer span {display: block;width: 1000px;margin: 0 auto;padding: 5.0em 0;} .contentAction {display: block;padding: 1.5em 0;background: url(../images/iconCall.png?ver=1) repeat-x 0 0;background-size: contain;color: #FFF;} .contentAction.firstView {background: #F8EFD9;color: #6A4C00;} .footerAction .contentAction.firstView {background: #FFF;} .contentAction.firstView h2 span {background-image: url(../images/bgActionTitleSub.png?ver=1);} .contentAction .action_copy {font-size: 0.9em;} .contentAction h2 {margin: 0 0 0.5em;padding:0 0 0 0;font-size: inherit;line-height: inherit;text-align: center;} .contentAction h2:before {display: none;} .contentAction h2 span {display: inline-block;padding: 0 0 0 3.5em;background: url(../images/bgActionTitle.png?ver=1) no-repeat left center;background-size: 3.0em;font-size: 1.1em;font-weight: bold;line-height: 1.2;} .contentAction h2 span em {font-size: 1.2em;font-weight: bold;} .contentAction .freedial {padding: 0 0 0 1.5em;background: url(../images/bgFreedial.png?ver=1) no-repeat left center;background-size: 1.2em;font-size: 2.0em;font-weight: bold;line-height: 1.1;vertical-align: middle;} .contentAction dl {margin: 0.3em 0;font-size: 0.9em;line-height: 1.5em;} .contentAction dl dt {display: inline-block;margin: 0 0.3em 0 0;padding:0 0.3em;border: 1px solid #6A4C00;} .contentAction dl dd {display: inline-block;} .contentAction .clickFor {color: #D0021B;} .contentAction .call {display: block;padding: 0.7em 0;background: url(../images/bgCall.png?ver=1) repeat-x 0 0;background-size: contain;-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius: 0.5em;} .contentAction .call .freedial {padding: 0 0 0 1.5em;background: url(../images/bgFreedial.png?ver=1) no-repeat left center;background-size: 1.2em;font-size: 2.2em;font-weight: bold;line-height: 1.1;vertical-align: middle;} .contentAction .call dl {margin: 0.3em 0;font-size: 0.9em;line-height: 1.5em;} .contentAction .call dl dt {display: inline-block;margin: 0;padding:0.2em 0.3em 0;border: 1px solid #0088CC;letter-spacing: 0;} .contentAction .call dl dd {display: inline-block;} .contentAction .call .clickFor {color: #D0021B;} .contentAction .mail {display: inline-block;padding: 0.8em 0;color: #FFF;text-decoration: underline;} .contentAction .example {padding: 0.7em 1.0em;border: 1px solid #FFF;font-size: 0.9em;} .contentAction .example ul {margin: 0;padding: 0;} .contentAction .example ul li {position: relative;margin: 0.2em 0;padding: 0.1em 0 0.1em 1.5em;font-weight: bold;line-height: 1.2;} .contentAction .example ul li:before {content: "";position: absolute;top: 0.15em;left: 0;width: 0.95em;height: 0.95em;margin: auto;background: #FFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .contentAction .example p {margin: 0.5em 0;line-height: 1.2;} .contentAction.firstView .call {background-image: url(../images/bgCallFV.png?ver=1);color: #FFF;} .contentAction.firstView .call .freedial {background-image: url(../images/bgFreedialFV.png?ver=1);} .contentAction.firstView .call dl dt {border-color: #FFF;} .contentAction.firstView .call .clickFor {color: #FF0;} .contentAction.firstView .mail {color: #6A4C00;} .contentAction.firstView .example {border-color: #6A4C00;} .contentAction.firstView .example ul li:before {background: #6A4C00;} .containerEntry {margin: 0;padding: 2.0em 0;background: #F8EFD9;} .containerEntry .containerForm {padding: 30px;background: #FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .containerEntry .containerForm table.table {margin-bottom: 0;} .containerEntry .containerForm table th {width: 30%;} .container .contentAction {width: 100vw;margin: 5.0em calc((100vw - 100%) / -2);} .priceTable {overflow-x: auto;width: 100%;font-size: 0.7em;} .priceTable table {width: 170%;padding: 0;margin: 0;background: #fff;border-collapse: separate;border-spacing: 0;border-top: 1px solid #ddd;} .priceTable table th {font-weight: bold;} .priceTable table td, .priceTable table th {display: table-cell;width: 16.66666% !important;padding: 5px 0;background-color: #fff;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} .priceTable table td:first-child, .priceTable table th:first-child {position: -webkit-sticky;position: sticky;z-index: 9999;left: 0;min-width: 16.66666%;max-width: 16.66666%;width: 16.66666%;border-left: 1px solid #ddd;font-weight: bold;} .priceTable table td:nth-child(2), .priceTable table th:nth-child(2) {position: -webkit-sticky;position: sticky;z-index: 9999;left: 28.5%;min-width: 16.66666%;max-width: 16.66666%;width: 16.66666%;font-weight: bold;} .priceTable table th, .priceTable table td {text-align: center;} .priceTable table tr:nth-of-type(odd) td, .priceTable table tr:nth-of-type(odd) th {background-color: #f6f6f6;} .priceTable table tr:first-child th {background: #D59900;color: #FFF;} footer {padding: 2.0em 0 8.0em;background: #D59900;color: #FFF;} footer ul.footerArea {margin: 1.0em 0 0 0;font-size: 0.9em;letter-spacing: -0.5em;} footer ul.footerArea li {display: inline-block;padding: 0.2em 0;letter-spacing: normal;} footer ul.footerArea li:after {margin: 0 0.5em;content: "|";} footer ul.footerArea li:last-child:after {content: "";} footer .container a {color: #FFF;font-size: 0.9em;} footer .copyright {margin: 1.5em 0;} footer nav {margin: 1.5em 0;} .nav {display: none;} /* faqs */ dl.faqs {} dl.faqs p {font-size: 1.0em;} dl.faqs b, dl.faqs .bold {color: #6A4C00;} dl.faqs dt {position:relative;margin:1.5em 0 0 0;padding:0 0 0 2.0em;color:#6A4C00;font-size: 1.1em;font-weight: normal;line-height: 1.5em;} dl.faqs dt:before {display:block;content:"Q";position:absolute;top:0;left:0;width:1.5em;height:1.5em;line-height:1.5em;background:#6A4C00;border-radius:3px;color:#FFF;font-weight:bold;text-align:center;} dl.faqs dt:hover {cursor:pointer;text-decoration: none;} dl.faqs dd {position:relative;margin:0.5em 0 0 0;padding: 1.0em;/*background: #F8EFD9;*/background: #FFF;border: 5px solid #F8EFD9;border-radius:3px;} dl.faqs .hover {text-decoration:underline;} .modaal-wrapper .modaal-close {top: 5px;right: 5px;background: rgb(0,0,0) !important;opacity: 0.9 !important;} .modaal-overlay {background: rgb(105,76,0) !important;opacity: 0.9 !important;} .modaal-container {overflow: hidden;height: 100%;border-radius: 5px !important;} .modaal-inner-wrapper {padding: 15px !important;line-height: 1 !important;} .modaal-close {width: 40px !important;height: 40px !important;} .modaal-close:after, .modaal-close:before {top: 9px !important;left: 18px !important;} .modaal-wrapper iframe {padding-top: 5px;} dl.slideToggle dt:hover {cursor:pointer;text-decoration: none;} #promise h3 {margin: 15px auto 0;padding: 0;color: #D59900;font-size: 1.6em;} #promise h3::before {display: none;} #promise p {font-size: 0.9em;} #voices {font-size: 0.9em;} #voices .voice {background: #FFF;padding: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #voices .voice p {margin: 0.5em 0;line-height: 1.5;} #voices .voice .titleVoice {margin: 0 0 1.0em 0;padding: 0.5em;background: #794A04;color: #FFF;font-size: 1.2em;font-weight: bold;line-height: 1 !important;text-align: center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #voices .voice .aside {width: 25%;} #voices .voice .main {width: 70%;} #voices .voice .containerSpec dl {margin: 10px 0 0 0;line-height: 1.4;} #voices .voice .containerSpec dl dt {width: 6em;color: #CD980D;clear: left;float: left;font-weight: bold;line-height: 18.5px;} #voices .voice .containerSpec dl dd {margin-left: 6em;line-height: 18.5px;} #voices .voice .containerComment {margin: 1.0em 0 0 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #voices .voice .containerComment .titleComment {margin: 0;color: #794A04;font-size: 1.2em;font-weight: bold;line-height: 1.5;} #saijyo {font-size: 0.9em;line-height: 1.3;} #saijyo .saijyo {padding: 0.5em;background: #F8EFD9;border: 1px solid #F2E0B3;} #saijyo .saijyo p {margin: 0.5em 0;} #saijyo .saijyo .title {color: #6A4C00;font-size: 1.1em;font-weight: bold;letter-spacing: 0;} #saijyo .saijyo .address {} #saijyo .saijyo ul.access {margin: 0.3em 0;font-size: 0.9em;} #saijyo .saijyo ul.access li {position: relative;margin: 0.3em 0;padding-left: 1.3em;} #saijyo .saijyo ul.access li::before {position: absolute;top: 0;left: 0;color: #D59900;content: "\f239";font-family: "FontAwesome";} #saijyo .saijyo .saijyoImg {position:relative;margin-bottom: 5px;padding-bottom:25%;padding-top:25%;height:0;overflow:hidden;max-width:100%;height:auto;} #saijyo .saijyo .saijyoImg img {position:absolute;top:0;left:0;width:100%;height:100%;} #saijyo .saijyo ul.funeral_hall {margin: 0.3em 0;font-size: 0.9em;} #saijyo .saijyo ul.funeral_hall li {margin: 0.3em 0;} #saijyo .saijyo ul.funeral_hall li .dt {font-weight: bold;} .message {margin-top: 0;border: 1px solid #F2E0B3;} .message .btn {margin: 0 !important;font-size: 1.4em;} .message h3 {color: #6A4C00;font-size: 1.3em;font-weight: bold;} .message h4 {margin: 0.3em 0;color: #6A4C00;font-size: 1.2em;font-weight: bold;} .message .freedial {margin: 0;color: #D59900;font-size: 1.2em;font-weight: bold;} .bottoms {display: none;position: fixed;bottom: 0;width: 100%;padding: 5px 5px 15px 5px;background: rgba(68, 68, 68, 0.95);} .bottoms p {color: #FFF;font-size: 0.9em;} .bottoms p span.yellow {font-weight: bold;text-decoration: underline;} .bottoms a {display: block;} .bottoms a.btn {padding: 0.4em 0 0.5em;box-shadow: 0 -0.3em 0 rgba(0,0,0,0.3) inset;color: #fff !important;line-height: 1.3;text-shadow: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .bottoms .call {float: left;width: 55%;} .bottoms .mail {float: right;width: 43%;} .modal_body {padding: 1.0em;} .modal_body h1 {margin: 1.0em 0 0.5em;font-size: 1.2em;font-weight: bold;} .modal_body .h2, .modal_body .h3, .modal_body .h4, .modal_body .h5, .modal_body .h6 {font-weight: bold;} .modal_body .h4, .modal_body .h5, .modal_body .h6 {padding: 0;} .modal_body p {font-size: 0.9em;} #covid {margin-top: 1.0em;background: #F8EFD9;} #covid .container.mce {padding: 1.2em 0;} #covid .container.mce .title {margin-bottom: 0.1em;color: #333;font-size: 1.2em;font-weight: bold;text-align: left;line-height: 1.2;} #covid .container.mce .title:before {content: none;} #covid .container.mce p {margin: 0.5em 0;line-height: 1.2;text-align: left;} #covid .bdr-covid {margin: 0.5em 0;padding: 0.5em 0.7em;border: 1px solid #6A4C00;color: #6A4C00;} #area_text {margin-top: 1.0em;background: #F8EFD9;} #area_text .container.mce {padding: 1.2em 0;} #area_text .container.mce h2 {margin-bottom: 0.2em;color: #333;font-size: 1.4em;text-align: left;line-height: 1.2;} #area_text .container.mce h2:before {content: none;} #area_text .container.mce p {margin: 0.5em 0;font-size: 0.9em;line-height: 1.2;text-align: left;} .gnavi {position: sticky;position: -webkit-sticky;top: 0;z-index: 998;background: #FFF;} .gnavi ul {display: flex;box-shadow: 0px 2px 3px rgba(0,0,0,0.4);} .gnavi ul li {width: 25%;height: 45px;text-align: center;} .gnavi ul li a {display: block;height: inherit;padding: 5px 0;border-right: 1px solid #e5e5e5;} .gnavi ul li a img {width: auto !important;height: 100% !important;} .gnavi ul li a.urgency {background: #f15c5c;} .gnavi ul li:last-child a {border-right: none;} }