@charset "utf-8";
  html {
width: 100%;
height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
font-size: 100%;
list-style: none;
}
@font-face {
font-family: "YuGothic M";
src: local(Yu Gothic Medium)
}
body {
text-align: left;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 1.3em;
color: #646464;
background: #fff;
}
img {
vertical-align: bottom;
border: none;
max-width: 100%;
height: auto;
}
a, a:link, a:visited {
color: #648d26;
text-decoration: underline;
}
a:hover {
color: #648d26;
text-decoration: none;
}
strong {
font-weight: bold;
}
p {
padding: 0;
line-height: 1.4em;
}
.sec #main p, .indsec p {
margin-left: 1em;
margin-right: 1em;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.bold {
font-weight: bold;
}
.red {
color: #f00;
} table {
font-size: inherit;
font: 100%;
}
table.mainstyle {
border: 1px #b9b9b9 solid;
border-collapse: collapse;
border-spacing: 0;
margin: 15px 20px 8px 20px;
}
table.mainstyle th {
font-weight: bold;
padding: 10px;
border: 1px #b9b9b9 solid;
border-width: 0 0 1px 1px;
background: #FFFFCC;
}
table.mainstyle td {
padding: 10px;
border: 1px #b9b9b9 solid;
border-width: 0 0 1px 1px;
background: #fff;
} #viewport {
width: 100%;
overflow-x: hidden;
}
body {
overflow-x: hidden;
}
#wrap {
margin: 0 auto 0;
position: relative;
}
#contents {
width: 1080px;
margin: 0 auto 0;
padding: 18px 0 0;
background: #fff;
}
.home #contents {
padding: 30px 0 0;
}
#sidebar {
width: 300px;
float: left;
padding: 0 0 175px;
}
#main {
width: 750px;
float: right;
padding: 0 0 100px;
}
#footer {
clear: both;
} #header .header_tel span.phone_number_holder {
position: absolute;
top: 45px;
left: 65px;
}
#header {
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/header_bg.png) repeat-x;
height: 140px;
}
#header .inner {
width: 1080px;
margin: 0 auto;
padding: 0 0 0;
position: relative;
}
#header .inner .header_logo {
position: absolute;
left: 0;
top: 0;
}
#header .inner .header_logo02 {
position: absolute;
left: 211px;
top: 42px;
}
#header .inner h1 {
position: absolute;
left: 210px;
top: 0px;
color: #fff;
font-size: 14px;
width: 456px;
height: 27px;
line-height: 27px;
margin: 0;
padding: 0;
}
#header .inner .header_subnav {
position: absolute;
right: -3px;
top: 0;
}
#header .inner .header_subnav li {
float: left;
}
#header .inner .header_tel {
position: absolute;
right: 0;
top: 45px;
}
#header_nav {
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/header_nav_bg.png) left top repeat-x;
height: 52px;
margin: 0 auto;
position: relative;
z-index: 70;
}
#header_nav ul {
width: 1081px;
height: 52px;
margin: 0 auto;
}
#header_nav ul li {
float: left;
} .main_image01 img {
max-width: inherit;
}
#main_image .main_image01 span.phone_number_holder {
position: absolute;
bottom: 74px;
left: 94px;
}
#main .mt50 span.phone_number_holder {
position: absolute;
bottom: 72px;
left: 89px;
font-size: 3.4em;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
#main_image {
min-width: 1080px;
overflow: hidden;
height: 469px;
margin: 0 auto;
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/mv/mv_bg.jpg) no-repeat center bottom;
}
#main_image .inner {
width: 1080px;
height: 469px;
margin: 0 auto;
position: relative;
}
.main_image01 {
position: absolute;
top: 4px;
left: 4px;
}
.main_image02 {
position: absolute;
bottom: 28px;
left: 386px;
}
.main_image03 {
position: absolute;
bottom: 3px;
right: -3px;
} .phone_number_holder {
font-size: 2em;
font-weight: bold;
color: #d5000e;
}
h2 {
font-size: 27px;
font-weight: bold;
line-height: 1.3em;
color: #fff;
padding: 16px 10px 9px 20px;
margin: 0 0 15px;
position: relative;
clear: both;
border: 1px solid #648d26;
border-bottom: 8px solid #648d26;
background: #94c050;
border-radius: 8px;
}
h3 {
font-size: 27px;
font-weight: bold;
line-height: 1.3em;
color: #648d26;
padding: 8px 10px 4px 20px;
margin: 0 0 15px;
position: relative;
clear: both;
border-radius: 8px;
border: 1px solid #648d26;
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/h3_bg.png) repeat;
}
h4 {
border: 1px solid #00a000;
border-left: 8px solid #00a000;
font-size: 22px;
font-weight: bold;
line-height: 1.3em;
color: #fff;
padding: 10px 10px 6px 12px;
margin: 0 0 15px;
position: relative;
clear: both;
background: #94c050;
}
h5 {
font-size: 18px;
font-weight: bold;
line-height: 1.4em;
color: #648d26;
padding: 0px 0px 3px;
margin: 0 0 15px;
position: relative;
clear: both;
border-bottom: 1px solid #648d26;
}
h6 {
background: #fffff0;
font-size: 16px;
line-height: 1.4em;
color: #646464;
padding: 9px 15px 7px 15px;
margin: 0 0 15px;
position: relative;
clear: both;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit !important;
}
p {
margin: 15px 0px 20px;
}  .btn01 {
margin: 8px 0 0;
}
.btn01 li {
float: left;
}
.btn01 li:first-child {
margin: 0 8px 0 0;
}
.text01 {
font-size: 18px;
color: #6d5e4a;
text-align: center;
line-height: 26px;
padding: 15px 0 15px;
}
.btn12 {
position: relative;
margin: 13px 0 0;
}
.btn12 ul {
position: absolute;
top: 73px;
left: 20px;
}
.btn12 ul li {
float: left;
margin: 0 15px 10px 0;
}
.btn16 {
position: relative;
margin: 10px 0 0;
}
.btn16 ul {
position: absolute;
top: 73px;
left: 20px;
}
.btn16 ul li {
float: left;
margin: 0 15px 10px 0;
}
h5.cButton{
border: none;
}
h5.cButton a{
background-color: #c0504d;
color: #FFF!important;
padding: 15px;
text-decoration: none;
border-radius: 8px;
border: 1px solid #FFF;
box-shadow: 1px 1px 2px #6c6c6c;
display: block;
text-align: center;
}
h5.cButton a:hover{
opacity: 0.8;
}
.reason {
position: relative;
margin: 20px 0 0;
}
.reason ul {
position: absolute;
top: 142px;
left: 0px;
}
.reason ul li {
float: left;
margin: 0;
}
.reason ul li.li01 {
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/top07.png) no-repeat;
width: 250px;
height: 386px;
}
.reason ul li.li02 {
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/top08.png) no-repeat;
width: 248px;
height: 386px;
}
.reason ul li.li03 {
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/top09.png) no-repeat;
width: 250px;
height: 386px;
}
.reason ul li.li04 {
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/top10.png) no-repeat;
width: 250px;
height: 387px;
}
.reason ul li.li05 {
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/top11.png) no-repeat;
width: 248px;
height: 387px;
}
.reason ul li.li06 {
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/top12.png) no-repeat;
width: 250px;
height: 387px;
}
.reason h3 {
margin: 147px 18px 12px 16px;
padding: 0;
font-weight: bold;
font-size: 18px;
color: #599b04;
border: none;
background: none;
}
.reason p {
margin: 0 19px 0 16px;
padding: 0;
font-size: 14px;
color: #646464;
}
.reason ul li.li01 h3, .reason ul li.li04 h3 {
margin: 147px 14px 12px 20px;
}
.reason ul li.li01 p, .reason ul li.li04 p {
margin: 0 15px 0 20px;
}
.reason ul li.li03 h3, .reason ul li.li06 h3 {
margin: 147px 20px 12px 14px;
}
.reason ul li.li03 p, .reason ul li.li06 p {
margin: 0 21px 0 14px;
}
.reason span.phone_number_holder {
position: absolute;
bottom: 72px;
left: 89px;
font-size: 3em;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.btn21 {
position: relative;
margin: 30px 0 0;
}
.btn21 ul {
margin: 18px 0 0;
}
.btn21 ul li {
float: left;
}
.case {
display: block;
position: relative;
}
.case > ul {
}
.case > ul li {
padding: 13px 0 11px;
border-bottom: 1px dashed #94c050;
font-size: 16px;
line-height: 1.3em;
}
.case > ul li .dt {
float: left;
display: block;
width: 110px;
}
.case > ul li .text {
margin: 0 0 0 110px;
}
.case > ul li .text a {
font-size: 16px;
line-height: 1.3em;
color: #646464;
text-decoration: none;
}
.case > ul li .text a:hover {
text-decoration: underline !important;
color: #648d26 !important;
}
.latest_info {
display: block;
position: relative;
}
.latest_info > ul {
}
.latest_info > ul li {
padding: 13px 0 11px;
border-bottom: 1px dashed #94c050;
font-size: 16px;
line-height: 1.3em;
}
.latest_info > ul li .dt {
float: left;
display: block;
width: 110px;
}
.latest_info > ul li .text {
margin: 0 0 0 110px;
}
.latest_info > ul li .text a {
font-size: 16px;
line-height: 1.3em;
color: #646464;
text-decoration: none;
}
.latest_info > ul li .text a:hover {
text-decoration: underline !important;
color: #648d26 !important;
}
.voice ul {
margin: 20px 0 0;
}
.voice ul li {
float: left;
border: 1px solid #94c050;
border-top: 5px solid #94c050;
background: #fffff0;
width: 364px;
margin: 0 0 18px;
}
.voice ul li:nth-child(2n) {
margin-left: 18px;
}
.voice ul li a .title {
font-size: 16px;
font-weight: bold;
margin: 15px 15px 0 15px;
color: #94c050;
}
.voice ul li a .text {
font-size: 14px;
margin: 15px 15px 15px 15px;
color: #646464;
}
.voice ul li a {
text-decoration: none;
display: block;
}
.voice ul li a:hover {
text-decoration: underline;
}
.voice ul li span {
display: block;
}
.btn31 {
position: relative;
margin: 30px 0 0;
}
.btn31 ul {
position: absolute;
top: 135px;
left: 20px;
}
.btn31 ul li {
float: left;
} #sidebar {
}
.m0 span.phone_number_holder{
position: relative;
bottom: 116px;
font-size: 1.7em;
left: 60px;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.dcjq-accordion {
background: #efefef;
border: 1px solid #d5d5d5;
border-top: none !important;
padding: 10px;
}
#menu-sidemenu {
background: #fff;
}
#menu-sidemenu a {
display: block;
padding: 10px 8px 8px 29px;
margin: 0;
color: #646464;
font-size: 14px;
text-decoration: none;
}
#menu-sidemenu > li {
padding: 1px 0 0;
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/side_line.png) no-repeat center top;
}
#menu-sidemenu > li:first-child {
background: none;
}
#menu-sidemenu > li > a {
background: url(https://www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/side_listmark.png) 10px 14px no-repeat;
line-height: 1.7em;
} #menu-sidemenu > li > ul {
padding: 5px 0 5px 18px;
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/side_line.png) no-repeat center top;
}
#menu-sidemenu > li ul li a {
display: block;
background: url(https://www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/side_listmark02.png) 5px 10px no-repeat;
font-size: 13px;
color: #646464;
text-decoration: none;
padding: 2px 8px 2px 17px;
}
#menu-sidemenu > li > ul ul {
margin-left: 20px;
} #menu-sidemenu > li a:hover {
}
#menu-sidemenu > li > a:hover {
text-decoration: underline;
color: #5d9802;
}
#menu-sidemenu > li ul li a:hover {
text-decoration: underline;
color: #5d9802;
}
.side_content {
background: #fff;
border: 1px solid #d5d5d5;
border-top: none !important;
padding: 10px 10px 8px;
}
.side_content_office {
text-align: center;
}
.side_content_office .name {
font-size: 18px;
line-height: 1.3em;
font-weight: bold;
color: #4f6f1e;
padding: 22px 0;
}
.side_content_office .address {
padding: 0 0 11px;
text-align: center;
font-size: 16px;
line-height: 1.4em;
}
#searchform {
}
#searchform label {
display: none !important;
}
#searchform > div {
display: block;
width: 300px;
height: 66px;
position: relative;
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/side_search_bg.png) no-repeat;
}
#searchform > div input[type="text"] {
position: absolute;
left: 10px;
top: 19px;
width: 192px;
height: 37px;
border: none !important;
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/side08.png) no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
}
#searchform > div input[type="submit"] {
position: absolute;
right: 10px;
top: 19px;
width: 79px;
height: 37px;
border: none !important;
cursor: pointer;
background: url(//www.souzoku-stf.com/cms/wp-content/themes/saji_souzoku/images/side09.png) no-repeat;
text-indent: -9999px;
}
#searchform > div input[type="submit"]:hover {
opacity: 0.7;
} #searchform > div input[type="submit"], #searchform > div input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
#searchform > div input[type="submit"]::-webkit-search-decoration, #searchform > div input[type="button"]::-webkit-search-decoration {
display: none;
}
#searchform > div input[type="submit"]::focus, #searchform > div input[type="button"]::focus {
outline-offset: -2px;
} #footer {
background: #94c050;
padding: 0;
margin: 0;
position: relative;
}
#footer .inner {
width: 1080px;
margin: 0 auto;
padding: 0;
position: relative;
}
#footer .panel {
float: left;
width: 530px;
}
#footer .panel .text {
padding: 16px 0 9px;
color: #fff;
font-size: 14px;
}
#footer .nav {
float: right;
width: 515px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 43px 0 0 0;
}
#footer .nav a {
font-size: 16px;
color: #fff;
text-decoration: none;
font-weight: bold;
}
#footer .nav a:hover {
text-decoration: underline;
}
#footer .nav ul li ul {
float: left;
width: 250px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#footer .nav ul li ul li {
margin: 0 0 15px 0;
overflow: hidden;
}
#footer .nav ul li ul li:last-child {
margin: 0;
}
#footer .nav ul li ul li a {
} #footer .nav ul li ul li ul {
margin: 0 0 0 20px;
width: 210px;
}
#footer .nav ul li ul li ul li {
margin: 0 0 6px 0;
}
#footer .nav ul li ul li ul li:first-child {
margin: 6px 0 6px 0;
}
#footer .nav ul li ul li ul li a {
font-size: 15px;
}
#footer .nav ul li ul li ul li ul {
margin: 0 0 0 20px;
width: 190px;
}
#footer .copyright {
clear: both;
padding: 20px 0 20px;
margin: 0;
width: 1080px;
font-size: 12px;
color: #fff;
text-align: center;
}
#footer div.panel div.img {
position: relative;
}
#footer .panel span.phone_number_holder {
position: absolute;
bottom: 21px;
left: 70px;
font-size: 2em;
}
.arrow2top {
position: fixed;
right: 30px;
bottom: 50px;
z-index: 20;
}
.fixed_nav {
position: fixed;
margin-top: -242px;
top: 50%;
right: 0;
z-index: 10000;
border: 1px solid #fff;
border-right: none;
background: #fff;
}
@media screen and (max-width: 1370px) {
.fixed_nav {
display: none;
}
} .page_banner02 {
position: relative;
}
.page_banner02 span.phone_number_holder {
position: absolute;
bottom: 72px;
font-size: 3em;
left: 113px;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
} .breadcrumb {
padding: 0;
margin: 0 0 15px;
font-size: 14px;
}
.breadcrumb a {
color: #648d26;
}
.page_banner01 {
position: relative;
}
#main .page_banner01 span.phone_number_holder {
position: absolute;
bottom: 72px;
font-size: 3em;
left: 113px;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
} .baselist {
margin: 15px 0 0;
}
.baselist ul {
margin: 0 !important;
}
.baselist li {
list-style: none !important;
margin: 0 0 8px;
}
.baselist li a {
display: block;
font-size: 15px;
margin-bottom: 8px;
padding: 7px 5px 7px 5px;
border-bottom: 1px dotted #666;
}
.baselist li a { text-decoration: none; }
.baselist li a:hover { text-decoration: underline;
}
.baselist > ul > li ul {
margin-left: 25px !important;
}  .mt5 {
margin-top: 5px !important;
}
.mt8 {
margin-top: 8px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
position: relative;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt50 {
margin-top: 50px !important;
position: relative;
}
.mb00 {
margin-bottom: 0px !important;
position: relative;
}
.mb01 {
margin-bottom: 1px !important;
}
.mb02 {
margin-bottom: 2px !important;
}
.mb03 {
margin-bottom: 3px !important;
}
.mb04 {
margin-bottom: 4px !important;
}
.mb05 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mr50 {
margin-right: 50px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml20 {
margin-left: 20px !important;
}
.ml30 {
margin-left: 30px !important;
}
.ml40 {
margin-left: 40px !important;
}
.ml50 {
margin-left: 50px !important;
}
.ml-1 {
margin-left: -1px !important;
}
.ml-2 {
margin-left: -2px !important;
}
.ml-3 {
margin-left: -3px !important;
}
.ml-4 {
margin-left: -4px !important;
}
.ml-5 {
margin-left: -5px !important;
}
.ml-6 {
margin-left: -6px !important;
}
.mr-1 {
margin-right: -1px !important;
}
.mr-2 {
margin-right: -2px !important;
}
.mr-3 {
margin-right: -3px !important;
}
.mr-4 {
margin-right: -4px !important;
}
.mr-5 {
margin-right: -5px !important;
} .pt10 {
padding-top: 10px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pl50 {
padding-left: 50px !important;
} .fleft {
float: left;
}
.fright {
float: right;
} img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
} .cl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cl {
display: inline-block;
}/*\*/* html .cl {
height: 1%;
}
.cl {
display: block;
}/**/ .mt0 {
margin-top: 0px !important;
}
.mt1 {
margin-top: 1px !important;
}
.mt2 {
margin-top: 2px !important;
}
.mt3 {
margin-top: 3px !important;
}
.mt4 {
margin-top: 4px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt6 {
margin-top: 6px !important;
}
.mt7 {
margin-top: 7px !important;
}
.mt8 {
margin-top: 8px !important;
}
.mt9 {
margin-top: 9px !important;
}
.mt18 {
margin-top: 18px !important;
}
.mt-1 {
margin-top: -1px !important;
}
.mt-2 {
margin-top: -2px !important;
}
.mt-3 {
margin-top: -3px !important;
}
.mt-4 {
margin-top: -4px !important;
}
.mt-5 {
margin-top: -5px !important;
}
.mt-10 {
margin-top: -10px !important;
}
.mt-20 {
margin-top: -20px !important;
}
.mt-30 {
margin-top: -30px !important;
}
.mt-40 {
margin-top: -40px !important;
}
.mt-45 {
margin-top: -45px !important;
}
.mt-50 {
margin-top: -50px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.mb3 {
margin-bottom: 3px !important;
}
.mb4 {
margin-bottom: 4px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb6 {
margin-bottom: 6px !important;
}
.mb7 {
margin-bottom: 7px !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.mb9 {
margin-bottom: 9px !important;
}
.mr0 {
margin-right: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.ml-1 {
margin-left: -1px !important;
}
.ml-2 {
margin-left: -2px !important;
}
.ml-4 {
margin-left: -4px !important;
}
.ml-10 {
margin-left: -10px !important;
}
.ml-15 {
margin-left: -15px !important;
}
.ml-20 {
margin-left: -20px !important;
}
.ml-25 {
margin-left: -25px !important;
}
.ml-26 {
margin-left: -26px !important;
}
.ml15 {
margin-left: 15px !important;
}
.mb-10 {
margin-bottom: -10px !important;
}
.mb-15 {
margin-bottom: -15px !important;
}
.mb-20 {
margin-bottom: -20px !important;
}
.mb-30 {
margin-bottom: -30px !important;
}
.mb-40 {
margin-bottom: -40px !important;
}
.mb-50 {
margin-bottom: -50px !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.mb9 {
margin-bottom: 9px !important;
}
.mb11 {
margin-bottom: 11px !important;
}
.mb12 {
margin-bottom: 12px !important;
}
.mb13 {
margin-bottom: 13px !important;
}
.mb14 {
margin-bottom: 14px !important;
}
.mb16 {
margin-bottom: 16px !important;
}
.mb17 {
margin-bottom: 17px !important;
}
.mb18 {
margin-bottom: 18px !important;
}
.mb19 {
margin-bottom: 19px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.mb110 {
margin-bottom: 110px !important;
}
.mb120 {
margin-bottom: 120px !important;
}
.mb130 {
margin-bottom: 130px !important;
}
.mb140 {
margin-bottom: 140px !important;
}
.mb150 {
margin-bottom: 150px !important;
}
.ptable p {
margin: 0;
}
.p_zero {
margin: 0;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
margin: 0px 10px;
}
.wp-caption p {
margin: 5px 10px 5px 0px;
text-align: center;
}
h1.h1img, h2.h2img, h3.h3img, h4.h4img, h5.h5img, h6.h6img {
border: none;
padding: 0px;
margin: 0;
color: #000;
background-color: transparent !important;
background: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
}
h1.h1img:before, h2.h2img:before, h3.h3img:before, h4.h4img:before, h5.h5img:before, h6.h6img:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
background-color: transparent !important;
background: none;
}
h1.h1img:after, h2.h2img:after, h3.h3img:after, h4.h4img:after, h5.h5img:after, h6.h6img:after {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
background-color: transparent !important;
background: none;
} table.mainstyle {
margin: 15px 0px 20px;
} ol.ol {
display: block;
list-style-type: decimal;
padding-left: 30px;
margin: 15px 0px 20px;
}
ol.ol li {
margin-top: 10px;
list-style-type: decimal;
}
ol.ol li:first-child {
margin-top: 0px;
}
ol ol.ol {
list-style-type: upper-roman;
}
ol ol.ol li {
list-style-type: upper-roman;
}
ul.ul {
display: block;
list-style-type: disc;
padding-left: 30px;
margin: 15px 0px 20px;
}
ul.ul li {
margin-top: 10px;
list-style-type: disc;
}
ul.ul li:first-child {
margin-top: 0px;
}
ul.page_nav {
margin: 0px 0px 20px;
}
ul.page_nav li {
display: inline-block;
margin: 0px 10px 10px;
}
.support{
background: #fffeed;
}
.support h2 {
text-align: center;
}
.support .ttl{
margin: 0;
text-align: center;
padding: 40px 0;
}
.support .bnr{
margin: 0;
text-align: center;
padding: 20px 0;
}
.support ul{
padding: 0 10px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tcase{
background: #fffeed;
padding: 0 0 40px;
}
.tcase .ttl{
margin: 0;
text-align: center;
padding: 60px 0 40px;
}
.tcase ul{
padding: 0 10px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tcase ul li{
margin: 0 0 20px;
}
ul.indent-list {
margin-left: 20px;
margin-bottom: 1em;
}
ul.indent-list li {
margin-bottom: 5px;
} .container-202308 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 10px;
}
.block-202308 {
flex: 0 0 calc(50% - 20px); box-sizing: border-box; margin: 10px;
padding: 15px;
text-align: center;
background-color: #f2f2f2;
color: #333;
border: 1px solid #ccc;
text-decoration: none;
transition: background-color 0.3s ease;
}
.block-202308,
.block-202308:link,
.block-202308:visited {
text-decoration: none; }
.block-title-202308 {
font-size: 1.4em;
margin-bottom:0.5em;
height: 80px; overflow:visible; }
.block-text-202308 {
font-size: 1em;
color: #333; 
height: 40px; overflow: hidden; } .block-202308:hover,
.block-202308:active {
background-color: #ccc;
} @media (max-width: 768px) {
.block-202308 {
flex-basis: 100%;
}
}
.container-guide-202308 {
display: flex;
flex-wrap: wrap;
gap: 20px; padding: 10px;
justify-content: flex-start; }
.block-guide-202308 {
flex: 1 1 calc(50% - 20px); margin: 10px;
padding: 20px;
background-color: #f2f2f2;
color: #333;
border: 1px solid #ccc;
text-decoration: none;
transition: background-color 0.3s ease;
display: flex;
flex-direction: column;
align-items: flex-start;
max-width:280px;
}
.block-title-guide-202308,
.block-text-guide-202308 {
text-decoration: none;
width: 100%; }
.block-image-guide-202308 {
width: 100%;
padding-top: 65.2%; position: relative;
overflow: hidden;
}
.block-image-guide-202308 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.block-title-guide-202308 {
font-size: 1.2em;
margin-top: 1em;
margin-bottom: 0.5em;
text-align: left;
}
.block-text-guide-202308 {
font-size: 1em;
text-align: left;
}
.block-guide-202308,
.block-guide-202308:link,
.block-guide-202308:visited {
text-decoration: none; } .block-guide-202308:hover,
.block-guide-202308:active {
background-color: #ccc;
} @media (max-width: 768px) {
.block-guide-202308 {
flex-basis: 100%;
}
}