@charset "UTF-8";
@charset "UTF-8";
    * {
margin: 0px;
padding: 0px;
}
body {
font-size: 14px;
text-align: center;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
line-height: 160%;
color: #222;
}
.container {
clear: both;
text-align: left;
margin: 0px auto;
padding: 0px;
}
.container.center {
text-align: center;
}
@media screen and (min-width:980px) and (max-width:1199px) {
.container.sep {
padding: 0 10px;
}
}
@media screen and (max-width:767px) {
.container.sep {
padding: 0 10px;
}
}
@media screen and (min-width:768px) and (max-width:979px) {
.container.sep {
padding: 0 10px;
}
}
.container.margin {
margin: 20px auto;
}
.container.border {
border: 1px solid #ddd;
}
.container.border_dashed {
border: 1px dashed #ddd;
}
@media screen and (max-width:767px) {
.container {
width: 100%;
}
}
@media screen and (min-width:768px) and (max-width:979px) {
.container {
width: 100%;
}
}
@media screen and (min-width:980px) and (max-width:1199px) {
.container {
width: 980px;
}
}
@media screen and (min-width:1200px) {
.container {
width: 1200px;
}
}
a:hover img {
filter: Alpha("opacity=80");
opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
h1 {
font-size: 2rem;
font-weight: bold;
text-align: center;
margin: 40px 0;
}
h2 {
margin: 40px 0;
text-align: center;
padding: 0.5em; color: #010101; background: #eaf3ff; border-bottom: solid 3px #516ab6; }
h3 {
position: relative;
font-size: 1.6rem;
text-align: center;
border-bottom: 5px solid #f6f6f6;
line-height: 200%;
margin: 40px 0;
}
h3::after {
content: "";
position: absolute;
bottom: -5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 240px;
height: 5px;
background-color: #F2CB05;
}
h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 26px;
text-align: center;
line-height: 200%;
}
h4::before, h4::after {
content: "";
width: 70px;
height: 3px;
background-color: #e3bf00;
}
h4::before {
margin-right: 20px;
}
h4::after {
margin-left: 20px;
}
p {
margin-bottom: 20px;
line-height: 200%;
}
p.sep {
padding: 0 20px;
}
p.sep.dotted {
border-bottom: 1px dotted #ccc;
}
p.sep.underline {
border-bottom: 1px solid #ccc;
}
small {
font-size: 86%;
color: #888;
}
strong {
font-weight: bold;
}
.label {
font-size: 90%;
min-height: 40px;
padding: xs_padding;
}
.btn {
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 0.4rem 1.2rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
background-color: #F2CB05;
border-bottom: 5px solid #ccc100;
}
.btn:hover {
margin-top: 3px;
color: #000;
background: #F2CB05;
border-bottom: 2px solid #ccc100;
}
img {
max-width: 100%;
height: auto;
width: auto; -ms-interpolation-mode: bicubic; vertical-align: bottom;
}
.clear {
clear: both;
}
.fixedTop, .fixedBottom {
position: fixed;
z-index: 100;
}
@media screen and (min-width:768px) and (max-width:979px) {
.fixedTop, .fixedBottom {
position: fixed;
z-index: 100;
}
}
.fixedTop {
top: 0px;
}
.fixedBottom {
bottom: 0px;
}
.blue1_bg {
background: #4184ef !important;
color: #fff;
border: none;
}
.orange1_bg {
background: #f1b302 !important;
color: #fff;
border: none;
}
.red1_bg {
background: #d94536 !important;
color: #fff;
border: none;
}
.green1_bg {
background: #109b57 !important;
color: #fff;
border: none;
}
.blue2_bg {
background: #72a7f7 !important;
color: #fff;
border: none;
}
.orange2_bg {
background: #f9ca42 !important;
color: #fff;
border: none;
}
.red2_bg {
background: #e37466 !important;
color: #fff;
border: none;
}
.green2_bg {
background: #33b278 !important;
color: #fff;
border: none;
}
.blue3_bg {
background: #9fc1f9 !important;
color: #fff;
border: none;
}
.orange3_bg {
background: #fbdf68 !important;
color: #fff;
border: none;
}
.red3_bg {
background: #ea9c94 !important;
color: #fff;
border: none;
}
.green3_bg {
background: #7acda7 !important;
color: #fff;
border: none;
}
.blue1 {
color: #4184ef !important;
}
.orange1 {
color: #f1b302 !important;
}
.red1 {
color: #d94536 !important;
}
.green1 {
color: #109b57 !important;
}
.blue2 {
color: #72a7f7 !important;
}
.orange2 {
color: #f9ca42 !important;
}
.red2 {
color: #e37466 !important;
}
.green2 {
color: #33b278 !important;
}
.blue3 {
color: #9fc1f9 !important;
}
.orange3 {
color: #fbdf68 !important;
}
.red3 {
color: #ea9c94 !important;
}
.green3 {
color: #7acda7 !important;
}
.mb10 {
margin-bottom: 10px;
}
.mt10 {
margin-top: 10px;
}
.ml10 {
margin-left: 10px;
}
.mr10 {
margin-right: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.mt20 {
margin-top: 20px;
}
.ml20 {
margin-left: 20px;
}
.mr20 {
margin-right: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.mt30 {
margin-top: 30px;
}
.ml30 {
margin-left: 30px;
}
.mr30 {
margin-right: 30px;
}
.mb40 {
margin-bottom: 40px;
}
.mt40 {
margin-top: 40px;
}
.ml40 {
margin-left: 40px;
}
.mr40 {
margin-right: 40px;
}
.mb50 {
margin-bottom: 50px;
}
.mt50 {
margin-top: 50px;
}
.ml50 {
margin-left: 50px;
}
.mr50 {
margin-right: 50px;
}
.mw10 {
max-width: 10%;
}
.mw20 {
max-width: 20%;
}
.mw30 {
max-width: 30%;
}
.mw40 {
max-width: 40%;
}
.mw50 {
max-width: 50%;
}
.mw60 {
max-width: 60%;
}
.mw70 {
max-width: 70%;
}
.mw80 {
max-width: 80%;
}
.mw90 {
max-width: 90%;
}
.mw100 {
max-width: 100%;
}
.mw500 {
max-width: 500px;
}
.mw600 {
max-width: 600px;
}
.mw700 {
max-width: 700px;
}
.mw800 {
max-width: 800px;
}
.mw900 {
max-width: 900px;
}
.mw1000 {
max-width: 1000px;
}
.no-wrap {
white-space: nowrap;
}
table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
border: 1px solid #b9b9b9;
margin: 20px auto;
}
table.no-margin {
margin: 0;
}
table.margin {
margin: 20px;
}
table.center td, table.center th {
text-align: center;
}
table td, table th {
padding: 10px;
text-align: left;
border: 1px solid #b9b9b9;
vertical-align: middle;
}
table td.center, table th.center {
text-align: center;
}
table td.alignleft, table th.alignleft {
text-align: left;
}
table td.alignleft, table th.alignleft {
text-align: right;
}
table th {
font-weight: bold;
color: #333;
background-color: #eee;
}
table td {
background-color: #fff;
}
table thead th {
background-color: #1d9edc;
color: #fff;
border: 1px solid #177eb0;
}
table caption {
font-weight: bold;
}
@media screen and (max-width:767px) {
table {
border: none;
}
table caption {
display: none;
}
table th, table td {
display: block;
border: none;
padding: 10px;
}
table.flex {
display: block;
}
table.flex thead {
display: none;
}
table.flex tbody {
display: block;
}
table.flex tbody tr {
display: block;
margin-bottom: 1.5em;
}
table.flex tbody th, table.flex tbody td {
display: list-item;
border: none;
list-style: none;
}
table.flex tbody th {
margin-bottom: 5px;
list-style-type: none;
color: #fff;
background: #1d9edc;
}
table.flex tbody th a {
color: #fff;
}
table.flex.attr tbody td {
padding: 0;
}
table.flex.attr tbody td:before {
content: "【" attr(data-label) "】";
}
}
ul {
list-style: circle inside;
}
ol {
list-style: decimal inside;
}
ul, ol {
margin: 20px auto;
}
ul.no-margin, ol.no-margin {
margin: 0 auto;
}
ul.margin, ol.margin {
margin: 20px;
}
ul.style-none, ol.style-none {
list-style: none;
}
ul, ol {
margin: 20px auto;
}
ul.col > li, ol.col > li {
display: block;
}
ul.col.no-margin, ol.col.no-margin {
margin: 0 auto;
}
ul.col.sep, ol.col.sep {
border-collapse: separate;
border-spacing: 10px 0;
}
ul.col.alignleft, ol.col.alignleft {
text-align: left;
}
ul.col.v-top li, ol.col.v-top li {
vertical-align: top;
}
ul.col.border, ol.col.border {
border: 1px solid #f2f2f2;
border-collapse: collapse;
}
ul.col.border li, ol.col.border li {
border-bottom: 1px solid #f2f2f2;
padding: 10px;
}
ul.col2, ul.tbl, ol.col2, ol.tbl {
border-collapse: collapse; display: table;
width: 100%;
table-layout: fixed;
margin-bottom: 20px;
text-align: center;
list-style: none;
}
@media screen and (max-width:767px) {
ul.col2, ul.tbl, ol.col2, ol.tbl {
margin-bottom: 10px;
}
}
ul.col2 > li, ul.tbl > li, ol.col2 > li, ol.tbl > li {
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width:767px) {
ul.col2 > li, ul.tbl > li, ol.col2 > li, ol.tbl > li {
display: block;
width: 100%;
margin-bottom: 10px;
}
}
@media screen and (max-width:767px) {
ul.col2 > li:last-child, ul.tbl > li:last-child, ol.col2 > li:last-child, ol.tbl > li:last-child {
margin-bottom: 0;
}
}
ul.col2 > li.alignleft, ul.tbl > li.alignleft, ol.col2 > li.alignleft, ol.tbl > li.alignleft {
text-align: left;
}
ul.col2 > li.alignright, ul.tbl > li.alignright, ol.col2 > li.alignright, ol.tbl > li.alignright {
text-align: right;
}
ul.col2 > li.aligntop, ul.tbl > li.aligntop, ol.col2 > li.aligntop, ol.tbl > li.aligntop {
vertical-align: top;
}
ul.col2 > li.center, ul.tbl > li.center, ol.col2 > li.center, ol.tbl > li.center {
text-align: center;
}
@media screen and (max-width:767px) {
ul.col2.inline > li, ul.tbl.inline > li, ol.col2.inline > li, ol.tbl.inline > li {
display: table-cell;
}
}
ul.col2.border, ul.tbl.border, ol.col2.border, ol.tbl.border {
border-collapse: separate;
border-spacing: 10px 0;
}
ul.col2.border > li, ul.tbl.border > li, ol.col2.border > li, ol.tbl.border > li {
padding: 10px;
border: 1px solid #ccc;
}
ul.col2.border h3, ul.tbl.border h3, ol.col2.border h3, ol.tbl.border h3 {
padding: 0;
margin: 0;
line-height: 100%;
border: none;
}
ul.col2.border.no-margin, ul.tbl.border.no-margin, ol.col2.border.no-margin, ol.tbl.border.no-margin {
margin: 0 auto;
border-collapse: collapse;
border-spacing: 0 0;
}
ul.col2.sep, ul.tbl.sep, ol.col2.sep, ol.tbl.sep {
border-collapse: separate;
border-spacing: 10px 0;
}
ul.col2.flex, ul.tbl.flex, ol.col2.flex, ol.tbl.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width:767px) {
ul.col2.flex, ul.tbl.flex, ol.col2.flex, ol.tbl.flex {
display: table;
}
}
ul.col2.flex > li, ul.tbl.flex > li, ol.col2.flex > li, ol.tbl.flex > li {
width: 33.3333333333%;
padding: 20px;
}
ul.col2.flex > li:nth-of-type(2), ul.tbl.flex > li:nth-of-type(2), ol.col2.flex > li:nth-of-type(2), ol.tbl.flex > li:nth-of-type(2) {
margin: 0 20px;
}
@media screen and (max-width:767px) {
ul.col2.flex > li, ul.tbl.flex > li, ol.col2.flex > li, ol.tbl.flex > li {
display: block;
width: 100%;
margin-bottom: 10px;
}
ul.col2.flex > li:nth-of-type(2), ul.tbl.flex > li:nth-of-type(2), ol.col2.flex > li:nth-of-type(2), ol.tbl.flex > li:nth-of-type(2) {
margin: 0;
margin-bottom: 10px;
}
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
input,
textarea,
select {
font-size: 14px;
padding: 3px;
border: 1px solid #ddd;
}
@media screen and (max-width:767px) {
input,
textarea,
select {
font-size: 16px;
}
}
input[type=submit] {
-webkit-appearance: none;
padding: 0 10px;
color: #fff;
font-size: 12px;
}
input,
textarea {
width: 100%;
} .alignleft {
text-align: left;
}
.aligncenter {
text-align: center;
}
.alignright {
text-align: right;
}
.frame {
clear: both;
background-color: #f4fafd;
border: 1px solid #e8f5fc;
padding: 20px;
margin-bottom: 20px;
}
.frame h1, .frame h2, .frame h3, .frame h4 {
padding: 0;
border: none;
}
.frame.red {
background: #fdf5f4;
border: 1px solid #f4c7c3;
}
.frame.orange {
background: #fffcf0;
border: 1px solid #fbe8b3;
}
.frame.green {
background: #f2faf6;
border: 1px solid #b7e1cd;
} #header {
padding: 10px 0;
}
#header ul {
margin: 0;
width: auto;
}
#header h1 {
font-size: 86%;
line-height: 100%;
}
@media screen and (max-width:767px) {
#header #logo {
margin: 10px;
}
}
#header #site_description {
text-align: left;
margin: 0 10px;
border: none;
font-size: 10px;
line-height: 160%;
}
@media screen and (max-width:767px) {
#header #site_description {
display: none;
}
}
#header #header_r {
width: 100%;
}
#header #header_r .head_tel {
font-size: 1.6rem;
font-weight: 700;
}
#header #xs-nav {
display: none;
}
#header #xs-nav a {
color: #1d9edc;
font-size: 10px;
}
#header #xs-nav a i {
font-size: 14px;
}
#header #xs-nav .btn {
padding: 6px;
}
@media screen and (max-width:767px) {
#header #xs-nav {
display: block;
float: right;
margin: 10px;
margin-top: 0;
}
} #nav {
background-color: #F2F2F2;
width: 100%;
}
@media screen and (max-width:767px) {
#nav {
height: auto;
background-image: none;
}
}
#nav .container {
text-align: center;
}
#nav ul#head_nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
}
#nav ul#head_nav li {
position: relative;
list-style-type: none;
text-align: center;
width: 100%;
}
#nav ul#head_nav li .sub-menu {
display: none;
}
#nav ul#head_nav li:hover .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 99;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: 20px;
background-color: #fff;
font-size: 0.8rem;
}
#nav ul#head_nav li:hover .sub-menu li {
width: 100%;
border-bottom: 1px solid #ddd;
}
#nav ul#head_nav li a {
display: block;
padding: 10px 20px;
text-decoration: none;
font-weight: 700;
color: #000;
}
#nav ul#head_nav li a:hover {
background-color: #0D0D0D;
color: #fff;
-webkit-transition: 0.6s;
transition: 0.6s;
}
@media screen and (max-width:767px) {
#nav {
display: none;
margin-bottom: 0;
}
}
#search-content {
margin-bottom: 40px;
}
#search-content .container {
background-color: #f2f2f2;
padding: 40px;
}
#search-content .container .search_inputs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 800px;
margin: 0 auto;
}
#search-content .container .search_inputs input {
padding: 10px;
}
#search-content .container .search_inputs input:nth-of-type(1) {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
}
#search-content .container .search_inputs input:nth-of-type(2) {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
background-color: #000;
}
#search {
display: none;
padding: 10px;
background-color: #fafafa;
} #mainImg {
width: 100%;
margin-bottom: 20px;
}
#mainImg .item img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width:767px) {
#mainImg {
margin-bottom: 10px;
}
} #bread {
text-align: left;
padding: 5px 10px;
font-size: 12px;
background-color: #fafafa;
}
#bread ul {
margin: 0;
}
@media screen and (max-width:767px) {
#bread {
margin: 0;
background-color: #eee;
font-size: 12px;
}
}
@media screen and (min-width:768px) and (max-width:979px) {
#bread {
margin: 0;
}
}
#bread li {
display: inline-block;
}
#bread li:last-child a::after {
position: absolute;
top: 50%;
right: 5px;
display: block;
content: "";
width: 5px;
height: 5px;
margin-top: -4px;
border-top: none;
border-right: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#bread li a {
color: #888;
position: relative;
display: inline-block;
padding-right: 15px;
width: auto;
text-align: center;
z-index: 0;
margin-right: 3px;
}
#bread li a::after {
position: absolute;
top: 50%;
right: 5px;
display: block;
content: "";
width: 5px;
height: 5px;
margin-top: -4px;
border-top: 1px solid #888;
border-right: 1px solid #888;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}  #contentWrap {
margin-bottom: 40px;
} #contentWrap #content {
background-color: transparent;
float: left;
padding: 0;
}
#contentWrap #content .container {
width: 100%;
}
@media screen and (max-width:767px) {
#contentWrap #content {
padding: 0 10px;
width: 100%;
}
#contentWrap #content .container {
padding: 0;
}
#contentWrap #content .container.sep {
padding: 0 10px;
}
}
@media screen and (min-width:768px) and (max-width:979px) {
#contentWrap #content {
width: 100%;
}
#contentWrap #content .container {
padding: 0;
}
#contentWrap #content .container.sep {
padding: 0 10px;
}
}
@media screen and (min-width:980px) and (max-width:1199px) {
#contentWrap #content {
width: 540px;
padding: 0;
}
}
@media screen and (min-width:1200px) {
#contentWrap #content {
width: 700px;
padding: 0;
}
}
#contentWrap #content.col1 {
float: none;
}
@media screen and (max-width:767px) {
#contentWrap #content.col1 .container {
width: 100%;
padding: 0;
}
#contentWrap #content.col1 .container.sep {
padding: 0 10px;
}
}
@media screen and (min-width:768px) and (max-width:979px) {
#contentWrap #content.col1 .container {
width: 100%;
padding: 0;
}
#contentWrap #content.col1 .container.sep {
padding: 0 10px;
}
}
@media screen and (min-width:980px) and (max-width:1199px) {
#contentWrap #content.col1 .container {
width: 980px;
}
}
@media screen and (min-width:1200px) {
#contentWrap #content.col1 .container {
width: 1200px;
}
}
@media screen and (min-width:768px) and (max-width:979px) {
#contentWrap #content.col1 {
width: 100%;
}
}
@media screen and (min-width:980px) and (max-width:1199px) {
#contentWrap #content.col1 {
width: 100%;
}
}
@media screen and (min-width:1200px) {
#contentWrap #content.col1 {
width: 100%;
}
}
#contentWrap #content .single h1, #contentWrap #content .page h1 {
background-color: transparent;
color: #1d9edc;
margin: 0;
}
#contentWrap #content #change {
text-align: center;
padding: 80px 20px;
background-color: #eee;
border-radius: 30px;
margin: 40px auto;
}
#contentWrap #content #change h1 {
color: #BF304A;
margin-bottom: 40px;
}
#contentWrap #content #change .changeMe {
display: inline-block;
padding: 10px 20px;
background-color: #7B3E8C;
color: #fff;
}
#contentWrap #content #change .changeMe a {
color: #F2CB05;
font-weight: bold;
text-decoration: underline;
margin-right: 6px;
}
#contentWrap #content .postsWrap .posts li {
width: 100%;
}
@media screen and (max-width:767px) {
#contentWrap #content .postsWrap .posts li {
margin-bottom: 10px;
}
}
#contentWrap #content .postsWrap .posts .post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
}
#contentWrap #content .postsWrap .posts .post li:nth-of-type(1) {
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
#contentWrap #content .postsWrap .posts .post li:nth-of-type(2) {
-ms-flex-preferred-size: 66%;
flex-basis: 66%;
padding: 0 10px;
}
article h1 {
padding: 0 10px;
}
article p {
margin-bottom: 10px;
}
article.summary {
margin-bottom: 10px;
}
article.summary .excerpt {
padding: 10px;
}
article.summary .excerpt .more {
margin-top: 10px;
}
article.summary h2 {
padding: 10px;
}
article .itemMeta {
font-size: 12px;
margin: 0 10px;
margin-bottom: 10px;
}
article .article-img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.pagination {
margin: 0 10px;
} .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
} #contentWrap #side {
font-size: 90%;
float: left;
}
#contentWrap #side .container.margin {
margin: 10px 0;
}
#contentWrap #side .container.padding {
padding: 10px;
}
@media screen and (max-width:767px) {
#contentWrap #side {
display: none;
}
#contentWrap #side .container {
width: 100%;
}
}
@media screen and (min-width:768px) and (max-width:979px) {
#contentWrap #side {
display: none;
}
#contentWrap #side .container {
width: 100%;
}
}
@media screen and (min-width:980px) and (max-width:1199px) {
#contentWrap #side {
display: block;
width: 240px;
padding: 0;
}
#contentWrap #side .container {
width: 100%;
}
}
@media screen and (min-width:1200px) {
#contentWrap #side {
display: block;
width: 280px;
padding: 0;
}
#contentWrap #side .container {
width: 100%;
}
}
#contentWrap #side h3 {
background-color: #1d9edc;
color: #fff;
border: none;
}
#side2 {
float: right;
background-color: #fafafa;
} #footer #foot_nav.odd li:last-of-type a {
width: 100%;
}
#footer ul {
margin: 0;
}
#footer #foot_nav {
background-color: #1d9edc;
}
#footer #foot_nav li {
z-index: 70;
display: inline-block;
text-align: left;
}
@media screen and (max-width:767px) {
#footer #foot_nav li {
display: block;
}
}
#footer #foot_nav li a {
display: inline-block;
padding: 10px;
color: #fff;
}
@media screen and (max-width:767px) {
#footer #foot_nav li a {
font-size: 12px;
color: #fff;
margin: 0px;
padding: 5px 10px;
display: block;
float: left;
width: 50%;
border-bottom: 1px solid #0a0a0a;
border-right: 1px solid #0a0a0a;
background-color: #222;
position: relative;
}
#footer #foot_nav li a:hover {
text-decoration: none;
background-color: black;
color: #fff;
}
#footer #foot_nav li a::after {
position: absolute;
top: 50%;
right: 10px;
display: block;
content: "";
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
#footer .container {
text-align: center;
}
#footer img {
vertical-align: middle;
}
#footerContact {
clear: both;
background-color: #1d9edc;
padding: 10px;
border: 2px solid #1d9edc;
}
#footerContact #footerTel {
font-size: 200%;
margin: 10px 0;
}
#footerContact #footerTel a {
color: #fff;
}
#footerContact .btn-original {
background-color: #fff;
}
#page-top {
position: fixed;
bottom: 50px;
right: 0px;
font-size: 12px;
z-index: 100;
}
#page-top a {
background: #f1b302;
text-decoration: none;
color: #fff;
width: 40px;
padding: 10px 0;
text-align: center;
display: block;
}
#page-top a:hover {
text-decoration: none;
background: #f9ca42;
} #copy {
background-color: #fafafa;
padding: 10px;
font-size: 10px;
}
#copy .container {
text-align: center;
}
.revonet {
font-size: 10px;
color: #555;
}
.revonet a {
color: #555;
}
.revonet a:hover {
text-decoration: none;
}
.revonet img {
vertical-align: middle;
}
.blue1_bg { background: #3993f3 !important; color: #fff; border: none; }
.orange1_bg { background: #f39939 !important; color: #fff; border: none; }
.red1_bg { background: #d94536 !important; color: #fff; border: none; }
.green1_bg { background: #56ab33 !important; color: #fff; border: none; }
.blue2_bg { background: #72a7f7 !important; color: #fff; border: none; }
.orange2_bg { background: #f9ca42 !important; color: #fff; border: none; }
.red2_bg { background: #e37466 !important; color: #fff; border: none; }
.green2_bg { background: #38801a !important; color: #fff; border: none; }
.blue3_bg { background: #9fc1f9 !important; color: #fff; border: none; }
.orange3_bg { background: #fbdf68 !important; color: #fff; border: none; }
.red3_bg { background: #ea9c94 !important; color: #fff; border: none; }
.green3_bg { background: #7acda7 !important; color: #fff; border: none; }
.blue1 { color: #3993f3 !important; }
.orange1 { color: #f39939 !important; }
.red1 { color: #d94536 !important; }
.green1 { color: #56ab33 !important; }
.blue2 { color: #72a7f7 !important; }
.orange2 { color: #f9ca42 !important; }
.red2 { color: #e37466 !important; }
.green2 { color: #38801a !important; }
.blue3 { color: #9fc1f9 !important; }
.orange3 { color: #fbdf68 !important; }
.red3 { color: #ea9c94 !important; }
.green3 { color: #7acda7 !important; }
body.page-template-default #contentWrap .caseTmp #content { color: #515151; letter-spacing: .1rem; }
body.page-template-default #contentWrap .caseTmp #content h1, body.page-template-default #contentWrap .caseTmp #content h2, body.page-template-default #contentWrap .caseTmp #content h3 { letter-spacing: .2rem; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content h1, body.page-template-default #contentWrap .caseTmp #content h2, body.page-template-default #contentWrap .caseTmp #content h3 { letter-spacing: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec { padding: 0; margin-bottom: 40px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec { margin-bottom: 30px; } }
body.page-template-default #contentWrap .caseTmp #content .sec h2 { margin-bottom: 0; padding: 6px 0; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec h2 { line-height: 160%; font-size: 1.2rem; padding: 6px 10px; } }
body.page-template-default #contentWrap .caseTmp #content .sec h3 { border: none; background-color: #e2effd; color: #3993f3; margin: 20px 0; }
body.page-template-default #contentWrap .caseTmp #content .sec h3::after { display: none; }
body.page-template-default #contentWrap .caseTmp #content .sec .inner { padding: 20px 60px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec .inner { padding: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec01 { position: relative; }
body.page-template-default #contentWrap .caseTmp #content .sec01 .textWrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: bold; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec01 .textWrap { width: 100%; padding: 0 20px; font-size: .9rem; } }
body.page-template-default #contentWrap .caseTmp #content .sec01 .textWrap h1 { color: #fff; border-bottom: 2px solid #fff; padding-bottom: 20px; margin-bottom: 20px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec01 img { height: 200px; object-fit: cover; } }
body.page-template-default #contentWrap .caseTmp #content .sec02 { background-color: #fff; border-radius: 20px; }
body.page-template-default #contentWrap .caseTmp #content .sec02 h2 { background-color: transparent; color: #515151; border-bottom: 2px solid #515151; margin-bottom: 20px; }
body.page-template-default #contentWrap .caseTmp #content .sec02 ul li { list-style-type: none; font-weight: bold; margin-bottom: 10px; padding-left: 20px; letter-spacing: .16rem; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec02 ul li { padding-left: 0; font-size: .9rem; letter-spacing: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec02 ul li i { color: #3993f3; margin-right: 10px; }
body.page-template-default #contentWrap .caseTmp #content .sec03 { background-color: #fff; border: 2px solid #3993f3; }
body.page-template-default #contentWrap .caseTmp #content .sec03 .inner { padding: 20px 60px 30px 60px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec03 .inner { padding: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec03 h2 { background-color: #3993f3; color: #fff; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec03 h2 { padding: 6px 10px; letter-spacing: 0; font-size: 1.1rem; } }
body.page-template-default #contentWrap .caseTmp #content .sec03 strong { color: #3993f3; }
body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap { display: flex; gap: 10px; margin: 30px 0; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap { flex-direction: column-reverse; margin-bottom: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li { list-style-type: none; width: 100%; }
body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li:nth-of-type(2) { text-align: right; }
body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li:nth-of-type(2) img { width: 360px; }
body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li h4 { font-size: 1.3rem; justify-content: flex-start; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li h4 { letter-spacing: 0; font-size: 1.1rem; } }
body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li h4::before { display: none; }
body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li h4::after { display: none; }
body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li h4 strong { font-size: 2.4rem; display: inline-block; margin-right: 10px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li h4 strong { font-size: 2rem; } }
body.page-template-default #contentWrap .caseTmp #content .sec03 ul.meritWrap > li > ul li { margin-bottom: 6px; list-style-type: disc; }
body.page-template-default #contentWrap .caseTmp #content .sec04 { background-color: #fff; border: 2px solid #f39939; }
body.page-template-default #contentWrap .caseTmp #content .sec04 .inner { padding: 20px 60px 30px 60px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec04 .inner { padding: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec04 h3 { background-color: #e7e7e7; color: #515151; margin-bottom: 40px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec04 h3 { margin-bottom: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec04 h3 strong { color: #f39939; }
body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap { display: flex; gap: 30px; flex-direction: row; flex-wrap: wrap; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap { flex-wrap: nowrap; flex-direction: column; gap: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap h4 { font-size: 1.3rem; justify-content: flex-start; text-align: left; line-height: 160%; color: #f39939; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap h4 { letter-spacing: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap h4::before { display: none; }
body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap h4::after { display: none; }
body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap h4 strong { font-size: 2.4rem; display: inline-block; margin-right: 30px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap h4 strong { margin-right: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap > li { list-style-type: none; width: calc( (100% - 30px)/2 ); background-color: #fdf0e2; padding: 30px; border-radius: 20px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap > li { width: 100%; padding: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap > li:nth-of-type(6) { background-color: transparent; }
body.page-template-default #contentWrap .caseTmp #content .sec04 ul.reasonWrap > li ul li { list-style-type: disc; margin-bottom: 6px; }
body.page-template-default #contentWrap .caseTmp #content .sec05 { background-color: #fff; border: 2px solid #515151; }
body.page-template-default #contentWrap .caseTmp #content .sec05 h2 { background-color: #515151; }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner h3 { background-color: #f5f5f5; color: #515151; margin-bottom: 40px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec05 .inner h3 { margin: 10px 0 30px 0; letter-spacing: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner h3 strong { color: #f39939; }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner h4 { font-size: 1.3rem; line-height: 160%; color: #515151; border-bottom: 1px dashed #515151; padding-bottom: 6px; }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner h4::before { display: none; }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner h4::after { display: none; }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .baWrap { position: relative; height: 400px; margin-bottom: 30px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .baWrap { height: 380px; } }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .baWrap .bWrap { position: absolute; top: 0; left: 0; border: 2px solid #515151; z-index: 3; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .baWrap .bWrap { left: 50%; transform: translateX(-50%); } }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .baWrap .bWrap .bTitle { background-color: #515151; color: #fff; font-weight: bold; text-align: center; padding: 6px 0; font-size: .9rem; }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .baWrap .aWrap { position: absolute; top: 0; right: 0; z-index: 1; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .baWrap .aWrap { top: auto; bottom: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .baWrap .aWrap .aTitle { background-color: #f39939; color: #fff; font-weight: bold; text-align: center; padding: 6px 0; position: absolute; bottom: 0; right: 0; width: 240px; font-size: .9rem; }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner ul.detailWrap { display: flex; padding-bottom: 20px; border-bottom: 1px dashed #515151; margin-bottom: 40px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec05 .inner ul.detailWrap { flex-direction: column; margin-bottom: 30px; } }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner ul.detailWrap > li { width: 100%; list-style-type: none; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec05 .inner ul.detailWrap > li:nth-of-type(2) { margin-top: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner ul.detailWrap > li ul { margin-top: 0; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec05 .inner ul.detailWrap > li ul { margin-bottom: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner ul.detailWrap > li ul li { list-style-type: disc; }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .embed-container { margin-bottom: 40px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .embed-container { margin-bottom: 30px; } }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .btnWrap { padding: 30px 0; border-top: 1px dashed #515151; display: flex; gap: 30px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .btnWrap { flex-direction: column; } }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .btnWrap a { background-color: #515151; color: #fff; padding: 14px 20px; border-radius: 30px; display: inline-block; text-decoration: none; font-weight: bold; width: 100%; text-align: center; filter: drop-shadow(4px 4px 0 #aaabab); position: relative; }
body.page-template-default #contentWrap .caseTmp #content .sec05 .inner .btnWrap a i { font-size: 1.4rem; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); }
body.page-template-default #contentWrap .caseTmp #content .secPrice .tblWrap table { margin-bottom: 10px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .secPrice .tblWrap table { border: 1px solid #ddd; } }
body.page-template-default #contentWrap .caseTmp #content .secPrice .tblWrap table tr th { width: 240px; background-color: #fafafa; }
body.page-template-default #contentWrap .caseTmp #content .secPrice .tblWrap table tr th, body.page-template-default #contentWrap .caseTmp #content .secPrice .tblWrap table tr td { padding: 20px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .secPrice .tblWrap table tr th, body.page-template-default #contentWrap .caseTmp #content .secPrice .tblWrap table tr td { padding: 10px; width: 100%; text-align: center; } }
body.page-template-default #contentWrap .caseTmp #content .secPrice .alignRight { text-align: right; margin-bottom: 30px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .secPrice .alignRight { text-align: center; } }
body.page-template-default #contentWrap .caseTmp #content .specWrap .inner { display: flex; gap: 40px; align-items: flex-start; justify-content: flex-start; margin-top: 20px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .specWrap .inner { flex-direction: column; gap: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap { flex-direction: column-reverse; width: 100%; justify-content: flex-start; margin: 0; align-items: flex-start; gap: 30px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap { flex-direction: row; gap: 0px; } }
body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li h4 { font-size: 1.6rem; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li h4 { font-size: 1.2rem; } }
body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li h4 strong { font-size: 2.8rem; margin-right: 20px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li h4 strong { font-size: 2rem; margin-right: 10px; } }
body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li img { width: 240px; height: 240px; object-fit: cover; border-radius: 50%; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li img { width: 130px; height: 130px; } }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li:nth-of-type(1) { width: 56%; font-size: .9rem; } }
body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li:nth-of-type(2) { text-align: center; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li:nth-of-type(2) { width: 42%; font-size: .9rem; } }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li > ul { margin: 10px auto; } }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .specWrap .inner ul.meritWrap > li > ul li { list-style-position: inside; font-size: .9rem; margin-bottom: 2px; } }
body.page-template-default #contentWrap .caseTmp #content .sec06 { margin-bottom: 60px; }
body.page-template-default #contentWrap .caseTmp #content .sec06 h2 { background-color: transparent; margin-bottom: 40px; color: #515151; border-bottom: 2px solid #515151; }
body.page-template-default #contentWrap .caseTmp #content .sec06 ul { display: flex; gap: 50px; margin-bottom: 40px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec06 ul { flex-direction: column-reverse; gap: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec06 ul li { width: 100%; list-style-type: none; }
body.page-template-default #contentWrap .caseTmp #content .sec06 ul li p { margin-bottom: 30px; position: relative; background: #ffffff; border-radius: 14px; padding: 20px; padding-bottom: 40px; filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2)); transform: translateZ(0); }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec06 ul li p { margin-bottom: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec06 ul li p::after { top: 100%; left: 20%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 20px 20px 0 0; margin-left: -20px; }
body.page-template-default #contentWrap .caseTmp #content .sec06 ul li .voiceName { font-weight: bold; color: #515151; text-align: right; }
body.page-template-default #contentWrap .caseTmp #content .sec06 ul li:nth-of-type(1) { text-align: center; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec06 ul li:nth-of-type(1) img { max-width: 300px; } }
body.page-template-default #contentWrap .caseTmp #content .sec07 { padding-bottom: 20px; background-image: linear-gradient(0deg, transparent calc(100% - 1px), #ffc281 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #ffc281 calc(100% - 1px)); background-size: 14px 14px; background-repeat: repeat; background-position: left top; border-radius: 14px; background-color: #fff; border: 2px solid #f39939; }
body.page-template-default #contentWrap .caseTmp #content .sec07 h2 { background-color: transparent; margin-bottom: 0px; color: #515151; margin-top: 40px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec07 h2 { margin-top: 20px; } }
body.page-template-default #contentWrap .caseTmp #content .sec07 h3 { text-align: left; background-color: transparent; color: #515151; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec07 h3 { letter-spacing: 0; font-size: 1rem; } }
body.page-template-default #contentWrap .caseTmp #content .sec07 h3 .stepNum { padding: 0 10px; display: inline-block; background-color: #f39939; color: #fff; font-size: .8rem; width: 80px; font-weight: bold; letter-spacing: 0; text-align: center; height: 44px; margin-right: 20px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec07 h3 .stepNum { height: 30px; margin-right: 10px; width: 60px; letter-spacing: 0; padding: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec07 h3 .stepNum strong { font-size: 1.4rem; color: #fff; margin-left: 6px; }
body.page-template-default #contentWrap .caseTmp #content .sec07 h3 .stepNum::after { border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-color: rgba(0, 153, 255, 0); border-top-width: 10px; border-bottom-width: 10px; border-left-width: 30px; border-right-width: 30px; margin-left: 0px; border-bottom-color: #f39939; bottom: 30px; left: 0%; }
body.page-template-default #contentWrap .caseTmp #content .sec07 h3 strong { display: inline-block; margin-left: 10px; color: #3993f3; }
body.page-template-default #contentWrap .caseTmp #content .sec07 ul.flowWrap { display: flex; flex-direction: column; gap: 20px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec07 ul.flowWrap { margin-top: 0; margin-bottom: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec07 ul.flowWrap > li { background-color: #fff; list-style-type: none; padding: 14px 30px; border: 3px solid #fdf0e2; border-radius: 14px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec07 ul.flowWrap > li { padding: 10px 20px; } }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec07 ul.flowWrap > li ul { margin-bottom: 10px; } }
body.page-template-default #contentWrap .caseTmp #content .sec07 ul.flowWrap > li ul li { list-style-type: disc; margin-bottom: 6px; }
body.page-template-default #contentWrap .caseTmp #content .sec08 { background-color: #fff; border: 2px solid #3993f3; }
body.page-template-default #contentWrap .caseTmp #content .sec08 h2 { background-color: #3993f3; }
body.page-template-default #contentWrap .caseTmp #content .sec08 .inner ul.supportWrap { display: flex; align-items: center; margin: 10px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec08 .inner ul.supportWrap { flex-direction: column; margin: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec08 .inner ul.supportWrap > li { list-style-type: none; width: 100%; }
body.page-template-default #contentWrap .caseTmp #content .sec08 .inner ul.supportWrap > li:nth-of-type(2) { text-align: right; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec08 .inner ul.supportWrap > li:nth-of-type(2) { text-align: center; } }
body.page-template-default #contentWrap .caseTmp #content .sec08 .inner ul.supportWrap > li img { height: 130px; }
body.page-template-default #contentWrap .caseTmp #content .sec08 .inner ul.supportWrap > li ul li { font-size: 1.2rem; margin-bottom: 10px; list-style-type: none; font-weight: bold; }
body.page-template-default #contentWrap .caseTmp #content .sec08 .inner ul.supportWrap > li ul li i { color: #3993f3; margin-right: 10px; }
body.page-template-default #contentWrap .caseTmp #content .sec09 { background-color: #fcefe0; border: 2px solid #f39939; border-radius: 14px; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec09 { margin-bottom: 30px; } }
body.page-template-default #contentWrap .caseTmp #content .sec09 h2 { background-color: transparent; color: #f39939; margin-bottom: 0px; }
body.page-template-default #contentWrap .caseTmp #content .sec09 ul.consultWrap { position: relative; display: flex; gap: 40px; align-items: center; justify-content: center; margin: 0; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec09 ul.consultWrap { flex-direction: column; gap: 0; } }
body.page-template-default #contentWrap .caseTmp #content .sec09 ul.consultWrap > li { width: 33%; list-style-type: none; text-align: center; }
body.page-template-default #contentWrap .caseTmp #content .sec09 ul.consultWrap > li:nth-of-type(2) { width: 44%; }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec09 ul.consultWrap > li:nth-of-type(2) { width: 100%; } }
@media screen and (max-width: 767px) { body.page-template-default #contentWrap .caseTmp #content .sec09 ul.consultWrap > li:nth-of-type(3) img { position: absolute; bottom: 0px; right: 0px; height: 100px; } }
body.page-template-default #contentWrap .caseTmp #content .sec09 ul.consultWrap > li img { height: 130px; }
body.page-template-default #contentWrap .caseTmp #content .sec09 ul.consultWrap > li ul li { list-style-type: disc; text-align: left; font-weight: bold; }