@charset "UTF-8";

/* ===================================================================

file name  :  about.css

=================================================================== */
article header{ background: url("/about/img/bg_ttl.jpg") no-repeat top center;}
article .sidebar ul{ border-bottom: 1px solid #e9e1d1;}
article .sidebar li{ border-top: 1px solid #e9e1d1; font-size: 14px;}
article .sidebar li a{ display: block; padding: 12px 0;}
article .sidebar li:first-child a{ padding: 12px 0 0;}
article .sidebar li ul{ border: none;}
article .sidebar li li{ position: relative; padding: 0 0 0 12px; border: none;}
article .sidebar li li:after{
position: absolute;
top: 20px;
left: 0;
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background: #c59a53;
content: "";
}
article .sidebar li ul{ padding: 0 0 15px 15px;}
article .sidebar li:first-child li a{ padding: 15px 0 0;}
article .content{ background: url("/img/bg_shadow_2.gif") no-repeat top center;}
article .lead{ margin: 50px 0 0; font-size: 14px; line-height: 1.8;}
section:before,
section:after{ display: block; overflow: hidden; content: "";}
section:after{ clear: both;}
section{ margin: 60px 0 0; padding: 68px 0 0; background: url("/img/blt_2.gif") no-repeat top center; zoom: 1;}
section:first-child{ margin: 0; padding: 0; background: none;}
section h2{ margin: 0 0 50px; color: #b48e3a; letter-spacing: .1em; font-size: 24px; font-family: "Noto Serif JP", serif;}
section h3{ margin: 3em 0 0; letter-spacing: .1em; font-weight: 700; font-size: 18px; font-family: "Noto Serif JP", serif;}
section h4{ margin: 1.5em 0 0; font-size: 14px;}
.multi p{ margin: 0 270px 25px 0;}
section p{ margin: 1.5em 0 0; font-size: 14px; line-height: 1.75;}
section h3 + figure + p{ margin: 3em 0 0;}
section .txt-r{ margin: 3em 0 0; text-align: right;}
section .txt-c{ margin: 3em 0 0; text-align: center;}
section .lead{ margin: 0 0 50px;}
section figure{ float: right; width: 270px; text-align: right;}
section figure img{ width: 100%;}
section figcaption{ margin: 20px 0 0; text-align: center;}
section figcaption img{ width: auto;}
section dl{ font-size: 14px; line-height: 1.8;}
section dl dt{ float: left; clear: left; margin: 0 0 25px; width: 190px;}
section dl dd{ margin: 0 0 25px 190px; padding: 0 0 0 25px; border-collapse: collapse; border-left: 1px solid #e9e1d1;}
section dl dd .ctr{ margin: 0; padding: 0; width: 100%;}
section dl dd .ctr−left{ float: left; width: 300px;}
section dl dd .ctr-right{ float: right; width: 300px;}
section table{ width: 100%; font-size: 14px; line-height: 1.8;}
section table th{ padding: 15px 30px; vertical-align: top;text-align: left; white-space: nowrap; font-weight: normal;}
section table td{ padding: 15px 15px 15px 0;}
section table tr:nth-child(odd) th{ background: #f1ede6;}
section table tr:nth-child(odd) td{
background: rgb(241,237,230); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZWRlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY0ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(241,237,230,1) 0%, rgba(246,244,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,237,230,1)), color-stop(100%,rgba(246,244,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(241,237,230,1) 0%,rgba(246,244,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(241,237,230,1) 0%,rgba(246,244,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(241,237,230,1) 0%,rgba(246,244,240,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(241,237,230,1) 0%,rgba(246,244,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ede6', endColorstr='#f6f4f0',GradientType=1 ); /* IE6-8 */
}
section .box{
padding: 25px;
background: rgb(241,237,230); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZWRlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY0ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(241,237,230,1) 0%, rgba(246,244,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,237,230,1)), color-stop(100%,rgba(246,244,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(241,237,230,1) 0%,rgba(246,244,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(241,237,230,1) 0%,rgba(246,244,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(241,237,230,1) 0%,rgba(246,244,240,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(241,237,230,1) 0%,rgba(246,244,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ede6', endColorstr='#f6f4f0',GradientType=1 ); /* IE6-8 */
}
section .box h3{ display: inline-block; margin: 0 0 15px; padding: 8px; background: #b28c39; color: #fff; font-size: 12px; line-height: 1;}
section .box ul li{ line-height: 1.75;}
section .list{ font-size: 14px; line-height: 1.5; margin: 0 0 0 2.8em;}
section h3 + .list{ padding: 1em 0 0; margin: 0 0 0 1.4em;}
section .list > li{ margin: .5em 0 0; list-style: disc;}