@charset "utf-8";
@charset "utf-8";

 html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
ol, ul {
list-style: none;
}
img {
height: auto;
vertical-align: bottom;
}
body {
background: #fff;
width: 100%;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳＰゴシック","MS PGothic",Arial,Helvetica,Verdana,sans-serif;
font-size: 100%;
color: #000;
line-height: 1.578;
-webkit-text-size-adjust: 100%;
}
.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;} a {
color: #2796ae;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.for-sp {
display: none;
}
@media screen and (max-width: 750px) {
a:hover {
text-decoration: none;
}
.for-pc {
display: none;
}
.for-sp {
display: block;
}
.fit-img {
width: 100%;
}
} .site-wrapper {
min-width: 1200px;
padding-top: 176px;
}
#top.site-wrapper {
padding-top: 99px;
}
.site-wrapper * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.view-wrapper {
width: 1000px;
margin: 0 auto;
}
@media screen and (max-width: 750px) {
.site-wrapper {
min-width: 0;
padding-top: 2.4rem !important;
}
#top.site-wrapper {
padding-top: 2.4rem !important;
}
.view-wrapper {
width: 100%;
padding: 0 0.3rem;
margin: 0;
overflow: hidden;
}
} .section-title {
width: auto;
min-height: 80px;
padding: 23px 0;
margin: 0 0 53px;
background: #f1f9f7;
font-size: 26px;
font-weight: normal;
color: #26ae90;
line-height: 1.307;
text-align: center;
}
@media screen and (max-width: 750px) {
.section-title {
min-height: auto;
padding: 0.79rem 0;
margin: 0 0 0.6rem;
font-size: 0.4rem;
}
} .text-box {
padding: 30px 32px 30px 33px;
border: 2px solid #26ae90;
border-radius: 5px;
}
.text-box > p {
color: #2796ae;
line-height: 1.937;
}
@media screen and (max-width: 750px) {
.text-box {
padding: 0.28rem 0.22rem;
border: 1px solid #26ae90;
border-radius: 3px;
}
.text-box > p {
font-size: 0.28rem;
line-height: 1.642;
}
} .page-top {
margin: 0 0 94px;
text-align: right;
}
.page-top > a {
color: #26ae90;
}
.page-top > a:hover {
text-decoration: none;
}
.page-top > a > span {
font-size: 20px;
}
.page-top > a > img {
margin: 0 0 0 10px;
}
@media screen and (max-width: 750px) {
.page-top {
margin: 0 0 0.8rem;
overflow: hidden;
}
.page-top > a {
display: table;
float: right;
}
.page-top > a > span {
display: table-cell;
font-size: 0.3rem;
line-height: 1.8;
vertical-align: middle;
}
.page-top > a > img {
display: table-cell;
width: 57%;
height: auto;
margin: 0 0 0 0.15rem;
}
} input[type="text"] {
width: 100%;
border: none;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
color: #000;
}
input:focus {
outline: none;
}  .site-header {
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
}
.site-header.fixed {
}
.site-header .main {
position: relative;
width: 100%;
min-width: 1200px;
min-height: 67px;
padding: 32px 0 0;
background: #fff;
border-bottom: 1px solid #d0d2cf;
overflow: hidden;
}
.site-header .main h1 {
float: left;
width: 292px;
padding: 22px 0 21px 30px;
font-size: 0;
vertical-align: middle;
}
.site-header .main .gnav {
float: left;
vertical-align: middle;
}
.site-header .main .gnav ul.for-pc {
padding: 24px 0 19px 13px;
overflow: hidden;
}
@media screen and (min-width: 751px) {
.site-header .main .gnav ul.for-sp {
display: none !important;
}
}
.site-header .main .gnav ul.for-pc li {
position: relative;
float: left;
padding: 0 0 0 22px;
margin: 0 0 0 39px;
font-size: 93.8%;
font-weight: bold;
}
.site-header .main .gnav ul.for-pc li:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
margin: 3px 0 0;
background: url(//www.sacchuzai.jp/img/common/gnav-icon.png) no-repeat;
}
.site-header .main .gnav ul.for-pc li a {
color: #000;
}
.site-header .main .inner {
position: absolute;
top: 0;
right: 0;
width: 386px;
margin: 43px 30px 0 0;
vertical-align: middle;
}
.site-header .main .inner .font-scale {
float: left;
width: 136px;
margin: 10px 20px 0 0;
overflow: hidden;
}
.site-header .main .inner .font-scale p {
float: left;
margin: 2px 15px 0 0;
font-size: 14px;
}
.site-header .main .inner .font-scale ul li {
float: left;
}
.site-header .main .inner .font-scale ul li a {
color: #000;
}
.site-header .main .inner .font-scale ul li a.active {
color: #26ae90;
}
.site-header .main .inner .font-scale ul li.medium a {
padding: 0 10px 0 0;
margin: 0 10px 0 0;
font-size: 14px;
border-right: 1px solid #26ae90;
}
.site-header .main .inner .font-scale ul li.large a {
font-size: 16px;
}
.site-header .main .inner .search-box {
position: relative;
float: left;
width: 230px;
min-height: 36px;
margin: 4px 0 0;
border: 3px solid #c1e5dd;
}
.site-header .main .inner .search-box .search-text {
position: absolute;
top: 0;
left: 0;
padding: 7px 25px 7px 12px;
font-size: 13px;
}
.site-header .main .inner .search-box .search-btn {
position: absolute;
top: 7px;
right: 7px;
width: 18px;
}
.site-header .sub {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 32px;
padding: 9px 30px 6px;
background: #f1f5f4;
}
.site-header .sub p {
font-size: 68.8%;
color: #878887;
}
.site-header .sub .member-link a {
float: right;
font-size: 75%;
color: #26ae90;
}
@media screen and (max-width: 750px) {
.site-header .main {
min-width: 0;
min-height: 0;
padding: 0 0 1.12rem;
border-top: 2px solid #c1e5dd;
border-bottom: none;
}
.site-header .main h1 {
width: 66.26%;
padding: 0.44rem 0 0.42rem 0.3rem;
}
.site-header .main .gnav {
float: none;
width: 100%;
height: 100%;
}
.site-header .main .gnav .menu-button {
display: block;
position: absolute;
top: 0;
right: 0;
width: 0.7rem;
height: 0.58rem;
margin: 0.4rem 0.32rem 0 0;
background: url(//www.sacchuzai.jp/img/common/menu-btn.png) no-repeat;
background-size: cover;
cursor: pointer;
}
.site-header .main .gnav ul.for-sp {
display: none;
position: fixed;
top: 1.2rem;
left: 0;
width: 100%;
height: 100%;
padding: 0.78rem 0.3rem;
background: #26ae90;
border-top: 1px solid #c1e5dd;
z-index: 100;
}
.site-header .main .gnav ul.for-sp li {
padding: 0.24rem 0 0.04rem;
border-bottom: 1px solid #c1e5dd;
font-size: 0.42rem;
}
.site-header .main .gnav ul.for-sp li a {
position: relative;
display: block;
width: 100%;
color: #fff;
}
.site-header .main .gnav ul.for-sp li a:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 0.2rem;
height: 0.31rem;
margin: 0.2rem 0.1rem 0 0;
background: url(//www.sacchuzai.jp/img/common/nav-arrow.png) no-repeat right center;
background-size: cover;
}
.site-header .main .inner {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0.2rem 0.3rem;
margin: 1.3rem 0 0;
background: #c1e5dd;
}
.site-header .main .inner .search-box {
position: relative;
float: none;
width: 100%;
min-height: auto;
margin: 0;
border: none;
}
.site-header .main .inner .search-box .search-text {
position: absolute;
top: 0;
left: 0;
padding: 0.14rem 0.7rem 0.14rem 0.18rem;
font-size: 0.3rem;
}
.site-header .main .inner .search-box .search-btn {
position: absolute;
top: 0;
right: 0;
width: 6.6%;
height: auto;
margin: 0.16rem 0.24rem 0 0;
}
} .site-footer {
width: 100%;
}
.site-footer .banner {
position: relative;
padding: 53px 0;
background: #f3f6f5;
}
.site-footer .banner ul {
max-width: 1000px;
margin: 0 auto;
overflow: hidden;
}
.site-footer .banner ul li {
float: left;
margin: 0 30px 13px 0;
}
.site-footer .banner ul li:nth-child(2n) {
margin: 0 0 13px 0;
}
.site-footer .banner .page-top {
position: absolute;
bottom: -30px;
left: 50%;
margin: 0 0 0 -40px;
}
.site-footer .wrapper {
padding: 67px 0 9px;
background: #26ae90;
}
.site-footer .wrapper ul {
margin: 0 -96px 28px 0;
overflow: hidden;
}
.site-footer .wrapper ul li {
float: left;
margin: 0 96px 0 0;
}
.site-footer .wrapper ul li a {
font-size: 87.5%;
color: #fff;
line-height: 2;
}
.site-footer .wrapper .copy {
font-size: 68.8%;
color: #fff;
line-height: 2.545;
text-align: center;
}
@media screen and (max-width: 750px) {
.site-footer {
padding: 0.2rem 0 0;
}
.site-footer .banner {
padding: 0 0.3rem 0.71rem;
background: #fff;
}
.site-footer .banner ul {
max-width: 100%;
}
.site-footer .banner ul li {
float: none;;
margin: 0 0 0.14rem;
font-size: 0;
}
.site-footer .banner ul li:nth-child(2n) {
margin: 0 0 0.14rem;
}
.site-footer .wrapper {
padding: 0.54rem 0 0.38rem;
}
.site-footer .wrapper ul {
margin: 0 -0.55rem 0.04rem 0;
}
.site-footer .wrapper ul li {
float: left;
margin: 0 0.55rem 0.3rem 0;
line-height: 0;
}
.site-footer .wrapper ul li a {
font-size: 0.22rem;
line-height: 1.076;
}
.site-footer .wrapper .copy {
font-size: 0.18rem;
line-height: 1.555;
}
} .page-nav {
width: 100%;
position: fixed;
top: 99px;
background: #fff;
z-index: 200;
border-bottom: 1px solid #f3f6f5;
}
.page-nav ul {
min-height: 77px;
overflow: hidden;
}
.page-nav ul li {
position: relative;
float: left;
width: 332px;
padding: 0 1px;
text-align: center;
}
.page-nav ul li:before {
content: "";
display: inline-block;
position: absolute;
top: 22px;
left: 0;
width: 1px;
height: 33px;
border-left: 1px solid #e9e9e6;
}
.page-nav ul .last-item:after {
content: "";
display: inline-block;
position: absolute;
top: 22px;
right: -1px;
width: 1px;
height: 33px;
border-left: 1px solid #e9e9e6;
}
.page-nav ul li img {
width: 34px;
height: auto;
}
.page-nav ul li a {
display: block;
padding: 22px 0 21px;
color: #000;
}
.page-nav ul li.on a {
background: #26ae90;
color: #fff;
}
.page-nav ul li .title {
display: inline-block;
margin: 0 0 2px 9px;
}
@media screen and (max-width: 750px) {
.page-nav {
position: relative;
top: 0;
}
#top .page-nav {
position: relative;
top: 0;
display: none !important;
}
.page-nav .view-wrapper {
padding: 0;
margin: 0;
}
.page-nav ul {
display: table;
min-height: auto;
}
.page-nav ul li {
display: table-cell;
position: relative;
width: 33.33%;
padding: 0;
border-right: 1px solid #e9e9e6;
}
.page-nav ul .last-item {
border-right: none;
}
.page-nav ul li:before {
content: "";
display: none;
}
.page-nav ul .last-item:after {
content: "";
display: none;
}
.page-nav ul li img {
display: block;
width: 18%;
height: auto;
margin: 0 auto;
}
.page-nav ul li + li img {
width: 25.2%;
}
.page-nav ul li.last-item img {
width: 31.14%;
}
.page-nav ul li a {
background: #26ae90;
padding: 0.27rem 0 0.17rem;
color: #fff;
}
.page-nav ul li.on a {
background: #fff;
color: #26ae90;
}
.page-nav ul li .title {
display: block;
margin: 0.14rem 0 0;
font-size: 0.28rem;
}
} .main-tab {
width: 100%;
min-height: 280px;
padding: 30px 0 36px;
margin: 0 0 47px;
background: #26ae90;
}
.main-tab h2 {
text-align: center;
}
.main-tab h2 span {
display: block;
margin: 15px 0 0;
font-size: 30px;
color: #fff;
line-height: 1.133;
}
@media screen and (max-width: 750px) {
.main-tab {
min-height: 0;
padding: 0.54rem 0 0.55rem;
margin: 0 0 0.3rem;
background: #fff;
border-bottom: 6px solid #f1f9f7;
}
.main-tab h2 > img {
margin: 0 auto;
}
.main-tab h2 span {
margin: 0.3rem 0 0;
font-size: 0.48rem;
color: #26ae90;
line-height: 1.125;
}
}
  #sacchuzai .site-contents .content .lead {
margin: 0 0 49px;
font-size: 118.8%;
line-height: 1.789;
}
#sacchuzai .site-contents .content .sect-list {
padding: 44px 0 52px;
border-bottom: 2px solid #d0e0dc;
overflow: hidden;
}
#sacchuzai .site-contents .content .sect-list:last-of-type {
border-bottom: none;
}
#sacchuzai .site-contents .content .sect-list .section-title02 {
margin: 0 0 27px;
font-size: 162.5%;
font-weight: normal;
color: #26ae90;
line-height: 1.307;
}
#sacchuzai .site-contents .content .sect-list .section-title02:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin: 0 10px 0 0;
background: #f5f7b2;
border: 3px solid #26ae90;
border-radius: 50%;
}
#sacchuzai .site-contents .content .sect-list .inner.left {
float: left;
width: 750px;
}
#sacchuzai .site-contents .content .sect-list .right {
float: right;
width: 230px;
}
#sacchuzai .site-contents .content .sect-list .right img {
max-width: 230px;
}
#sacchuzai .site-contents .content .sect-list p {
line-height: 1.937;
}
#sacchuzai .site-contents .content .sect-list .notes-box {
padding: 20px 0 19px;
margin: 30px 0 0;
background: #fafcf0;
border: 2px solid #ebef70;
font-size: 112.5%;
color: #f24d5c;
line-height: 1.888;
text-align: center;
}
#sacchuzai .site-contents .content .sect-list .btn {
display: inline-block;
margin: 34px 0 0;
background: #26ae90;
padding: 12px 20px 9px;
border-radius: 5px;
box-shadow: 0px 4px 0px #0d7d64;
color: #ffffff;
font-size: 112.5%;
line-height: 1.2;
}
#sacchuzai .site-contents .content .sect-list .num-list {
counter-reset: example;
}
#sacchuzai .site-contents .content .sect-list .num-list li {
margin: 0 0 36px;
font-size: 162.5%;
line-height: 1;
}
#sacchuzai .site-contents .content .sect-list .num-list li:last-child {
margin: 0;
}
#sacchuzai .site-contents .content .sect-list .num-list li:before {
counter-increment: example;
content: ""counter(example)"";
display: inline-block;
position: relative;
top: -3px;
width: 32px;
height: 32px;
margin: -5px 15px 0 0;
background: #26ae90;
border-radius: 5px;
font-size: 61.53%;
color: #fff;
line-height: 32px;
text-align: center;
}
#sacchuzai .site-contents .content .sect-list .num-list li span {
display: inline-block;
margin: 0 0 19px;
}
#sacchuzai .site-contents .content .sect-list .num-list li p {
margin: 0 0 19px;
font-size: 61.53%;
line-height: 1.937;
}
#sacchuzai .site-contents .content .sect-list .num-list li:last-child p {
margin: 0;
}
#sacchuzai .site-contents .content .sect-list .box {
padding: 18px 20px 15px;
margin: 0 0 15px;
border: 2px solid #26ae90;
}
#sacchuzai .site-contents .content .sect-list .box dt {
font-size: 112.5%;
font-size: 61.53%;
color: #26ae90;
line-height: 1.722;
}
#sacchuzai .site-contents .content .sect-list .box dd {
font-size: 61.53%;
line-height: 1.937;
}
#sacchuzai .site-contents .content .sect-list .notes {
color: #f24d5c;
line-height: 1.937;
}
#sacchuzai .site-contents .content .btn-list {
margin: 75px -20px 56px 0;
overflow: hidden;
}
#sacchuzai .site-contents .content .btn-list li {
float: left;
width: 235px;
margin: 0 20px 20px 0;
font-size: 0;
}
#sacchuzai .site-contents .content .btn-list li:nth-child(4n) {
margin: 0 0 20px 0;
}
#sacchuzai .site-contents .content .btn-list li img {
width: 100%;
height: auto;
vertical-align: top;
}
@media screen and (max-width: 750px) {
#sacchuzai .main-tab h2 > img {
width: 29.42%;
}
#sacchuzai .site-contents .view-wrapper {
padding: 0;
}
#sacchuzai .site-contents .content .lead {
padding: 0 0.3rem;
margin: 0 0 49px;
font-size: 0.3rem;
line-height: 1.666;
}
#sacchuzai .site-contents .content .sect-list {
padding: 0.59rem 0;
margin: 0 0.3rem;
border-bottom: 1px solid #d0e0dc;
}
#sacchuzai .site-contents .content .sect-list .section-title02 {
margin: 0 0 0.44rem;
font-size: 0.4rem;
}
#sacchuzai .site-contents .content .sect-list .section-title02:before {
content: "";
display: inline-block;
width: 0.17rem;
height: 0.17rem;
margin: 0 0.1rem 0 0;
border: 2px solid #26ae90;
}
#sacchuzai .site-contents .content .sect-list p {
font-size: 0.3rem;
line-height: 1.466;
}
#sacchuzai .site-contents .content .sect-list .inner.left {
float: none;
width: auto;
margin: 0 0 0.2rem;
}
#sacchuzai .site-contents .content .sect-list .right {
float: none;
width: auto;
text-align: center;
}
#sacchuzai .site-contents .content .sect-list .right img {
max-width: auto;
}
#sacchuzai .site-contents .content .sect-list .notes-box {
padding: 0.43rem 0.3rem 0.41rem;
margin: 0.47rem 0 0;
border: 1px solid #ebef70;
font-size: 0.3rem;
line-height: 1.666;
text-align: left;
}
#sacchuzai .site-contents .content .sect-list .btn {
width: 90%;
margin: 0.33rem auto 0.2rem;
font-size: 0.3rem;
display: block;
text-align: center;
}
#sacchuzai .site-contents .content .sect-list .num-list {
counter-reset: example;
}
#sacchuzai .site-contents .content .sect-list .num-list li {
margin: 0 0 0.27rem;
font-size: 0.3rem;
line-height: 1.133;
}
#sacchuzai .site-contents .content .sect-list .num-list li span {
margin: 0 0 0;
}
#sacchuzai .site-contents .content .sect-list .num-list li:before {
counter-increment: example;
content: ""counter(example)"";
display: inline-block;
width: 0.4rem;
height: 0.4rem;
margin: 0 0.2rem 0 0;
font-size: 0.24rem;
line-height: 1.666;
}
#sacchuzai .site-contents .content .sect-list .num-list li p {
margin: 0.15rem 0 0.1rem;
font-size: 0.3rem;
line-height: 1.722;
}
#sacchuzai .site-contents .content .sect-list .num-list li:last-child p {
margin: 0.15rem 0 0.1rem;
}
#sacchuzai .site-contents .content .sect-list .box {
padding: 0.3rem 0.16rem 0.24rem;
margin: 0 0 0.3rem;
background: #e8f5f2;
border-radius: 5px;
border: none;
}
#sacchuzai .site-contents .content .sect-list .box dt {
font-size: 0.3rem;
line-height: 1.533;
}
#sacchuzai .site-contents .content .sect-list .box dd {
margin: 0 0 0.1rem;
font-size: 0.28rem;
line-height: 1.642;
}
#sacchuzai .site-contents .content .sect-list .notes {
font-size: 0.24rem;
line-height: 1.291;
}
#sacchuzai .site-contents .content .btn-list {
margin: 0.75rem -0.28rem 0.24rem 0;
padding: 0 0.3rem;
}
#sacchuzai .site-contents .content .btn-list li {
width: 45%;
margin: 0.01rem 0.28rem 0.31rem 0;
}
#sacchuzai .site-contents .content .btn-list li:nth-child(4n) {
margin: 0.01rem 0.28rem 0.31rem 0;
}
} #kaoku .site-contents .content .sect-list {
margin: 0 0 70px;
}
#kaoku .site-contents .content .sect-list p {
padding: 0 35px;
line-height: 1.937;
}
#kaoku .site-contents .content .house {
position: relative;
margin: 0 0 100px;
}
#kaoku .site-contents .content .house .btn-list li {
position: absolute;
}
#kaoku .site-contents .content .house .btn-list li.btn01 {
top: 132px;
left: 33px;
width: 194px;
}
#kaoku .site-contents .content .house .btn-list li.btn02 {
top: 50%;
left: 227px;
width: 112px;
}
#kaoku .site-contents .content .house .btn-list li.btn03 {
top: 50%;
left: 50%;
width: 120px;
margin: -56px 0 0 -126px;
}
#kaoku .site-contents .content .house .btn-list li.btn04 {
top: 94px;
left: 50%;
width: 120px;
margin: 0 0 0 -47px;
}
#kaoku .site-contents .content .house .btn-list li.btn05 {
top: 180px;
left: 50%;
width: 120px;
margin: 0 0 0 29px;
}
#kaoku .site-contents .content .house .btn-list li.btn06 {
top: 50%;
left: 50%;
width: 120px;
margin: -38px 0 0 180px;
}
#kaoku .site-contents .content .house .btn-list li.btn07 {
top: 50%;
left: 50%;
width: 120px;
margin: 19px 0 0 -33px;
}
#kaoku .site-contents .content .house .btn-list li.btn08 {
top: 50%;
right: 61px;
width: 200px;
margin: 62px 0 0;
}
#kaoku .site-contents .content .house .btn-list li.btn09 {
bottom: 40px;
right: 147px;
width: 174px;
}
#kaoku .site-contents .content .house .btn-list li.btn10 {
top: 50%;
left: 138px;
width: 134px;
margin: 123px 0 0;
}
#kaoku .site-contents .content .house .btn-list li.btn11 {
bottom: 48px;
left: 50%;
width: 138px;
margin: 0 0 0 -135px;
}
#kaoku .site-contents .content .house .btn-list li.btn12 {
bottom: 92px;
left: 50%;
width: 138px;
margin: 0 0 0 21px;
}
#kaoku .site-contents .content .house .btn-list li a {
display: block;
position: relative;
height: 59px;
padding: 0;
text-align: center;
font-size: 0;
}
#kaoku .site-contents .content .house .btn-list li a:hover img,
#kaoku .site-contents .content .house .btn-list li.on a img {
opacity: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn01 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn01.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn01_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn02 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn02.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn02_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn03 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn03.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn03_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn04 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn04.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn04_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn05 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn05.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn05_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn06 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn06.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn06_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn07 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn07.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn07_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn08 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn08.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn08_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn09 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn09.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn09_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn10 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn10.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn10_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn11 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn11.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn11_on.png) no-repeat 0 0; }
#kaoku .site-contents .content .house .btn-list li.btn12 a:hover,
#kaoku .site-contents .content .house .btn-list li.btn12.on a { background: url(//www.sacchuzai.jp/img/kaoku/btn12_on.png) no-repeat 0 0; }
@media screen and (max-width: 750px) {
#kaoku .main-tab h2 > img {
width: 23.76%;
}
#kaoku .site-contents .view-wrapper {
padding: 0;
}
#kaoku .site-contents .content .sect-list {
margin: 0 0 0.7rem;
}
#kaoku .site-contents .content .sect-list p {
padding: 0 0.3rem;
font-size: 0.3rem;
line-height: 1.666.;
}
#kaoku .site-contents .content .sect-list p span {
color: #f24d5c;
}
#kaoku .site-contents .content .house {
padding: 0 0.3rem;
margin: 0 0 1.36rem;
}
#kaoku .site-contents .content .house .btn-list {
margin: 0 -0.18rem 0 0;
overflow: hidden;
}
#kaoku .site-contents .content .house .btn-list li {
position: static;
float: left;
width: 46.9% !important;
margin: 0.16rem 0.18rem 0 0 !important;
font-size: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn01 {
top: 0;
left: 0;
width: auto;
}
#kaoku .site-contents .content .house .btn-list li.btn02 {
top: 0;
left: 0;
width: auto;
}
#kaoku .site-contents .content .house .btn-list li.btn03 {
top: 0;
left: 0;
width: auto;
margin: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn04 {
top: 0;
left: 0;
width: auto;
margin: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn05 {
top: 0;
left: 0;
width: auto;
margin: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn06 {
top: 0;
left: 0;
width: auto;
margin: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn07 {
top: 0;
left: 0;
width: auto;
margin: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn08 {
top: 0;
right: 0;
width: auto;
margin: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn09 {
bottom: 0;
right: 0;
width: auto;
}
#kaoku .site-contents .content .house .btn-list li.btn10 {
top: 0;
left: 0;
width: auto;
margin: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn11 {
bottom: 0;
left: 0;
width: auto;
margin: 0;
}
#kaoku .site-contents .content .house .btn-list li.btn12 {
bottom: 0;
left: 0;
width: auto;
margin: 0;
}
#kaoku .site-contents .content .house .btn-list li a {
display: block;
height: auto;
padding: 0;
background: none !important;
}
#kaoku .site-contents .content .house .btn-list li.on a {
background: none !important;
}
#kaoku .site-contents .content .house .btn-list li a:hover img,
#kaoku .site-contents .content .house .btn-list li.on a img {
opacity: 1;
}
#kaoku .site-contents .content .house .btn-list li.on a:before {
content: "";
display: none;
}
#kaoku .site-contents .content .house .btn-list li.on a:after {
content: "";
display: none;
}
} #gaichu .site-contents .content .lead {
margin: 0 0 96px;
font-size: 118.8%;
line-height: 1.789;
}
#gaichu .site-contents .content .lead > p > img {
margin: 0 50px 0 0;
}
#gaichu .site-contents .content figure {
margin: 0 0 20px;
text-align: center;
}
#gaichu .site-contents .content .inner {
margin: 3px 0 53px;
overflow: hidden;
}
#gaichu .site-contents .content .inner > span {
float: left;
display: inline-block;
margin: 0 52px 0 0;
}
#gaichu .site-contents .content .inner > p {
float: right;
width: 800px;
padding: 20px 0 0;
line-height: 2.125;
}
#gaichu .site-contents .content .btn-list {
margin: 75px -20px 56px 0;
overflow: hidden;
}
#gaichu .site-contents .content .btn-list li {
float: left;
width: 235px;
margin: 0 20px 20px 0;
font-size: 0;
}
#gaichu .site-contents .content .btn-list li img {
width: 100%;
height: auto;
vertical-align: top;
}
@media screen and (max-width: 750px) {
#gaichu .main-tab h2 > img {
width: 22.66%;
}
#gaichu .site-contents .content .lead {
margin: 0;
font-size: 0.3rem;
line-height: 1.666;
}
#gaichu .site-contents .content .lead p {
margin: 0 0 0.5rem;
}
#gaichu .site-contents .content figure img {
width: 93.23%;
}
#gaichu .site-contents .content .inner {
margin: 0.16rem 0 0.47rem;
}
#gaichu .site-contents .content .inner > span {
display: block;
float: none;
width: 32.75%;
margin: 0 auto 0.3rem;
}
#gaichu .site-contents .content .inner > p {
float: none;
width: auto;
padding: 0;
font-size: 0.3rem;
line-height: 1.6;
}
#gaichu .site-contents .content .btn-list {
margin: 0.75rem -0.28rem 0.24rem 0;
}
#gaichu .site-contents .content .btn-list li {
width: 45%;
margin: 0.01rem 0.28rem 0.31rem 0;
}
} #news .site-contents .mainvisual {
height: 280px;
background: url(//www.sacchuzai.jp/img/news/mainvisual-bg.jpg) no-repeat top center;
background-size: cover;
}
#news .site-contents .mainvisual h2 {
padding: 115px 0 111px;
font-size: 187.5%;
font-weight: normal;
color: #fff;
line-height: 1.6875;
text-align: center;
}
#news .site-contents .content {
padding-bottom: 95px;
}
#news .site-contents .category-nav {
margin: 0 0 53px;
background: #f1f9f7;
}
#news .site-contents .category-nav ul {
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
#news .site-contents .category-nav ul li {
position: relative;
float: left;
width: 110px;
}
#news .site-contents .category-nav ul li a {
display: block;
padding: 29px 0 23px;
font-size: 93.8%;
color: #000;
line-height: 1.866;
text-align: center;
text-decoration: none;
}
#news .site-contents .category-nav ul li a:before {
content: "";
display: block;
position: absolute;
top: 33px;
left: 0;
width: 1px;
height: 18px;
border-left: 1px solid #b4b4b4;
}
#news .site-contents .category-nav ul li:last-child:after {
content: "";
display: block;
position: absolute;
top: 33px;
right: 0;
width: 1px;
height: 18px;
border-left: 1px solid #b4b4b4;
}
#news .site-contents .category-nav ul li a:hover,
#news .site-contents .category-nav ul li a.on {
border-bottom: 2px solid #26ae90;
}
#news .site-contents .column {
overflow: hidden;
}
#news .site-contents .column a:hover {
text-decoration: none;
}
#news .site-contents .main-column {
float: left;
width: 700px;
}
#news .site-contents .main-column .detail-list {
margin: 0 0 30px;
border-top: 1px solid #e4e6e6;
border-left: 1px solid #e4e6e6;
}
#news .site-contents .main-column .detail-list li {
display: table;
width: 100%;
min-height: 73px;
padding: 0 23px;
border-right: 1px solid #e4e6e6;
border-bottom: 1px solid #e4e6e6;
}
#news .site-contents .main-column .detail-list li a {
color: #000;
}
#news .site-contents .main-column .detail-list li p {
display: table-cell;
padding: 12px 0 17px;
vertical-align: middle;
}
#news .site-contents .main-column .detail-list li .time {
display: block;
font-size: 93.8%;
line-height: 1.866;
}
#news .site-contents .main-column .detail-list li .cate {
display: block;
width: 63px;
height: 15px;
padding: 2px 0;
margin: 0 auto;
font-size: 81.3%;
color: #fff;
line-height: 1;
text-align: center;
}
#news .site-contents .main-column .detail-list li .cate.normal{ background-color: #26ae90; }
#news .site-contents .main-column .detail-list li .cate.gaichu{ background-color: #ffb438; }
#news .site-contents .main-column .detail-list li .cate.hp{ background-color: #f55972; }
#news .site-contents .main-column .detail-list li .cate.info {
background: #ffb438;
}
#news .site-contents .main-column .detail-list li .cate.update {
background: #f55972;
}
#news .site-contents .main-column .detail-list li .cate.notice {
background: #26ae90;
}
#news .site-contents .main-column .detail-list li .title {
padding: 0 0 0 25px;
color: #2796ae;
font-size: 93.8%;
line-height: 1.866;
}
#news .site-contents .main-column .detail-list li a:hover .title {
text-decoration: underline;
}
#news .site-contents .main-column .inner {
overflow: hidden;
}
#news .site-contents .main-column .inner .pager-num {
float: left;
overflow: hidden;
}
#news .site-contents .main-column .inner .wp-pagenavi {
float: left;
overflow: hidden;
}
#news .site-contents .main-column .inner .wp-pagenavi a,
#news .site-contents .main-column .inner .wp-pagenavi span {
display: block;
float: left;
width: 44px;
height: 44px;
margin: 0 8px 0 0;
padding: 8px 0 7px;
border: 1px solid #b4d9d1;
border-radius: 5px;
font-size: 81.3%;
color: #26ae90;
line-height: 2.153;
text-align: center;
}
#news .site-contents .main-column .inner .wp-pagenavi a:hover,
#news .site-contents .main-column .inner .wp-pagenavi span.current {
background: #f1f9f7;
border: 1px solid #f1f9f7;
color: #000;
}
#news .site-contents .main-column .inner .pager {
float: right;
width: 104px;
overflow: hidden;
}
#news .site-contents .main-column .inner .pager li {
float: right;
width: 44px;
height: 44px;
margin: 0 0 0 8px;
background: #26ae90;
border-radius: 5px;
}
#news .site-contents .main-column .inner .pager li a {
display: block;
padding: 17px 0;
text-align: center;
font-size: 0;
}
#news .site-contents .side-column {
float: right;
width: 235px;
}
#news .site-contents .side-column h3 {
padding: 8px 0;
margin: 0 0 7px;
background: #e2eae8;
font-weight: normal;
color: #26ae90;
line-height: 1.75;
text-align: center;
}
#news .site-contents .side-column .archive-list li {
min-height: 60px;
padding: 17px 0 14px;
background: url(//www.sacchuzai.jp/img/news/archive-icon.png) no-repeat 8px center;
border-bottom: 1px solid #e3efec;
}
#news .site-contents .side-column .archive-list li a {
display: inline-block;
padding: 0 0 0 31px;
font-size: 93.8%;
color: #000;
line-height: 1.866;
}
#news .site-contents .side-column .archive-list li a:hover {
text-decoration: underline;
} #news .site-contents #single.column {
margin-top: 89px;
}
#news .site-contents .cont-single .detail {
margin: 0 0 116px;
}
#news .site-contents .cont-single .detail > p {
line-height: 1;
}
#news .site-contents .cont-single .detail .time {
display: inline-block;
font-size: 93.8%;
vertical-align: bottom;
}
#news .site-contents .cont-single .detail .cate {
display: inline-block;
width: 63px;
height: 15px;
padding: 2px 0;
margin: 0 0 0 13px;
font-size: 81.3%;
color: #fff;
line-height: 1;
text-align: center;
}
#news .site-contents .cont-single .detail .cate.normal{ background-color: #26ae90; }
#news .site-contents .cont-single .detail .cate.gaichu{ background-color: #ffb438; }
#news .site-contents .cont-single .detail .cate.hp{ background-color: #f55972; }
#news .site-contents .cont-single .detail .cate.info {
background: #ffb438;
}
#news .site-contents .cont-single .detail .cate.update {
background: #f55972;
}
#news .site-contents .cont-single .detail .cate.notice {
background: #26ae90;
}
#news .site-contents .cont-single .article-title {
padding: 15px 0 27px;
margin: 0 0 30px;
border-bottom: 1px solid #e3efec;
font-size: 30px;
font-weight: normal;
line-height: 1.566;
}
#news .site-contents .cont-single .text {
line-height: 1.75;
overflow: hidden;
}
#news .site-contents .cont-single .text p {
margin: 0 0 43px;
}
#news .site-contents .cont-single .text img {
display: inline-block;
margin: 0 6px 0 0;
}
#news .site-contents .cont-single .back-btn {
float: left;
width: 160px;
height: 44px;
background: #f1f9f7 url(//www.sacchuzai.jp/img/news/btn-icon.png) no-repeat 15px center;
border-radius: 5px;
}
#news .site-contents .cont-single .back-btn a {
display: block;
padding: 9px 0 7px 40px;
font-size: 81.3%;
color: #26ae90;
line-height: 2.153;
}
@media screen and (max-width: 750px) {
#news .site-contents .mainvisual {
height: auto;
background: #fff;
border-bottom: 6px solid #f1f9f7;
}
#news .site-contents .mainvisual h2 {
padding: 1.04rem 0 0.98rem;
font-size: 0.48rem;
color: #26ae90;
line-height: 1.125;
}
#news .site-contents .content {
padding-bottom: 0.65rem;
}
#news .site-contents .category-nav {
margin: 0.32rem 0 0.5rem;
}
#news .site-contents .category-nav p {
position: relative;
padding: 0.43rem 0 0.39rem 0.27rem;
font-size: 0.3rem;
color: #26ae90;
line-height: 1.6;
overflow: hidden;
}
#news .site-contents .category-nav p .switch {
float: right;
width: 19.5%;
border-left: 1px solid #c1e5dd;
text-align: center;
}
#news .site-contents .category-nav p .switch img {
width: 11.85%;
vertical-align: middle;
}
#news .site-contents .category-nav ul {
display: none;
width: 100%;
}
#news .site-contents .category-nav ul li {
position: relative;
float: none;
width: 100%;
}
#news .site-contents .category-nav ul li a {
padding: 0.29rem 0 0.23rem;
font-size: 0.3rem;
color: #26ae90;
line-height: 1.6;
text-align: left;
}
#news .site-contents .category-nav ul li a:before {
content: "";
display: none;
}
#news .site-contents .category-nav ul li:last-child:after {
content: "";
display: none;
}
#news .site-contents .category-nav ul li a:hover,
#news .site-contents .category-nav ul li a.on {
border-bottom: none;
}
#news .site-contents .main-column {
float: none;
width: 100%;
}
#news .site-contents .main-column .detail-list {
margin: 0 0 0.37rem;
}
#news .site-contents .main-column .detail-list li {
display: block;
min-height: 0;
padding: 0.41rem 0.25rem 0.22rem;
}
#news .site-contents .main-column .detail-list li p {
display: block;
padding: 0;
font-size: 0;
}
#news .site-contents .main-column .detail-list li .time {
display: inline-block;
font-size: 0.28rem;
line-height: 1;
}
#news .site-contents .main-column .detail-list li .cate {
display: inline-block;
width: auto;
height: auto;
padding: 0.04rem 0.17rem 0.03rem;
margin: 0 0 0 0.14rem;
font-size: 0.24rem;
}
#news .site-contents .main-column .detail-list li .title {
padding: 0.17rem 0 0;
font-size: 0.3rem;
line-height: 1.6;
}
#news .site-contents .main-column .inner .pager-num {
width: 50%;
}
#news .site-contents .main-column .inner .pager-num li {
width: 19.57%;
height: auto;
margin: 0 0.2rem 0 0;
}
#news .site-contents .main-column .inner .pager-num li a {
padding: 0.08rem 0 0.1rem;
font-size: 0.2rem;
line-height: 1.75;
}
#news .site-contents .main-column .inner .wp-pagenavi {
width: 65%;
}
#news .site-contents .main-column .inner .wp-pagenavi a,
#news .site-contents .main-column .inner .wp-pagenavi span {
width: 0.6rem;
height: auto;
margin: 0 0.2rem 0 0;
padding: 0.08rem 0 0.1rem;
font-size: 0.2rem;
line-height: 1.75;
}
#news .site-contents .main-column .inner .pager {
width: 23.84%;
}
#news .site-contents .main-column .inner .pager li {
width: 40.3%;
height: auto;
margin: 0 0 0 0.09rem;
}
#news .site-contents .main-column .inner .pager li a {
padding: 0.22rem 0 0.21rem;
}
#news .site-contents .main-column .inner .pager li a img {
width: 21%;
}
#news .site-contents .side-column {
float: none;
width: 100%;
margin: 1.12rem 0 0.65rem;
}
#news .site-contents .side-column h3 {
padding: 0.36rem 0;
margin: 0 0 0.16rem;
font-size: 0.3rem;
line-height: 1.6;
}
#news .site-contents .side-column .archive-list li {
position: relative;
min-height: 0;
padding: 0.4rem 0 0.42rem;
background: none;
font-size: 0;
}
#news .site-contents .side-column .archive-list li:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 0.3rem;
height: 0.3rem;
margin: 0.4rem 0 0 0.17rem;
background: url(//www.sacchuzai.jp/img/news/archive-icon-sp.png) no-repeat;
background-size: cover;
}
#news .site-contents .side-column .archive-list li a {
padding: 0 0 0 0.6rem;
font-size: 0.26rem;
line-height: 1.076;
} #news .site-contents #single.column {
margin-top: 0.47rem;
}
#news .site-contents .cont-single .detail {
margin: 0 0 2.5rem;
}
#news .site-contents .cont-single .detail > p {
font-size: 0;
}
#news .site-contents .cont-single .detail .time {
font-size: 0.28rem;
}
#news .site-contents .cont-single .detail .cate {
width: auto;
height: auto;
padding: 0.04rem 0.17rem 0.03rem;
margin: 0 0 0 0.14rem;
font-size: 0.24rem;
}
#news .site-contents .cont-single .article-title {
padding: 0.5rem 0 0.31rem;
margin: 0 0 0.3rem;
font-size: 0.38rem;
line-height: 1.263;
}
#news .site-contents .cont-single .text {
font-size: 0.3rem;
line-height: 1.766;
}
#news .site-contents .cont-single .text p {
margin: 0 0 0.34rem;
}
#news .site-contents .cont-single .text img {
width: 48%;
margin: 0 0.05rem 0 0;
}
#news .site-contents .cont-single .back-btn {
position: relative;
width: 40%;
height: auto;
margin: 0 0 0 0.26rem;
background: #fff;
}
#news .site-contents .cont-single .back-btn:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 0.24rem;
height: 0.24rem;
margin: 0.02rem 0 0;
background: url(//www.sacchuzai.jp/img/news/btn-icon-sp.png) no-repeat;
background-size: cover;
}
#news .site-contents .cont-single .back-btn a {
padding: 0 0 0 0.45rem;
font-size: 0.24rem;
line-height: 1.166;
}
} #top .wrap{
width: 1000px;
margin: 0 auto;
}
#top .site-contents .page-nav {
display: none;
}
#top .mainvisual{
position: relative;
width: 100%;
height: auto;
min-height: 595px;
overflow: hidden;
}
#top .mainvisual .slide-wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
min-height: 595px;
overflow: hidden;
}
#top .mainvisual .slide-frame {
position: relative;
min-height: 595px;
}
#top .mainvisual .slider {
position: absolute;
top: 0;
left: 0;
width: 9999px;
overflow: hidden;
}
#top .mainvisual .slider li {
float: left;
width: 100%;
}
#top .mainvisual .slider li img {
width: 100%;
min-width: 1600px;
min-height: 595px;
}
#top .mainvisual .slider li img.sp {
display: none;
}
@media screen and (max-width: 1600px) {
#top .mainvisual .inner {
position: relative;
width: 1600px;
left: 50%;
margin: 0 0 0 -800px;
}
}
#top .mainvisual .news{
display: table;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 30px;
background: url(//www.sacchuzai.jp/img/top/bg_news.png);
color: #fff;
height: 34px;
vertical-align: middle;
}
#top .mainvisual .news .title{
display: inline-block;
vertical-align: middle;
padding: 13px;
background: url(//www.sacchuzai.jp/img/top/bg_news_title.png);
}
#top .mainvisual .news .title img{
vertical-align: middle;
}
#top .mainvisual .news dl,
#top .mainvisual .news dl dt,
#top .mainvisual .news dl dd,
#top .mainvisual .news .more{
display: inline-block;
vertical-align: middle;
font-size: 95%;
}
#top .mainvisual .news dl dt{
margin: 0 0 0 10px;
}
#top .mainvisual .news dl dd{
margin: 0 0 0 28px;
}
#top .mainvisual .news dl dd a{
color: #fff;
}
#top .mainvisual .news .more{
float: right;
padding: 14px 0 0;
}
#top .mainvisual .news .more a{
float: right;
color: #fff;
}
#top .content .nav{
padding: 29px 0;
border-top: 1px solid #e9e9e6;
border-bottom: 1px solid #e9e9e6;  
}
#top .content .nav ul{
width: 1000px;
min-width: 1000px;
margin: 0 auto;
}
#top .content .nav li{
float: left;
width: 332px;
border-left: 1px solid #e9e9e6;
text-align: center;
}
#top .content .nav li:last-child{
border-right: 1px solid #e9e9e6;
}
#top .content .nav li a{
display: block;
width: 100%;
height: 100%;
padding: 80px 0 0;
}
#top .content .nav li:first-child{ background: url(//www.sacchuzai.jp/img/top/top_type01.png) no-repeat top 5px center; }
#top .content .nav li:nth-child(2){ background: url(//www.sacchuzai.jp/img/top/top_type02.png) no-repeat top 5px center; }
#top .content .nav li:nth-child(3){ background: url(//www.sacchuzai.jp/img/top/top_type03.png) no-repeat top 5px center; }
#top .content .common-block{
padding: 0 0 82px;  
}
#top .content .common-block .sec-title{
background: #f1f9f7;
text-align: center;
padding: 68px 0;
color: #26ae90;
font-size: 32px;
}
#top .content .common-block .lead{
margin: 32px 0 50px;
text-align: center;
}
#top .content .common-block .page-top{
width: 1000px;
margin: 70px auto 94px;
text-align: right;
}
#top .content .pesticide-type{
}
#top .content .pesticide-type .list{
width: 1038px;
margin: 0 auto;
}
#top .content .pesticide-type .list li{
float: left;
width: 338px;
border-radius: 5px;
margin: 0 12px 13px 0;
background-color: #27ae90;
background-size: 334px auto;
background-repeat: no-repeat;
background-position: center 2px;
}
#top .content .pesticide-type .list li:nth-child(3n){
margin-right: 0;
}
#top .content .pesticide-type .list li:nth-child(3n+1){
clear: both;
}
#top .content .pesticide-type .list li a{
display: block;
width: 100%;
height: 100%;
color: #fff;
padding: 250px 0 0;
}
#top .content .pesticide-type .list li span{
display: inline-block;
background: url(//www.sacchuzai.jp/img/top/arrow01.png) no-repeat left top 3px;
margin: 15px 0 8px 13px;
padding: 0px 0 0 24px;
vertical-align: top;
font-size: 17px;
}
#top .content .gaichu-place .link{
text-align: center;
}
#top .content .gaichu-place .area{
width: 1000px;
margin: 75px auto 52px;
}
#top .content .gaichu-place .list{
width: 1000px;
margin: 0 auto;
}
#top .content .gaichu-place .list li{
float: left;
width: 320px;
height: 54px;
margin: 11px 20px 0 0;
background-color: #26ae90;
background-position: left 13px center;
background-repeat: no-repeat;
border-radius:6px;
box-shadow:0px 5px 0px -1px #138565;
-moz-box-shadow:0px 5px 0px -1px #138565;
-webkit-box-shadow:0px 5px 0px -1px #138565;
text-align: center;
}
#top .content .gaichu-place .list li:nth-child(3n){
margin-right: 0;
}
#top .content .gaichu-place .list li:nth-child(3n+1){
clear: both;
}
#top .content .gaichu-place .list li a{
display: block;
width: 100%;
height: 100%;
color: #fff;
padding: 15px 0 0;
}
#top .content .gaichu-place .list li:first-child{ background-image:url(//www.sacchuzai.jp/img/top/list01_num.png);  }
#top .content .gaichu-place .list li:nth-child(2){ background-image:url(//www.sacchuzai.jp/img/top/list02_num.png);  }
#top .content .gaichu-place .list li:nth-child(3){ background-image:url(//www.sacchuzai.jp/img/top/list03_num.png);  }
#top .content .gaichu-place .list li:nth-child(4){ background-image:url(//www.sacchuzai.jp/img/top/list04_num.png);  }
#top .content .gaichu-place .list li:nth-child(5){ background-image:url(//www.sacchuzai.jp/img/top/list05_num.png);  }
#top .content .gaichu-place .list li:nth-child(6){ background-image:url(//www.sacchuzai.jp/img/top/list06_num.png);  }
#top .content .gaichu-place .list li:nth-child(7){ background-image:url(//www.sacchuzai.jp/img/top/list07_num.png);  }
#top .content .gaichu-place .list li:nth-child(8){ background-image:url(//www.sacchuzai.jp/img/top/list08_num.png);  }
#top .content .gaichu-place .list li:nth-child(9){ background-image:url(//www.sacchuzai.jp/img/top/list09_num.png);  }
#top .content .gaichu-place .list li:nth-child(10){ background-image:url(//www.sacchuzai.jp/img/top/list10_num.png);  }
#top .content .gaichu-place .list li:nth-child(11){ background-image:url(//www.sacchuzai.jp/img/top/list11_num.png);  }
#top .content .gaichu-place .list li:nth-child(12){ background-image:url(//www.sacchuzai.jp/img/top/list12_num.png);  }
#top .content .gaichu-type{
}
#top .content .gaichu-type .list{
width: 1003px;
margin: 0 auto;
}
#top .content .gaichu-type .list li{
float: left;
background: #dbf0eb;
width: 238px;
padding: 25px 0 16px;
margin: 0 17px 12px 0;
text-align: center;
border-radius: 5px;
}
#top .content .gaichu-type .list li:nth-child(4n){
margin-right: 0;
}
#top .content .gaichu-type .list li:nth-child(4n+1){
clear: both;
}
#top .content .gaichu-type .list li span{
display: block;
margin: 23px 0 0;
}
#top .content .gaichu-type .list li a{
display: block;
width: 100%;
height: 100%;
}
#top .content .news{
padding: 50px 0 0;
background: #f3f6f5;
text-align: center;
}
#top .content .news .title{
float: left;
color: #26ae90;
font-size: 28px;
}
#top .content .news .more{
float: right;
background: url(//www.sacchuzai.jp/img/top/arrow02.png) no-repeat left center;
line-height: 1.86666666666667;
padding: 6px 0 0 25px;
margin: 9px 0 0;
}
#top .content .news .list{
margin: 30px 0 0;
border: 1px solid #e4e6e6;
border-bottom: none;
background: #fff;
text-align: left;
}
#top .content .news .list li{
padding: 33px 20px;
border-bottom: 1px solid #e4e6e6;
}
#top .content .news .list .category{
margin: 0 20px;
padding: 0 5px;
font-size: 13px;
line-height: 2.15384615384615;
color: #fff;
}
#top .content .news .list .category.normal{ background-color: #26ae90; }
#top .content .news .list .category.gaichu{ background-color: #ffb438; }
#top .content .news .list .category.hp{ background-color: #f55972; } @media screen and (max-width: 750px) {
#top .wrap{
width: 100%;
margin: 0 auto;
}
#top .site-contents{
position: relative;
}
#top .mainvisual{
position: absolute;
top: 1.82rem;
left: 0;
width: 100%;
height: 5.7rem;
min-height: auto;
}
#top .mainvisual .inner {
position: relative;
width: auto;
left: 0;
margin: 0;
}
#top .mainvisual .slide-wrapper {
min-height: 5.7rem;
}
#top .mainvisual .slide-frame {
position: relative;
min-height: 5.7rem;
}
#top .mainvisual .slider li {
float: left;
width: 100%;
}
#top .mainvisual .slider li img {
min-width: 0;
min-height: 0;
}
#top .mainvisual .slider li img.sp {
display: inline !important;
}
#top .mainvisual .slider li img.pc {
display: none !important;
}
#top .mainvisual .news{
display: none;
}
#top .content .nav{
padding: 0;
border-top: 1px solid #e9e9e6;
border-bottom: 1px solid #e9e9e6;  
}
#top .content .nav ul{
width: 100%;
min-width: 100%;
margin: 0 auto 5.65rem;
overflow: hidden;
background: #26ae90;
}
#top .content .nav li{
float: left;
width: 2.5rem;
height: 1.82rem;
padding: 0;
border-left: 1px solid #e9e9e6;
text-align: center;
}
#top .content .nav li:last-child{
border-right: 1px solid #e9e9e6;
}
#top .content .nav li a{
display: block;
width: 100%;
height: 100%;
padding: 1.28rem 0 0;
color: #ffffff;
font-size: 0.28rem;
}
#top .content .nav li:first-child{
background: url(//www.sacchuzai.jp/img/top/top_type01-sp.png) no-repeat 0 0;
background-size: 2.5rem auto;
}
#top .content .nav li:nth-child(2){
background: url(//www.sacchuzai.jp/img/top/top_type02-sp.png) no-repeat 0 0;
background-size: 2.5rem auto;
}
#top .content .nav li:nth-child(3){
background: url(//www.sacchuzai.jp/img/top/top_type03-sp.png) no-repeat 0 0;
background-size: 2.5rem auto;
}
#top .content .common-block{
padding: 0 0 0.8rem;
}
#top .content .common-block .sec-title{
background: #f1f9f7;
text-align: center;
padding: 0.6rem 0;
color: #26ae90;
font-size: 0.42rem;
}
#top .content .common-block .lead{
margin: 32px 0.2rem 50px;
text-align: left;
font-size: 0.3rem;
}
#top .content .common-block .lead br{
display: none;
}
#top .content .common-block .page-top{
width: 100%;
margin: 0.7rem auto 0.94rem;
text-align: right;
}
#top .content .pesticide-type{
}
#top .content .pesticide-type .list{
width: auto;
margin: 0 0.28rem;
}
#top .content .pesticide-type .list li{
float: left;
width: 48%;
height: 3.9rem;
border: 1px solid #27ae90;
border-radius: 5px;
margin: 0 2% 13px 0;
padding: 0;
line-height: 1;
background-color: #27ae90;
background-size: 3.27rem auto;
background-repeat: no-repeat;
background-position: center 0.02rem;
}
#top .content .pesticide-type .list li:nth-child(2n){
margin-right: 0;
}
#top .content .pesticide-type .list li:nth-child(3n){
margin-right: 2%;
}
#top .content .pesticide-type .list li:nth-child(3n+1){
clear: none;
}
#top .content .pesticide-type .list li a{
display: table;
width: 100%;
height: 100%;
padding: 2.5rem 0 0;
color: #fff;
}
#top .content .pesticide-type .list li span{
display: table-cell;
background: url(//www.sacchuzai.jp/img/top/arrow01.png) no-repeat 0.1rem center;
margin: 0.2rem 0 0.2rem 0.2rem;
padding: 0 0.1rem 0 0.6rem;
vertical-align: middle;
font-size: 0.36rem;
line-height: 1.2;
}
#top .content .gaichu-place .link{
display:none;
}
#top .content .gaichu-place .area{
width: 100%;
margin: 75px auto 52px;
}
#top .content .gaichu-place .area img{
width: 100%;
}
#top .content .gaichu-place .list{
width: auto;
margin: 0 0.2rem;
}
#top .content .gaichu-place .list li{
float: left;
width: 48%;
height: 54px;
margin: 11px 2% 0 0;
background-color: #26ae90;
background-position: left 13px center;
background-repeat: no-repeat;
border-radius:6px;
box-shadow:0px 5px 0px -1px #138565;
-moz-box-shadow:0px 5px 0px -1px #138565;
-webkit-box-shadow:0px 5px 0px -1px #138565;
text-align: center;
line-height: 1;
}
#top .content .gaichu-place .list li:nth-child(2n){
margin-right: 0;
}
#top .content .gaichu-place .list li:nth-child(3n){
margin-right: 2%;
}
#top .content .gaichu-place .list li:nth-child(3n+1){
clear: none;
}
#top .content .gaichu-place .list li a{
display: block;
width: 100%;
height: 100%;
color: #fff;
padding: 0.45rem 0 0 0.4rem;
}
#top .content .gaichu-place .list li:first-child{ background-image:url(//www.sacchuzai.jp/img/top/list01_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(2){ background-image:url(//www.sacchuzai.jp/img/top/list02_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(3){ background-image:url(//www.sacchuzai.jp/img/top/list03_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(4){ background-image:url(//www.sacchuzai.jp/img/top/list04_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(5){ background-image:url(//www.sacchuzai.jp/img/top/list05_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(6){ background-image:url(//www.sacchuzai.jp/img/top/list06_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(7){ background-image:url(//www.sacchuzai.jp/img/top/list07_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(8){ background-image:url(//www.sacchuzai.jp/img/top/list08_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(9){ background-image:url(//www.sacchuzai.jp/img/top/list09_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(10){ background-image:url(//www.sacchuzai.jp/img/top/list10_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(11){ background-image:url(//www.sacchuzai.jp/img/top/list11_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list li:nth-child(12){ background-image:url(//www.sacchuzai.jp/img/top/list12_num.png); background-size: 0.32rem auto; }
#top .content .gaichu-place .list img {
vertical-align: top;
width: auto;
height: 0.3rem;
}
#top .content .gaichu-type .list{
width: auto;
margin: 0 0.2rem;
}
#top .content .gaichu-type .list li{
float: left;
background: #dbf0eb;
width: 48%;
padding: 0.3rem 0 0.2rem;
margin: 0 4% 12px 0;
text-align: center;
border-radius: 5px;
}
#top .content .gaichu-type .list li:nth-child(2n){
margin-right: 0;
}
#top .content .gaichu-type .list li:nth-child(4n){
margin-right: 0;
}
#top .content .gaichu-type .list li:nth-child(4n+1){
clear: none;
}
#top .content .gaichu-type .list li span{
display: block;
margin: 0.1rem 0 0;
color: #1a1b1b;
font-size: 0.36rem;
}
#top .content .gaichu-type .list li a{
display: block;
width: 100%;
height: 100%;
}
#top .content .gaichu-type .list li a img {
width: 2.33rem;
}
#top .content .news{
padding: 0.5rem 0 0.6rem;
background: #f3f6f5;
text-align: center;
}
#top .content .news .title{
float: none;
color: #26ae90;
font-size: 0.48rem;
}
#top .content .news .more{
display: none;
}
#top .content .news .list{
margin: 0.3rem 0.2rem 0;
border: 1px solid #e4e6e6;
border-bottom: none;
background: #fff;
text-align: left;
}
#top .content .news .list li{
padding: 0.3rem 0.4rem;
border-bottom: 1px solid #e4e6e6;
font-size: 0.28rem;
}
#top .content .news .list .category{
margin: 0 20px;
padding: 0 5px;
font-size: 13px;
line-height: 2.15384615384615;
color: #fff;
}
#top .content .news .list .text{
display: block;
}
#top .content .news .list .category.normal{ background-color: #26ae90; }
#top .content .news .list .category.gaichu{ background-color: #ffb438; }
#top .content .news .list .category.hp{ background-color: #f55972; }
} #scrap .site-contents .mainvisual {
height: 280px;
background: url(//www.sacchuzai.jp/img/about/mainvisual-bg.jpg) no-repeat top center;
background-size: cover;
}
#scrap .site-contents .mainvisual h2 {
padding: 115px 0 111px;
font-size: 187.5%;
font-weight: normal;
color: #fff;
line-height: 1.6875;
text-align: center;
}
#scrap .site-contents .lead{
margin: 20px 0 41px;
font-size: 118.8%;
line-height: 2.125;
}
#scrap .site-contents .overview .chart {
margin: 0 0 75px;
}
#scrap .site-contents .overview .chart .flyer {
margin: 10px 0;
}
#scrap .site-contents .overview .chart > li {
padding: 17px 0;
border-bottom: 2px solid #e3efec;
}
#scrap .site-contents .overview .chart video {
width: 700px;
margin: 10px 0;
}
#scrap .site-contents .overview .chart li dl {
display: table;
}
#scrap .site-contents .overview .chart li dl dt {
display: table-cell;
width: 200px;
height: 60px;
border: 1px solid #26ae90;
border-radius: 5px;
text-align: center;
vertical-align: middle;
}
#scrap .site-contents .overview .chart li dl dd {
display: table-cell;
padding: 3px 0 3px 38px;
line-height: 1.75;
vertical-align: middle;
}
@media screen and (max-width: 750px) {
#scrap .site-contents .mainvisual {
height: auto;
background: #fff;
border-bottom: 6px solid #f1f9f7;
}
#scrap .site-contents .mainvisual h2 {
padding: 1.04rem 0 0.98rem;
font-size: 0.48rem;
color: #26ae90;
line-height: 1.125;
}
#scrap .site-contents .lead {
margin: 0.2rem 0 0.4rem;
padding: 0 0.3rem;
font-size: 0.3rem;
line-height: 2.125;
}
#scrap .site-contents .content.view-wrapper {
padding: 0;
}
#scrap .site-contents .page-top {
position: relative;
}
#scrap .site-contents .page-top:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 38%;
height: 1px;
margin: 0.32rem 0 0;
border-top: 1px solid #27ae90;
}
#scrap .site-contents .cont-nav {
padding: 0 0.2rem;
}
#scrap .site-contents .cont-nav ul {
margin: 0.54rem -0.3rem 0.37rem 0;
}
#scrap .site-contents .cont-nav ul li {
width: 28.57%;
margin: 0 0.3rem 0.2rem 0;
}
#scrap .site-contents .cont-nav ul li a {
padding: 0.13rem 0;
font-size: 0.23rem;
line-height: 2.125;
}
#scrap .site-contents section p {
margin: 0 0 0.49rem;
font-size: 0.3rem;
line-height: 1.666;
}
#scrap .site-contents .overview .chart {
margin: 0 0 0.75rem;
}
#scrap .site-contents .overview .chart > li {
padding: 0.37rem 0 0.19rem;
border-bottom: 1px solid #e3efec;
}
#scrap .site-contents .overview .chart video {
width: 100%;
height: auto;
margin: 10px 0;
}
#scrap .site-contents .overview .chart li dl {
display: block;
}
#scrap .site-contents .overview .chart li dl dt {
display: block;
width: 100%;
height: auto;
padding: 0.24rem 0;
margin: 0 0 0.34rem;
border: 2px solid #26ae90;
border-radius: 2px;
font-size: 0.3rem;
line-height: 1.122;
}
#scrap .site-contents .overview .chart li dl dd {
display: block;
padding: 0;
font-size: 0.3rem;
line-height: 1.466;
}
} #about .site-contents .mainvisual {
height: 280px;
background: url(//www.sacchuzai.jp/img/about/mainvisual-bg.jpg) no-repeat top center;
background-size: cover;
}
#about .site-contents .mainvisual h2 {
padding: 115px 0 111px;
font-size: 187.5%;
font-weight: normal;
color: #fff;
line-height: 1.6875;
text-align: center;
}
#about .site-contents .cont-nav ul { margin: 54px -21px 0px 0;
overflow: hidden;
}
#about .site-contents .cont-nav ul li {
float: left;
width: 184px;
margin: 0 20px 0 0;
border: 3px solid #26ae90;
}
#about .site-contents .cont-nav ul li a {
display: block;
padding: 7px 0 4px;
color: #000;
line-height: 2.125;
text-align: center;
text-decoration: none;
}
#about .site-contents section p {
margin: 0 0 32px;
line-height: 2.125;
}
#about .site-contents .greeting .sign {
margin: 45px 0 100px;
font-weight: bold;
line-height: 1.687;
text-align: right;
}
#about .site-contents .purpose p {
margin-bottom: 90px;
}
#about .site-contents .overview .chart {
margin: 0 0 75px;
}
#about .site-contents .overview .chart > li {
padding: 17px 0;
border-bottom: 2px solid #e3efec;
}
#about .site-contents .overview .chart li dl {
display: table;
}
#about .site-contents .overview .chart li dl dt {
display: table-cell;
width: 200px;
height: 60px;
border: 1px solid #26ae90;
border-radius: 5px;
text-align: center;
vertical-align: middle;
}
#about .site-contents .overview .chart li dl dd {
display: table-cell;
padding: 3px 0 3px 38px;
line-height: 1.75;
vertical-align: middle;
}
#about .site-contents .overview .chart li dl dd .address {
margin: 0 0 10px;
line-height: 1.75;
}
#about .site-contents .overview .chart li dl dd .address a {
color: #000;
text-decoration: none;
}
#about .site-contents .overview .chart li dl dd .direction {
margin: 0;
line-height: 1.75;
}
#about .site-contents .overview .chart li dl dd .direction span {
display: block;
font-size: 18px;
color: #26ae90;
line-height: 1.555;
}
#about .site-contents .relation .chart {
margin: 0 0 55px;
}
#about .site-contents .relation .chart > li {
padding: 17px 0;
border-bottom: 2px solid #e3efec;
}
#about .site-contents .relation .chart li dl {
display: table;
}
#about .site-contents .relation .chart li dl dt {
display: table-cell;
width: 200px;
height: 100px;
background: #f1f9f7;
border: 1px solid #26ae90;
border-radius: 5px;
text-align: center;
vertical-align: middle;
}
#about .site-contents .relation .chart li dl dd {
display: table-cell;
padding: 3px 0 3px 38px;
line-height: 2.25;
}
#about .site-contents .roster table {
width: 100%;
margin: 0 0 54px;
border-top: 1px solid #26ae90;
border-left: 1px solid #26ae90;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
line-height: 1.562;
}
#about .site-contents .roster table th,
#about .site-contents .roster table td {
padding: 13px 20px 17px;
border-right: 1px solid #26ae90;
border-bottom: 1px solid #26ae90;
vertical-align: middle;
}
#about .site-contents .roster table thead th {
padding: 18px 0 15px;
background: #f1f9f7;
font-weight: normal;
}
#about .site-contents .roster table th.member {
width: 224px;
}
#about .site-contents .roster table th.location {
width: 382px;
}
#about .site-contents .roster table th.tel {
width: 199px;
}
#about .site-contents .roster table tbody th {
padding: 18px 18px 15px;
background: #fafcf0;
font-weight: normal;
text-align: left;
}
#about .site-contents .roster table tbody td:nth-child(n+3) {
text-align: center;
}
@media screen and (max-width: 750px) {
#about .site-contents .mainvisual {
height: auto;
background: #fff;
border-bottom: 6px solid #f1f9f7;
}
#about .site-contents .mainvisual h2 {
padding: 1.04rem 0 0.98rem;
font-size: 0.48rem;
color: #26ae90;
line-height: 1.125;
}
#about .site-contents .content.view-wrapper {
padding: 0;
}
#about .site-contents .page-top {
position: relative;
}
#about .site-contents .page-top:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 38%;
height: 1px;
margin: 0.32rem 0 0;
border-top: 1px solid #27ae90;
}
#about .site-contents .cont-nav {
padding: 0 0.2rem;
}
#about .site-contents .cont-nav ul {
margin: 0.54rem -0.3rem 0.37rem 0;
}
#about .site-contents .cont-nav ul li {
width: 28.57%;
margin: 0 0.3rem 0.2rem 0;
}
#about .site-contents .cont-nav ul li a {
padding: 0.13rem 0;
font-size: 0.23rem;
line-height: 2.125;
}
#about .site-contents section p {
margin: 0 0 0.49rem;
font-size: 0.3rem;
line-height: 1.666;
}
#about .site-contents .greeting .sign {
padding: 0.19rem 0.1rem ;
margin:  0.5rem 0 0.75rem;
background: #f1f9f7;
font-size: 0.24rem;
font-weight: normal;
line-height: 1.416;
}
#about .site-contents .purpose p {
margin-bottom: 0.95rem;
}
#about .site-contents .overview .chart {
margin: 0 0 0.75rem;
}
#about .site-contents .overview .chart > li {
padding: 0.37rem 0 0.19rem;
border-bottom: 1px solid #e3efec;
}
#about .site-contents .overview .chart li dl {
display: block;
}
#about .site-contents .overview .chart li dl dt {
display: block;
width: 100%;
height: auto;
padding: 0.24rem 0;
margin: 0 0 0.34rem;
border: 2px solid #26ae90;
border-radius: 2px;
font-size: 0.3rem;
line-height: 1.122;
}
#about .site-contents .overview .chart li dl dd {
display: block;
padding: 0;
font-size: 0.3rem;
line-height: 1.466;
}
#about .site-contents .overview .chart li dl dd .address {
margin: 0 0 0.1rem;
line-height: 1.466;
}
#about .site-contents .overview .chart li dl dd .address a {
color: #2796ae;
}
#about .site-contents .overview .chart li dl dd .direction {
line-height: 1.466;
}
#about .site-contents .overview .chart li dl dd .direction span {
font-size: 0.3rem;
line-height: 1.466;
}
#about .site-contents .relation .chart {
margin: 0 0 0.62rem;
}
#about .site-contents .relation .chart > li {
padding: 0.37rem 0 0.19rem;
border-bottom: 1px solid #e3efec;
}
#about .site-contents .relation .chart li dl {
display: block;
}
#about .site-contents .relation .chart li dl dt {
display: block;
width: 100%;
height: auto;
padding: 0.24rem 0;
margin: 0 0 0.34rem;
border: 2px solid #26ae90;
border-radius: 2px;
font-size: 0.3rem;
line-height: 1.122;
}
#about .site-contents .relation .chart li dl dd {
display: block;
padding: 0;
font-size: 0.3rem;
line-height: 1.666;
}
#about .site-contents .roster .section-title {
padding: 0.24rem 0.1rem;
margin: 0 0.2rem 0.34rem;
border: 2px solid #26ae90;
border-radius: 2px;
font-size: 0.3rem;
color: #000;
line-height: 1.122;
}
#about .site-contents .roster table {
margin: 0 0 0.23rem;
font-size: 0.3rem;
line-height: 1.6;
}
#about .site-contents .roster table th,
#about .site-contents .roster table td {
padding: 0.25rem 0.27rem 0.27rem;
}
#about .site-contents .roster table thead th {
padding: 0.21rem 0 0.2rem;
}
#about .site-contents .roster table thead th.company {
width: 69%;
padding-left: 0.22rem;
background: #fafcf0;
text-align: left;
}
#about .site-contents .roster table tbody th {
padding: 0.25rem 0.2rem 0.14rem;
background: #f1f9f7;
text-align: center;
}
} #safety .site-contents .mainvisual {
height: 280px;
background: url(//www.sacchuzai.jp/img/safety/mainvisual-bg.jpg) no-repeat top center;
background-size: cover;
}
#safety .site-contents .mainvisual h2 {
padding: 115px 0 111px;
font-size: 187.5%;
font-weight: normal;
color: #fff;
line-height: 1.6875;
text-align: center;
}
#safety .site-contents .lead{
margin: 20px 0 41px;
font-size: 118.8%;
line-height: 2.125;
}
#safety .site-contents section p {
margin: 0 0 32px;
line-height: 2.125;
}
#safety .site-contents section{
margin: 0 auto 150px;
}
#safety .site-contents span.blue{
color: #2796ae;
}
#safety .site-contents span.green{
color: #26ae90;
}
#safety .site-contents .table-wrap{
width: 890px;
margin: 0 auto;
}
#safety .site-contents .table-wrap .table-title{
display: inline-block;
border-radius: 5px 6px 0 0;
padding: 3px 34px;
margin: 0;
background: #26ae90;
font-size: 18px;
color: #fff;
text-align: center;
}
#safety .site-contents .table-wrap .caption{
font-size: 14px;
color: #6a6e6d;
}
#safety .site-contents .table-wrap .caption li:last-child{
margin: 15px 0 0;
}
#safety .site-contents table{
width: 100%;
border: 1px solid #26ae90;
}
#safety .site-contents table thead th{
background: #f1f9f7;
font-weight: normal;
}
#safety .site-contents table tbody th{
background: #fafcf0;
font-weight: normal;
vertical-align: middle;
}
#safety .site-contents table th,
#safety .site-contents table td{
border: 1px solid #26ae90;
padding: 15px 0;
}
#safety .site-contents .sec01{
margin: 20px auto 150px;
}
#safety .site-contents .sec01 table th{
width: 190px;
}
#safety .site-contents .sec01 table td{
width: 700px;
padding: 15px 0 15px 35px;
}
#safety .site-contents .sec01 .inner-img{
margin: 50px 0 0;
}
#safety .site-contents .sec01 .inner-img .text{
float: left;
width: 610px;
}
#safety .site-contents .sec01 .inner-img .image{
float: right;
}
#safety .site-contents .sec01 .inner-img .text-bottom{
float: left;
}
#safety .site-contents .sec02{
}
#safety .site-contents .sec02 table.for-pc td{
padding: 0 0 0 35px;
}
#safety .site-contents .sec02 ul{
margin: 15px 0;
}
#safety .site-contents .sec02 .effect{
padding: 0;
text-align: center;
}
#safety .site-contents .sec03 dl{
float: left;
width: 400px;
min-height: 320px;
margin: 0 25px 35px 0;
border: 15px solid #f1f9f7;
border-radius: 5px;
}
#safety .site-contents .sec03 dl:last-child{
margin: 0;
}
#safety .site-contents .sec03 dl dt{
background: #fff;
padding: 23px 0;
font-size: 22px;
color: #27ae90;
border-bottom: 2px solid #f1f9f7;
text-align: center;
}
#safety .site-contents .sec03 dl dd{
padding: 10px 0 0 13px;
}
#safety .site-contents .sec03 dl dd ul li{
line-height: 1.875;
}
#safety .site-contents .sec03 table th{
width: 167px;
}
#safety .site-contents .sec03 table td{
padding: 25px 0 25px 30px;
}
#safety .site-contents .sec03 table span{
font-weight: bold;
}
#safety .site-contents .sec04{
}
#safety .site-contents .sec04 dl dt{
padding: 15px 0 15px 20px;
border: 1px solid #26ae90; 
border-radius: 5px;
color: #27ae90;
font-size: 18px;
}
#safety .site-contents .sec04 dl dd{
margin: 20px 0 30px;
}
@media screen and (max-width: 750px) {
#safety .site-contents .mainvisual {
height: auto;
background: #fff;
border-bottom: 6px solid #f1f9f7;
}
#safety .site-contents .mainvisual h2 {
padding: 1.04rem 0 0.98rem;
font-size: 0.48rem;
color: #26ae90;
line-height: 1.125;
}
#safety .site-contents .content.view-wrapper {
padding: 0;
}
#safety .site-contents .page-top {
position: relative;
}
#safety .site-contents .lead {
margin: 0.2rem 0 0.4rem;
padding: 0 0.3rem;
font-size: 0.3rem;
line-height: 2.125;
}
#safety .site-contents section p {
margin: 0 0 0.49rem;
font-size: 0.3rem;
line-height: 1.666;
}
#safety .site-contents section{
padding: 0 0.3rem;
margin: 0 auto 0.9rem;
}
#safety .site-contents span.blue{
color: #2796ae;
}
#safety .site-contents span.green{
color: #26ae90;
}
#safety .site-contents .table-wrap{
width: 6.9rem;
}
#safety .site-contents .table-wrap .table-title{
display: inline-block;
width: 100%;
border-radius: 5px 6px 0 0;
padding: 0.25rem 0.1rem;
margin: 0;
background: #26ae90;
font-size: 0.3rem;
color: #fff;
text-align: center;
}
#safety .site-contents .table-wrap .caption{
font-size: 0.24rem;
margin: 0.2rem 0 0.49rem;
}
#safety .site-contents .table-wrap .caption li:last-child{
margin: 0;
}
#safety .site-contents table{
width: 100%;
border: 1px solid #26ae90;
font-size: 0.3rem;
margin: -0.08rem 0 0;
}
#safety .site-contents table thead th{
background: #f1f9f7;
font-weight: normal;
}
#safety .site-contents table th,
#safety .site-contents table td{
padding: 0.15rem 0;
}
#safety .site-contents .sec01{
margin: 20px auto 150px;
}
#safety .site-contents .sec01 table th{
width: 2.22rem;
}
#safety .site-contents .sec01 table td{
width: 4.7rem;
padding: 0.3rem 0.26rem;
}
#safety .site-contents .sec01 .inner-img{
margin: 50px 0 0;
}
#safety .site-contents .sec01 .inner-img .text{
float: none;
width: 100%;
}
#safety .site-contents .sec01 .inner-img .image{
float: none;
margin: 0 0 0.4rem;
}
#safety .site-contents .sec01 .inner-img .text-bottom{
float: left;
}
#safety .site-contents .sec02{
}
#safety .site-contents .sec02 table{
margin: -0.08rem 0 0.31rem;
}
#safety .site-contents .sec02 table  thead th{
background: #fafcf0;
vertical-align: middle;
padding: 0.35rem 0.3rem;
font-weight: bold;
}
#safety .site-contents .sec02 table  thead td{
background: #f1f9f7;
text-align: center;
vertical-align: middle;
}
#safety .site-contents .sec02 table th{
width: 3.8rem;
}
#safety .site-contents .sec02 table td{
width: 3.1rem;
}
#safety .site-contents .sec02 ul{
padding: 0.2rem;
margin: 0;
}
#safety .site-contents .sec02 .effect{
padding: 0;
text-align: center;
}
#safety .site-contents .sec03 dl{
float: left;
width: 100%;
min-height: initial;
margin: 0 0 0.2rem;
border-radius: 5px;
}
#safety .site-contents .sec03 dl:last-child{
margin: 0 0 0.4rem;
}
#safety .site-contents .sec03 dl dt{
background: #fff;
padding: 0.3rem 0;
font-size: 0.3rem;
color: #27ae90;
border-bottom: 2px solid #f1f9f7;
text-align: center;
}
#safety .site-contents .sec03 dl dd{
padding: 0.4rem 0 0.4rem 0.15rem;
font-size: 0.3rem;
}
#safety .site-contents .sec03 table{
border: none;
}
#safety .site-contents .sec03 table th {
width: 100%;
padding: 0.2rem 0;
font-weight: bold;
}
#safety .site-contents .sec03 table td{
padding: 0.4rem 0.2rem;
}
#safety .site-contents .sec04 dl dt{
padding: 0.2rem 0;
border: 2px solid #26ae90; 
font-size: 0.3rem;
text-align: center;
}
#safety .site-contents .sec04 dl dd{
margin: 20px 0 30px;
font-size: 0.3rem;
}
}
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
.pagination a:hover{
color:#fff;
background: #3279BB;
}
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
} #search .site-contents .mainvisual {
height: 280px;
background: url(//www.sacchuzai.jp/img/news/mainvisual-bg.jpg) no-repeat top center;
background-size: cover;
}
#search .site-contents .mainvisual h2 {
padding: 115px 0 111px;
font-size: 187.5%;
font-weight: normal;
color: #fff;
line-height: 1.6875;
text-align: center;
}
#search .site-contents .content {
padding-bottom: 95px;
}
#search .site-contents .category-nav {
margin: 0 0 53px;
background: #f1f9f7;
}
#search .site-contents .category-nav ul {
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
#search .site-contents .category-nav ul li {
position: relative;
float: left;
width: 110px;
}
#search .site-contents .category-nav ul li a {
display: block;
padding: 29px 0 23px;
font-size: 93.8%;
color: #000;
line-height: 1.866;
text-align: center;
text-decoration: none;
}
#search .site-contents .category-nav ul li a:before {
content: "";
display: block;
position: absolute;
top: 33px;
left: 0;
width: 1px;
height: 18px;
border-left: 1px solid #b4b4b4;
}
#search .site-contents .category-nav ul li:last-child:after {
content: "";
display: block;
position: absolute;
top: 33px;
right: 0;
width: 1px;
height: 18px;
border-left: 1px solid #b4b4b4;
}
#search .site-contents .category-nav ul li a:hover,
#search .site-contents .category-nav ul li a.on {
border-bottom: 2px solid #26ae90;
}
#search .site-contents .column {
overflow: hidden;
}
#search .site-contents .column a:hover {
text-decoration: none;
}
#search .site-contents .main-column {
float: none;
width: 1000px;
}
#search .site-contents .main-column .detail-list {
width: 100%;
margin: 0 0 30px;
border: 1px solid #e4e6e6;
border-bottom: none;
}
#search .site-contents .main-column .detail-list thead th {
padding: 10px 0;
background: #26ae90;
border: 1px solid #e4e6e6;
color: #fff;
font-weight: normal;
}
#search .site-contents .main-column .detail-list thead th.time {
width: 140px;
}
#search .site-contents .main-column .detail-list thead th.category {
width: 220px;
}
#search .site-contents .main-column .detail-list tbody td {
padding: 15px;
border: 1px solid #e4e6e6;
font-weight: normal;
}
#search .site-contents .main-column .detail-list tbody td.title a:hover {
text-decoration: underline;
}
#search .site-contents .main-column .inner {
overflow: hidden;
}
#search .site-contents .main-column .inner .pager-num {
float: left;
overflow: hidden;
}
#search .site-contents .main-column .inner .wp-pagenavi {
float: left;
overflow: hidden;
}
#search .site-contents .main-column .inner .wp-pagenavi a,
#search .site-contents .main-column .inner .wp-pagenavi span {
display: block;
float: left;
width: 44px;
height: 44px;
margin: 0 8px 0 0;
padding: 8px 0 7px;
border: 1px solid #b4d9d1;
border-radius: 5px;
font-size: 81.3%;
color: #26ae90;
line-height: 2.153;
text-align: center;
}
#search .site-contents .main-column .inner .wp-pagenavi a:hover,
#search .site-contents .main-column .inner .wp-pagenavi span.current {
background: #f1f9f7;
border: 1px solid #f1f9f7;
color: #000;
}
#search .site-contents .main-column .inner .pager {
float: right;
width: 104px;
overflow: hidden;
}
#search .site-contents .main-column .inner .pager li {
float: right;
width: 44px;
height: 44px;
margin: 0 0 0 8px;
background: #26ae90;
border-radius: 5px;
}
#search .site-contents .main-column .inner .pager li a {
display: block;
padding: 17px 0;
text-align: center;
font-size: 0;
}
@media screen and (max-width: 750px) {
#search .site-contents .mainvisual {
height: auto;
background: #fff;
border-bottom: 6px solid #f1f9f7;
}
#search .site-contents .mainvisual h2 {
padding: 1.04rem 0 0.98rem;
font-size: 0.48rem;
color: #26ae90;
line-height: 1.125;
}
#search .site-contents .content {
padding-bottom: 0.65rem;
}
#search .site-contents .main-column {
float: none;
width: 100%;
margin: 0 0 0.5rem;
}
#search .site-contents .main-column .detail-list {
display: block;
width: 100%;
margin: 0 0 0.37rem;
border: 1px solid #e4e6e6;
border-bottom: none;
}
#search .site-contents .main-column .detail-list thead,
#search .site-contents .main-column .detail-list thead tr {
display: block;
width: 100%;
overflow: hidden;
background: #26ae90;
}
#search .site-contents .main-column .detail-list thead {
display: none;
}
#search .site-contents .main-column .detail-list thead th {
display: block;
float: left;
padding: 0.1rem 0;
background: #26ae90;
border: none;
font-size: 0.3rem;
line-height: 1.125;
}
#search .site-contents .main-column .detail-list thead th.time {
border-right: 1px solid #e4e6e6;
width: 1.7rem;
}
#search .site-contents .main-column .detail-list thead th.category {
border-right: 1px solid #e4e6e6;
width: 2.5rem;
}
#search .site-contents .main-column .detail-list thead th.title {
border-bottom: 1px solid #e4e6e6;
}
#search .site-contents .main-column .detail-list tbody,
#search .site-contents .main-column .detail-list tbody tr {
display: block;
width: 100%;
}
#search .site-contents .main-column .detail-list tbody tr {
padding: 0.1rem 0;
border-bottom: 1px solid #e4e6e6;
}
#search .site-contents .main-column .detail-list tbody td {
display: block;
width: 100%;
border: none;
padding: 0.1rem;
font-size: 0.3rem;
line-height: 1.125;
}
#search .site-contents .main-column .detail-list tbody td.time {
float: left;
width: 1.9rem;
font-size: 0.28rem;
}
#search .site-contents .main-column .detail-list tbody td.category {
float: left;
width: 4.5rem;
padding: 0.1rem 0 0;
font-size: 0.24rem;
}
#search .site-contents .main-column .detail-list tbody td.title {
clear: both;
padding: 0.05rem 0.1rem 0.1rem;
line-height: 1.2;
}
#search .site-contents .main-column .inner .pager-num {
width: 50%;
}
#search .site-contents .main-column .inner .pager-num li {
width: 19.57%;
height: auto;
margin: 0 0.2rem 0 0;
}
#search .site-contents .main-column .inner .pager-num li a {
padding: 0.08rem 0 0.1rem;
font-size: 0.2rem;
line-height: 1.75;
}
#search .site-contents .main-column .inner .wp-pagenavi {
width: 65%;
}
#search .site-contents .main-column .inner .wp-pagenavi a,
#search .site-contents .main-column .inner .wp-pagenavi span {
width: 0.6rem;
height: auto;
margin: 0 0.2rem 0 0;
padding: 0.08rem 0 0.1rem;
font-size: 0.2rem;
line-height: 1.75;
}
#search .site-contents .main-column .inner .pager {
width: 23.84%;
}
#search .site-contents .main-column .inner .pager li {
width: 40.3%;
height: auto;
margin: 0 0 0 0.09rem;
}
#search .site-contents .main-column .inner .pager li a {
padding: 0.22rem 0 0.21rem;
}
#search .site-contents .main-column .inner .pager li a img {
width: 21%;
}
#search .site-contents .main-column .no-match{
margin: 0 0 1rem;
font-size: 0.3rem;
text-align: center;
}
}.ebook_banner {
position: fixed;
transform: translateX(10px);
width: 99px;
z-index: 100;
right: 0px;
top: 300px;
transition: 0.3s all;
}
.ebook_banner .sp {
display: none;
}
.ebook_banner:hover {
transform: translateX(0px);
}
@media screen and (max-width: 750px) {
.ebook_banner {
width: 120px;
top: unset;
bottom: 20px;
}
.ebook_banner .pc {
display: none;
}
.ebook_banner .sp {
display: block;
}
}
#jisyukijun .site-contents .mainvisual {
height: 280px;
background: url(//img/news/mainvisual-bg.jpg) no-repeat top center;
background-size: cover;
}
#jisyukijun .site-contents .mainvisual h2 {
padding: 115px 0 111px;
font-size: 187.5%;
font-weight: normal;
color: #fff;
line-height: 1.6875;
text-align: center;
}
#jisyukijun .site-contents .content {
padding-top: 53px;
padding-bottom: 95px;
}
#jisyukijun .site-contents .column {
overflow: hidden;
}
#jisyukijun .site-contents .column a:hover {
text-decoration: none;
}
#jisyukijun .site-contents .main-column {
float: left;
width: 100%;
}
#jisyukijun .site-contents .main-column .detail-list {
margin: 0 0 30px;
border-top: 1px solid #e4e6e6;
border-left: 1px solid #e4e6e6;
}
#jisyukijun .site-contents .main-column .detail-list li {
display: flex;
align-items: center;
width: 100%;
min-height: 73px;
padding: 0 23px;
border-right: 1px solid #e4e6e6;
border-bottom: 1px solid #e4e6e6;
}
#jisyukijun .site-contents .main-column .detail-list li a {
color: #000;
display: flex;
align-items: center;
}
#jisyukijun .site-contents .main-column .detail-list li p {
vertical-align: middle;
}
#jisyukijun .site-contents .main-column .detail-list li .time {
display: block;
font-size: 93.8%;
line-height: 1.866;
width: 150px;
}
#jisyukijun .site-contents .main-column .detail-list li .time .wareki {
font-size: 11px;
vertical-align: 2px;
}
#jisyukijun .site-contents .main-column .detail-list li .cate {
display: block;
width: 63px;
height: 15px;
padding: 2px 0;
margin: 0 auto;
font-size: 81.3%;
color: #fff;
line-height: 1;
text-align: center;
}
#jisyukijun .site-contents .main-column .detail-list li .title {
padding: 0 0 0 25px;
color: #2796ae;
font-size: 93.8%;
line-height: 1.866;
}
#jisyukijun .site-contents .main-column .detail-list li a:hover .title {
text-decoration: underline;
}
@media screen and (max-width: 750px) {
#jisyukijun .site-contents .mainvisual {
height: auto;
background: #fff;
border-bottom: 6px solid #f1f9f7;
}
#jisyukijun .site-contents .mainvisual h2 {
padding: 1.04rem 0 0.98rem;
font-size: 0.48rem;
color: #26ae90;
line-height: 1.125;
}
#jisyukijun .site-contents .content {
padding-bottom: 0.65rem;
}
#jisyukijun .site-contents .category-nav {
margin: 0.32rem 0 0.5rem;
}
#jisyukijun .site-contents .category-nav p {
position: relative;
padding: 0.43rem 0 0.39rem 0.27rem;
font-size: 0.3rem;
color: #26ae90;
line-height: 1.6;
overflow: hidden;
}
#jisyukijun .site-contents .category-nav p .switch {
float: right;
width: 19.5%;
border-left: 1px solid #c1e5dd;
text-align: center;
}
#jisyukijun .site-contents .category-nav p .switch img {
width: 11.85%;
vertical-align: middle;
}
#jisyukijun .site-contents .category-nav ul {
display: none;
width: 100%;
}
#jisyukijun .site-contents .category-nav ul li {
position: relative;
float: none;
width: 100%;
}
#jisyukijun .site-contents .category-nav ul li a {
padding: 0.29rem 0 0.23rem;
font-size: 0.3rem;
color: #26ae90;
line-height: 1.6;
text-align: left;
}
#jisyukijun .site-contents .category-nav ul li a:before {
content: "";
display: none;
}
#jisyukijun .site-contents .category-nav ul li:last-child:after {
content: "";
display: none;
}
#jisyukijun .site-contents .category-nav ul li a:hover,
#jisyukijun .site-contents .category-nav ul li a.on {
border-bottom: none;
}
#jisyukijun .site-contents .main-column {
float: none;
width: 100%;
}
#jisyukijun .site-contents .main-column .detail-list {
margin: 0 0 0.37rem;
}
#jisyukijun .site-contents .main-column .detail-list li {
display: block;
min-height: 0;
padding: 0.41rem 0.25rem 0.22rem;
}
#jisyukijun .site-contents .main-column .detail-list li a {
flex-direction: column;
align-items: flex-start;
}
#jisyukijun .site-contents .main-column .detail-list li p {
display: block;
padding: 0;
font-size: 0;
}
#jisyukijun .site-contents .main-column .detail-list li .time {
display: inline-block;
font-size: 0.28rem;
line-height: 1;
}
#jisyukijun .site-contents .main-column .detail-list li .cate {
display: inline-block;
width: auto;
height: auto;
padding: 0.04rem 0.17rem 0.03rem;
margin: 0 0 0 0.14rem;
font-size: 0.24rem;
}
#jisyukijun .site-contents .main-column .detail-list li .title {
padding: 0.17rem 0 0;
font-size: 0.3rem;
line-height: 1.6;
}
#jisyukijun .site-contents .main-column .inner .pager-num {
width: 50%;
}
#jisyukijun .site-contents .main-column .inner .pager-num li {
width: 19.57%;
height: auto;
margin: 0 0.2rem 0 0;
}
#jisyukijun .site-contents .main-column .inner .pager-num li a {
padding: 0.08rem 0 0.1rem;
font-size: 0.2rem;
line-height: 1.75;
}
#jisyukijun .site-contents .main-column .inner .wp-pagenavi {
width: 65%;
}
#jisyukijun .site-contents .main-column .inner .wp-pagenavi a,
#jisyukijun .site-contents .main-column .inner .wp-pagenavi span {
width: 0.6rem;
height: auto;
margin: 0 0.2rem 0 0;
padding: 0.08rem 0 0.1rem;
font-size: 0.2rem;
line-height: 1.75;
}
#jisyukijun .site-contents .main-column .inner .pager {
width: 23.84%;
}
#jisyukijun .site-contents .main-column .inner .pager li {
width: 40.3%;
height: auto;
margin: 0 0 0 0.09rem;
}
#jisyukijun .site-contents .main-column .inner .pager li a {
padding: 0.22rem 0 0.21rem;
}
#jisyukijun .site-contents .main-column .inner .pager li a img {
width: 21%;
}
#jisyukijun .site-contents .side-column {
float: none;
width: 100%;
margin: 1.12rem 0 0.65rem;
}
#jisyukijun .site-contents .side-column h3 {
padding: 0.36rem 0;
margin: 0 0 0.16rem;
font-size: 0.3rem;
line-height: 1.6;
}
#jisyukijun .site-contents .side-column .archive-list li {
position: relative;
min-height: 0;
padding: 0.4rem 0 0.42rem;
background: none;
font-size: 0;
}
#jisyukijun .site-contents .side-column .archive-list li:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 0.3rem;
height: 0.3rem;
margin: 0.4rem 0 0 0.17rem;
background: url(//www.sacchuzai.jp/wp/wp-content/img/news/archive-icon-sp.png) no-repeat;
background-size: cover;
}
#jisyukijun .site-contents .side-column .archive-list li a {
padding: 0 0 0 0.6rem;
font-size: 0.26rem;
line-height: 1.076;
} #jisyukijun .site-contents #single.column {
margin-top: 0.47rem;
}
#jisyukijun .site-contents .cont-single .detail {
margin: 0 0 2.5rem;
}
#jisyukijun .site-contents .cont-single .detail > p {
font-size: 0;
}
#jisyukijun .site-contents .cont-single .detail .time {
font-size: 0.28rem;
}
#jisyukijun .site-contents .cont-single .detail .cate {
width: auto;
height: auto;
padding: 0.04rem 0.17rem 0.03rem;
margin: 0 0 0 0.14rem;
font-size: 0.24rem;
}
#jisyukijun .site-contents .cont-single .article-title {
padding: 0.5rem 0 0.31rem;
margin: 0 0 0.3rem;
font-size: 0.38rem;
line-height: 1.263;
}
#jisyukijun .site-contents .cont-single .text {
font-size: 0.3rem;
line-height: 1.766;
}
#jisyukijun .site-contents .cont-single .text p {
margin: 0 0 0.34rem;
}
#jisyukijun .site-contents .cont-single .text img {
width: 48%;
margin: 0 0.05rem 0 0;
}
#jisyukijun .site-contents .cont-single .back-btn {
position: relative;
width: 40%;
height: auto;
margin: 0 0 0 0.26rem;
background: #fff;
}
#jisyukijun .site-contents .cont-single .back-btn:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 0.24rem;
height: 0.24rem;
margin: 0.02rem 0 0;
background: url(//www.sacchuzai.jp/wp/wp-content/img/news/btn-icon-sp.png) no-repeat;
background-size: cover;
}
#jisyukijun .site-contents .cont-single .back-btn a {
padding: 0 0 0 0.45rem;
font-size: 0.24rem;
line-height: 1.166;
}
}
#news .site-contents .side-column .archive-list li a .wareki {
font-size: 0.93em;
vertical-align: 0.1em;
}
#news .site-contents .main-column .detail-list li .time {
text-align: center;
line-height: 1.266;
margin-bottom: 2px;
}
#news .site-contents .main-column .detail-list li .time .wareki {
font-size: 0.87em;
vertical-align: 0.1em;
}
#about .site-contents .overview .chart li dl dt .date {
font-size: 0.8375em;
}
#about .site-contents .overview .chart li dl dt .wareki {
font-size: 0.93em;
vertical-align: 0.1em;
}
#about .site-contents .overview .chart li dl dd .wareki {
font-size: 0.875em;
vertical-align: 0.05em;
}
#top .mainvisual .news dl dt .wareki {
font-size: 0.764em;
vertical-align: 0.2em;
}
#top .content .news .list li .wareki {
font-size: 0.875em;
vertical-align: 0.1em;
}
#news .site-contents .cont-single .detail .time .wareki {
font-size: 0.733em;
vertical-align: 0.2em;
}
.site-header .sub .member-link a {
font-weight: bold;
width: 100px;
height: 32px;
background: #26ae90;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
font-size: 11px;
}
.site-header .sub .member-link a svg {
width: 11px;
margin-right: 4px;
}