@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; }
html { font-size: 14px; color: #515151; }
@media screen and (min-width: 768px) and (max-width: 979px) { html { font-size: 12px; } }
body { color: #515151; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }
.flex { display: flex; justify-content: space-between; align-items: center; margin: 0; }
.flex li { list-style-type: none; }
@media screen and (max-width: 767px) { .flex { flex-direction: column; } } #header { padding: 20px 0; }
@media screen and (min-width: 980px) and (max-width: 1199px) { #header .container { width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 979px) { #header .container { width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 979px) { #header .container { font-size: .9rem; } }
#header.is-fixed { background-color: #fff; position: fixed; top: 0; z-index: 999; width: 100%; -webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); padding: 10px 0 0 0; }
@media screen and (max-width: 767px) { #header { padding: 0px 0; }
#header.is-fixed { background-color: transparent; position: fixed; top: 0; z-index: 99; width: 100%; padding: 0; filter: none; } }
#header ul { margin: 0; width: auto; flex-direction: row; justify-content: space-between; }
#header h1 { font-size: 86%; line-height: 100%; }
#header #logo { max-width: 260px; }
@media screen and (max-width: 767px) { #header #logo { max-width: 160px; } }
#header #header_r { align-items: center; gap: 10px; }
@media screen and (max-width: 767px) { #header #header_r { display: none; } }
@media screen and (min-width: 768px) and (max-width: 979px) { #header #header_r > li.head_tel { flex-basis: 40%; }
#header #header_r > li:nth-of-type(2) { width: 60%; } }
#header #header_r .ctaBtns { margin-right: 20px; display: flex; gap: 14px; justify-content: space-between; }
@media screen and (min-width: 980px) and (max-width: 1199px) { #header #header_r .ctaBtns { gap: 10px; } }
#header #header_r .ctaBtns .btn { border: none; padding: 0.4rem 1rem; }
#header #header_r .ctaBtns .btn:hover { border: none; margin-top: 0; }
#header #header_r .ctaBtns li:nth-of-type(1) .btn { background-color: #f39939; }
#header #header_r .ctaBtns li:nth-of-type(2) .btn { background-color: #3993f3; }
#header #header_r .ctaBtns li:nth-of-type(3) .btn { background-color: #515151; }
#header #header_r .ctaBtns li a { color: #fff; font-weight: normal; }
#header #header_r .ctaBtns .btn { border-radius: 0; border-color: #ccc; }
#header #header_r .ctaBtns .btn img { max-width: 20px; }
@media screen and (max-width: 767px) { #header #header_r2 { display: none; } }
#header #header_r2 > li { padding: 10px; }
#header #header_r2 > li:nth-of-type(1) { color: #505050; font-size: 1rem; border-right: 1px solid #505050; }
@media screen and (min-width: 980px) and (max-width: 1199px) { #header #header_r2 > li:nth-of-type(1) { font-size: .9rem; } }
@media screen and (min-width: 768px) and (max-width: 979px) { #header #header_r2 > li:nth-of-type(1) { font-size: .9rem; } }
#header #header_r2 img { max-width: 24px; }
#header #header_r2 .sns { display: flex; }
#header #header_r2 .sns li { padding: 10px; }
#header .nav-xs { display: none; }
@media screen and (max-width: 767px) { #header .nav-xs { display: flex; gap: 10px; margin-right: 20px; }
#header .nav-xs li a { padding: 10px; font-size: 1.4rem; display: flex; text-decoration: none; width: 44px; height: 44px; justify-content: center; align-items: center; flex-direction: column; }
#header .nav-xs li:nth-of-type(1) { background-color: #f39939; }
#header .nav-xs li:nth-of-type(1) a { color: #fff; }
#header .nav-xs li:nth-of-type(2) { background-color: #3993f3; }
#header .nav-xs li:nth-of-type(2) a { color: #fff; }
#header .nav-xs li:nth-of-type(3) { background-color: transparent; color: #515151; padding: 0; text-align: center; font-size: 1.8rem; }
#header .nav-xs li:nth-of-type(3) span { display: block; font-size: .9rem; font-weight: 700; line-height: 100%; margin-top: 2px; }
#header .nav-xs li.xs_open { background-color: #fff; padding: 2px; } }
#header .nav-xsWrap { display: none; }
@media screen and (max-width: 767px) { #header .nav-xsWrap { padding-bottom: 80px; background-color: #fff; overflow: auto; -webkit-overflow-scrolling: touch; display: block; transition: .5s; padding: 0 20px 20px 20px; position: fixed; z-index: 999; top: 0; right: -120%; width: 100%; height: 100vh; }
#header .nav-xsWrap #head_nav_xs { font-weight: bold; display: flex; flex-direction: column; background-color: #f5f5f5; padding: 10px; margin-bottom: 20px; }
#header .nav-xsWrap #head_nav_xs .sub-menu, #header .nav-xsWrap #head_nav_xs .sub-menu_reform { display: none; }
#header .nav-xsWrap #head_nav_xs > li { list-style-type: none; position: relative; }
#header .nav-xsWrap #head_nav_xs > li:nth-of-type(1) { display: none; }
#header .nav-xsWrap #head_nav_xs > li a { display: block; padding: 4px 20px; text-align: left; text-decoration: none; color: #515151; font-weight: 700; }
#header .nav-xsWrap #head_nav_xs > li .plus { position: absolute; top: 2px; right: 10px; display: inline-block; padding: 2px 8px; background-color: #fff; }
#header .nav-xsWrap #head_nav_xs .sub-menu { padding-bottom: 10px; }
#header .nav-xsWrap #head_nav_xs .sub-menu li { list-style-type: none; padding-left: 20px; font-size: .9rem; }
#header .nav-xsWrap #head_nav_xs .sub-menu li .iconWrap { background-color: #f39939; display: inline-block; padding: 8px; width: 40px; height: 40px; border-radius: 40px; margin-right: 10px; display: none; }
#header .nav-xsWrap #head_nav_xs .sub-menu li .iconWrap img { max-width: 24px; }
#header .nav-xsWrap .tel_info { margin: 10px; font-size: .9rem; font-weight: bold; text-align: left; }
#header .nav-xsWrap .ctaBtns { gap: 20px; margin: 20px 0; }
#header .nav-xsWrap .ctaBtns li { width: 100%; }
#header .nav-xsWrap .ctaBtns li:nth-of-type(1) { background-color: #f39939; }
#header .nav-xsWrap .ctaBtns li:nth-of-type(2) { background-color: #3993f3; }
#header .nav-xsWrap .ctaBtns li:nth-of-type(3) { background-color: #515151; }
#header .nav-xsWrap .ctaBtns li a { padding: 10px; display: inline-block; text-decoration: none; }
#header .nav-xsWrap .ctaBtns li img { max-width: 24px; }
#header .nav-xsWrap .ctaBtns li span { display: block; font-weight: bold; color: #fff; }
#header .nav-xsWrap .sns { gap: 20px; justify-content: center; margin-bottom: 80px; }
#header .nav-xsWrap .sns li img { max-width: 24px; }
#header .nav-xsWrap.open { right: 0; } }
#header .nav-xsWrap .nav-xs-close { display: flex; justify-content: space-between; }
#header .nav-xsWrap .nav-xs-close .logo-close { max-width: 160px; margin: 10px; }
#header .nav-xsWrap .nav-xs-close li { list-style-type: none; }
#header .nav-xsWrap .nav-xs-close li.xs_close { padding: 20px; padding-right: 0; color: #515151; text-align: center; font-size: 1.8rem; }
#header .nav-xsWrap .nav-xs-close li.xs_close span { display: block; font-size: .9rem; font-weight: 700; line-height: 100%; margin-top: 2px; }
#header #site_description { display: none; margin: 0; border: none; }
@media screen and (max-width: 767px) { #header #site_description { display: none; } }
#header #xs-nav { display: none; }
#header #xs-nav a { color: #515151; 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: #f5f5f5; }
#nav .container { position: relative; }
#nav .container ul#head_nav { font-size: 1.1rem; }
#nav .container ul#head_nav > li { position: relative; }
#nav .container ul#head_nav > li:nth-of-type(2) { position: static; }
#nav .container ul#head_nav > li > a { color: #515151; padding: 20px 10px; border-bottom: 4px solid #f5f5f5; }
@media screen and (min-width: 980px) and (max-width: 1199px) { #nav .container ul#head_nav > li > a { padding: 20px 0; } }
#nav .container ul#head_nav > li > a:hover { border-bottom: 4px solid #f39939; background-color: transparent; color: #000; }
#nav .container ul#head_nav > li .sub-menu, #nav .container ul#head_nav > li .sub-menu_reform { display: none; }
#nav .container ul#head_nav > li:hover .sub-menu { display: block; top: 45px; background-color: #f39939; border: none; font-size: 1rem; }
#nav .container ul#head_nav > li:hover .sub-menu li { padding: 0 14px; border: none; }
#nav .container ul#head_nav > li:hover .sub-menu li:last-of-type a { border: none; }
#nav .container ul#head_nav > li:hover .sub-menu li a { padding: 14px 20px; border-bottom: 1px dashed #fff; color: #fff; }
#nav .container ul#head_nav > li:hover .sub-menu li a:hover { background-color: transparent; }
#nav .container ul#head_nav > li:hover .sub-menu_reform { display: block; background-color: #f39939; position: absolute; left: 0; width: 100%; z-index: 99; max-width: 1200px; padding: 20px; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex { margin: 0; display: flex; background-color: #f39939; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex > li { flex-basis: 18%; padding: 0; border: none; border-right: 2px dashed #fff; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex > li a { padding: 0; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex > li a:hover { background-color: transparent; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex > li img { max-height: 60px; margin-bottom: 10px; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex > li span { display: block; color: #fff; font-size: 1.1rem; font-weight: bold; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.top { border-bottom: 2px dashed #fff; margin-bottom: 20px; align-items: center; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.top li { margin-bottom: 20px; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.top li:nth-of-type(1) { flex-basis: 18%; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.top li:nth-of-type(1) a { display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: flex-start; align-content: center; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.top li:nth-of-type(1) a img { max-height: 60px; margin-bottom: 10px; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.top li:nth-of-type(1) a div { display: table-cell; vertical-align: middle; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.top li:nth-of-type(1) a div:nth-of-type(1) { text-align: center; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.top li:nth-of-type(1) a div:nth-of-type(2) { text-align: center; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.top li:nth-of-type(6) { border: none; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.bottom li:last-of-type { border: none; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.bottom li:nth-of-type(1) { flex-basis: 18%; }
#nav .container ul#head_nav > li:hover .sub-menu_reform .flex.bottom li:nth-of-type(2) { flex-basis: 18%; }
#search { display: none; padding: 10px; background-color: #fafafa; }
#mainImg { margin-bottom: 0; position: relative; }
#mainImg .slick-slide { width: 100%; max-width: 1200px; margin: 0 auto; }
@media screen and (min-width: 980px) and (max-width: 1199px) { #mainImg .slick-slide { width: 100%; max-width: 100vw; } }
@media screen and (min-width: 768px) and (max-width: 979px) { #mainImg .slick-slide { width: 100%; max-width: 100vw; } }
@media screen and (max-width: 767px) { #mainImg .slick-slide { width: 100%; max-width: 100vw; } }
#mainImg .slick-slide img { opacity: .4; }
#mainImg .slick-slide.slick-current img { opacity: 1; }
#mainImg .slick-dots { background-color: #f5f5f5; bottom: -40px; }
@media screen and (max-width: 767px) { #mainImg .slick-dots { bottom: -20px; } }
#mainImg .slick-arrow { z-index: 99; width: 60px; height: 60px; }
#mainImg .slick-arrow::before { font-size: 4rem; color: #f39939; filter: drop-shadow(3px 3px 0px rgba(255, 255, 255, 0.8)); }
#mainImg .slick-arrow.slick-prev { left: 10px; }
#mainImg .slick-arrow.slick-next { right: 10px; } #bread { text-align: left; padding: 5px 10px; font-size: 12px; background-color: #fff; margin-bottom: 0px; }
#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 #side img { margin-bottom: 20px; }
#contentWrap #side img.no-margin { margin-bottom: 0; } #footer { padding-top: 60px; background-color: #fff; }
@media screen and (max-width: 767px) { #footer { padding-top: 40px; } }
@media screen and (max-width: 767px) { #footer .container.sep { padding: 0 20px; } }
#footer ul.foot-head { max-width: 1200px; margin: 0 auto; justify-content: flex-start; align-items: flex-end; margin-bottom: 20px; flex-wrap: wrap; }
@media screen and (max-width: 767px) { #footer ul.foot-head { align-items: center; } }
#footer ul.foot-head > li { text-align: left; margin-bottom: 20px; }
#footer ul.foot-head > li:nth-of-type(1) { flex-basis: 26%; }
#footer ul.foot-head > li:nth-of-type(1) img { max-width: 280px; }
@media screen and (max-width: 767px) { #footer ul.foot-head > li:nth-of-type(1) { order: 1; }
#footer ul.foot-head > li:nth-of-type(1) img { max-width: 160px; } }
#footer ul.foot-head > li:nth-of-type(2) { flex-basis: 70%; }
#footer ul.foot-head > li:nth-of-type(2) .map { display: none; }
@media screen and (max-width: 767px) { #footer ul.foot-head > li:nth-of-type(2) { order: 3; flex-basis: auto; }
#footer ul.foot-head > li:nth-of-type(2) .mapWrap { display: flex; justify-content: space-between; gap: 60px; }
#footer ul.foot-head > li:nth-of-type(2) .map { display: block; border-right: 2px solid #515151; border-left: 2px solid #515151; padding: 0 10px; font-weight: bold; } }
#footer ul.foot-head > li:nth-of-type(3) { flex-basis: 100%; line-height: 200%; margin-bottom: 60px; font-size: 1.2rem; }
@media screen and (max-width: 767px) { #footer ul.foot-head > li:nth-of-type(3) { order: 2; margin-bottom: 20px; font-size: 1rem; line-height: 160%; } }
@media screen and (max-width: 767px) { #footer ul.foot-head > li { text-align: center; } }
#footer .addr, #footer .tel { text-align: left; max-width: 1200px; margin: 0 auto; font-weight: bold; color: #515151; }
#footer .foot-links { margin-bottom: 80px; }
@media screen and (max-width: 767px) { #footer .foot-links { font-size: .9rem; } }
#footer .foot-links a { display: inline-block; text-decoration: none; color: #515151; }
#footer .foot-links a:hover { text-decoration: underline; }
#footer .foot-links > ul.flex { align-items: flex-start; gap: 40px; justify-content: space-between; }
@media screen and (min-width: 980px) and (max-width: 1199px) { #footer .foot-links > ul.flex { font-size: .8rem; gap: 10px; } }
@media screen and (max-width: 767px) { #footer .foot-links > ul.flex { gap: 20px 10px; flex-direction: row; flex-wrap: wrap; } }
#footer .foot-links > ul.flex > li { text-align: left; }
#footer .foot-links > ul.flex > li:nth-of-type(2) { flex-basis: 25%; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; gap: 5px 10px; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li { flex-basis: 48%; }
@media screen and (min-width: 980px) and (max-width: 1199px) { #footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li { flex: 46%; } }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(1) { order: 1; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(2) { order: 3; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(3) { order: 5; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(4) { order: 7; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(5) { order: 9; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(6) { order: 11; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(7) { order: 2; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(8) { order: 4; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(9) { order: 6; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(10) { order: 8; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(11) { order: 10; }
#footer .foot-links > ul.flex > li:nth-of-type(2) .column2 li:nth-of-type(12) { order: 12; }
#footer .foot-links > ul.flex > li ul { display: flex; flex-direction: column; gap: 5px 10px; }
#footer .foot-links > ul.flex > li .foot-nav-header { font-weight: bold; font-size: 1.1rem; margin-bottom: 20px; }
@media screen and (max-width: 767px) { #footer .foot-links > ul.flex > li .foot-nav-header { margin-bottom: 10px; } }
@media screen and (max-width: 767px) { #footer .foot-links > ul.flex > li:nth-of-type(1) { flex-basis: 100%; } }
@media screen and (max-width: 767px) { #footer .foot-links > ul.flex > li:nth-of-type(2) { flex-basis: 100%; } }
@media screen and (max-width: 767px) { #footer .foot-links > ul.flex > li:nth-of-type(n+3) { flex-basis: 48%; } }
#footer ul.bns { gap: 40px; justify-content: space-between; align-items: flex-start; }
@media screen and (min-width: 980px) and (max-width: 1199px) { #footer ul.bns { gap: 10px; } }
@media screen and (max-width: 767px) { #footer ul.bns { flex-direction: row; flex-wrap: wrap; gap: 10px; }
#footer ul.bns li { flex-basis: 48%; }
#footer ul.bns li img { width: 100%; }
#footer ul.bns li:nth-of-type(n+5) { flex: 18%; } }
#footer ul.pp { gap: 40px; justify-content: center; margin: 40px 0; }
@media screen and (min-width: 980px) and (max-width: 1199px) { #footer ul.pp { gap: 10px; } }
@media screen and (max-width: 767px) { #footer ul.pp { flex-direction: row; } }
#footer ul.pp a { display: inline-block; text-decoration: none; color: #515151; }
#footer ul.pp a:hover { text-decoration: underline; }
#footer #foot_nav.odd li:last-of-type a { width: 100%; }
#footer ul { margin: 0; }
#footer #foot_nav { background-color: #515151; }
#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 #2e76c2; border-right: 1px solid #2e76c2; background-color: #3993f3; position: relative; }
#footer #foot_nav li a:hover { text-decoration: none; background-color: #3993f3; 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: #515151; padding: 10px; border: 2px solid #515151; }
#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: 9; }
#page-top a { background: #f39939; text-decoration: none; color: #fff; width: 40px; padding: 10px 0; text-align: center; display: block; }
#page-top a:hover { text-decoration: none; background: #f39939; }
#copy { background-color: #515151; padding: 20px; text-align: center; color: #fff; font-size: 1rem; }
#copy a { color: #fff; text-decoration: none; }
#copy a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { #copy { font-size: .8rem; line-height: 160%; } } #contentWrap { margin-bottom: 0; background-color: #f5f5f5; background-image: url(//uohashi.co.jp/wp-content/themes/child2.0.0/images/footBg.png); background-position: bottom center; background-repeat: repeat-x; padding-bottom: 140px; }
@media screen and (max-width: 767px) { #contentWrap { background-image: url(//uohashi.co.jp/wp-content/themes/child2.0.0/images/footBg@2x.png); padding-bottom: 100px; } }
#contentWrap #content { background-color: #f5f5f5; }
@media screen and (max-width: 767px) { #contentWrap #content { padding: 0; } }
#contentWrap #content h2 { color: #505251; font-size: 2.6rem; background-color: transparent; border: none; line-height: 4.6rem; }
@media screen and (max-width: 767px) { #contentWrap #content h2 { font-size: 1.8rem; line-height: 3rem; } }
#contentWrap #content .sec { padding: 60px 0; }
@media screen and (max-width: 767px) { #contentWrap #content .sec { padding: 40px 20px; } }
#contentWrap #content .sec .skew01::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #e7e7e7; transform: skewY(-4deg); z-index: -1; }
#contentWrap #content .sec .skew02::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #f5f5f5; transform: skewY(-4deg); z-index: -1; }
#contentWrap #content .sec .sec-header { position: relative; }
#contentWrap #content .sec .sec-header ul { display: flex; justify-content: flex-start; }
@media screen and (max-width: 767px) { #contentWrap #content .sec .sec-header ul { flex-direction: column; } }
#contentWrap #content .sec .sec-header ul li { list-style-type: none; }
#contentWrap #content .sec .sec-header ul li:nth-of-type(1) { background-color: #f39939; color: #fff; font-size: 3rem; padding: 20px; width: 160px; font-weight: 600; text-align: center; position: relative; font-family: 'Inter', sans-serif; display: grid; place-items: center; }
@media screen and (max-width: 767px) { #contentWrap #content .sec .sec-header ul li:nth-of-type(1) { font-size: 2rem; padding: 10px; width: 100px; } }
#contentWrap #content .sec .sec-header ul li:nth-of-type(1)::after { border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; border-color: rgba(0, 153, 255, 0); border-top-width: 24px; border-bottom-width: 24px; border-left-width: 80px; border-right-width: 80px; margin-left: -80px; border-bottom-color: #f39939; bottom: 100%; left: 50%; }
@media screen and (max-width: 767px) { #contentWrap #content .sec .sec-header ul li:nth-of-type(1)::after { border-left-width: 50px; border-right-width: 50px; margin-left: -50px; } }
#contentWrap #content .sec .sec-header ul li:nth-of-type(2) h2 { margin: 0; text-align: left; line-height: 3.2rem; padding: 0 3rem; }
@media screen and (max-width: 767px) { #contentWrap #content .sec .sec-header ul li:nth-of-type(2) h2 { padding: 0; margin-top: 20px; line-height: 2.4rem; } }
#contentWrap #content .sec .sec-header ul li:nth-of-type(2) span { display: block; color: #f39939; font-size: 1.4rem; font-family: 'Inter', sans-serif; font-weight: 400; }
#contentWrap #content .sec .sec-header img { position: absolute; top: -350px; right: 0; max-width: 40vw; }
@media screen and (max-width: 767px) { #contentWrap #content .sec .sec-header img { max-width: 60vw; top: -240px; } }
#contentWrap #content .sec .btn { margin-top: 60px; background-color: transparent; border: none; }
@media screen and (max-width: 767px) { #contentWrap #content .sec .btn { margin-top: 40px; } }
#contentWrap #content .sec .btn a { display: inline-block; color: #505251; padding: 20px 80px; text-decoration: none; font-size: 1.3rem; font-weight: bold; border: 1px solid #505251; background-color: transparent; border-radius: 100px; }
#contentWrap #content .sec .btn a:hover { background-color: #fff; transition: .5s; }
@media screen and (max-width: 767px) { #contentWrap #content .sec .btn a { padding: 10px 40px; font-size: 1rem; min-width: 260px; } }
#contentWrap #content .sec .btn-detail { font-weight: bold; font-size: 1.1rem; text-align: right; position: absolute; bottom: 20px; right: 20px; }
@media screen and (max-width: 767px) { #contentWrap #content .sec .btn-detail { bottom: 10px; right: 10px; font-size: 1rem; font-weight: bold; } }
#contentWrap #content .sec .btn-detail a { text-decoration: none; color: #515151; }
#contentWrap #content .sec .btn-detail a:hover { text-decoration: underline; }
#contentWrap #content #info { padding-bottom: 20px; background-color: #f5f5f5; }
#contentWrap #content #info ul.flex { justify-content: center; margin: 0; }
#contentWrap #content #info ul.flex li { font-size: 1.2rem; }
#contentWrap #content #info ul.flex li:nth-of-type(1) { background-color: #3794f3; width: 60px; height: 60px; border-radius: 60px; color: #fff; text-align: center; display: grid; place-items: center; margin-right: 20px; }
@media screen and (max-width: 767px) { #contentWrap #content #info ul.flex li:nth-of-type(1) { margin-right: 10px; font-size: .9rem; } }
#contentWrap #content #info ul.flex li:nth-of-type(2) { font-size: 1.2rem; color: #515151; font-weight: bold; }
@media screen and (max-width: 767px) { #contentWrap #content #info ul.flex li:nth-of-type(2) { text-align: left; font-size: 1rem; flex-basis: 80%; } }
#contentWrap #content #info ul.flex li a { color: #505251; }
@media screen and (max-width: 767px) { #contentWrap #content #info ul.flex { flex-direction: row; } }
#contentWrap #content #concept { text-align: left; padding-top: 0; background-color: #f5f5f5; padding-bottom: 120px; }
#contentWrap #content #concept h2 { text-align: left; margin: 0; padding: 0; margin: 40px 0 20px 0; }
#contentWrap #content #concept ul.flex li { flex-basis: 48%; }
#contentWrap #content #concept ul.flex li img { filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2)); transform: translateZ(0); }
@media screen and (max-width: 767px) { #contentWrap #content #concept ul.flex { flex-direction: column-reverse; } }
#contentWrap #content #menu { background-color: #f5f5f5; padding: 150px 0; padding-bottom: 240px; position: relative; z-index: 0; }
@media screen and (max-width: 767px) { #contentWrap #content #menu { padding: 80px 20px 140px 20px; } }
#contentWrap #content #menu .menus { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; row-gap: 20px; margin-top: 100px; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus { margin-top: 40px; grid-template-columns: repeat(2, 1fr); column-gap: 14px; row-gap: 14px; } }
#contentWrap #content #menu .menus .box { background-color: #fff; filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2)); transform: translateZ(0); }
#contentWrap #content #menu .menus .box > ul { display: flex; justify-content: flex-start; align-items: center; margin: 0 10px; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box > ul { flex-direction: column; margin: 0; justify-content: center; } }
#contentWrap #content #menu .menus .box > ul li { list-style-type: none; font-size: 1.4rem; line-height: 1.8rem; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box > ul li { font-size: 1rem; font-weight: bold; line-height: 1.4rem; text-align: center; padding: 10px; } }
#contentWrap #content #menu .menus .box > ul li:nth-of-type(1) a { padding: 20px; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box > ul li:nth-of-type(1) a { padding-bottom: 0; } }
#contentWrap #content #menu .menus .box > ul li:nth-of-type(1) .icon { background-color: #f39939; border-radius: 100%; width: 60px; height: 60px; border-radius: 60px; text-align: center; display: grid; place-items: center; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box > ul li:nth-of-type(1) { padding-bottom: 0; padding-top: 0; } }
#contentWrap #content #menu .menus .box > ul li:nth-of-type(2) { padding-left: 0; width: 100%; }
#contentWrap #content #menu .menus .box > ul li:nth-of-type(2) a { padding-left: 0; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box > ul li:nth-of-type(2) a { text-align: center; padding-bottom: 0 !important; } }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box > ul li:nth-of-type(2) { padding-left: 10px; } }
#contentWrap #content #menu .menus .box > ul li img { max-width: 36px; }
#contentWrap #content #menu .menus .box > ul li span { display: block; color: #f39939; font-size: 1rem; font-weight: bold; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box > ul li span { font-size: .8rem; } }
#contentWrap #content #menu .menus .box > ul li a { display: block; text-decoration: none; color: #505251; }
#contentWrap #content #menu .menus .box1 { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; display: flex; align-items: center; }
#contentWrap #content #menu .menus .box1 .icon { width: 150px !important; height: 150px !important; border-radius: 140px !important; }
#contentWrap #content #menu .menus .box1 .icon img { max-width: 90px; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box1 .icon { width: 60px !important; height: 60px !important; border-radius: 60px !important; margin: 0 auto; }
#contentWrap #content #menu .menus .box1 .icon img { max-width: 40px; } }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box1 { grid-column: 1 / 2; grid-row: 1 / 2; }
#contentWrap #content #menu .menus .box1 ul { flex-direction: row; width: 100%; }
#contentWrap #content #menu .menus .box1 ul li { }
#contentWrap #content #menu .menus .box1 ul li span { text-align: left !important; }
#contentWrap #content #menu .menus .box1 ul li a { padding-bottom: 20px !important; text-align: left; }
#contentWrap #content #menu .menus .box1 ul li:nth-of-type(2) { padding-bottom: 0 !important; } }
#contentWrap #content #menu .menus .box1 ul { justify-content: center; margin: 0 auto; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box1 ul { flex-direction: column; } }
#contentWrap #content #menu .menus .box1 ul > li:nth-of-type(1) a { padding: 0; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box1 ul > li:nth-of-type(1) a { padding: 20px; padding-bottom: 0 !important; } }
#contentWrap #content #menu .menus .box1 ul > li:nth-of-type(2) { padding-left: 50px; font-size: 2.2rem; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box1 ul > li:nth-of-type(2) { padding-left: 10px; font-size: 1rem; text-align: center; } }
#contentWrap #content #menu .menus .box1 ul > li:nth-of-type(3) { padding-left: 30px; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box1 ul > li:nth-of-type(3) { padding: 0px; } }
#contentWrap #content #menu .menus .box1 ul > li:nth-of-type(3) span { white-space: nowrap; font-size: 1.8rem; }
@media screen and (max-width: 767px) { #contentWrap #content #menu .menus .box1 ul > li:nth-of-type(3) span { font-size: .8rem; } }
#contentWrap #content #works { padding: 150px 0; padding-bottom: 200px; position: relative; z-index: 0; background-color: #e7e7e7; }
@media screen and (max-width: 767px) { #contentWrap #content #works { padding: 80px 20px 100px 20px; } }
#contentWrap #content #works .sec-header img { top: -400px; }
@media screen and (max-width: 767px) { #contentWrap #content #works .sec-header img { top: -240px; } }
#contentWrap #content #works .work { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; row-gap: 40px; align-items: stretch; margin-top: 100px; }
@media screen and (max-width: 767px) { #contentWrap #content #works .work { margin-top: 40px; grid-template-columns: repeat(1, 1fr); grid-row-gap: 30px; } }
#contentWrap #content #works .work > li { background-color: #fff; filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2)); transform: translateZ(0); position: relative; padding-bottom: 40px; }
@media screen and (max-width: 767px) { #contentWrap #content #works .work > li:nth-of-type(n+4) { padding-bottom: 0; display: flex; justify-content: space-between; }
#contentWrap #content #works .work > li:nth-of-type(n+4) > div:nth-of-type(1) { flex-basis: auto; width: 40%; }
#contentWrap #content #works .work > li:nth-of-type(n+4) > div:nth-of-type(1) img { height: 100%; width: 100%; object-fit: cover; aspect-ratio: 1 / 1; }
#contentWrap #content #works .work > li:nth-of-type(n+4) > div:nth-of-type(1) .name { bottom: 0; }
#contentWrap #content #works .work > li:nth-of-type(n+4) > div:nth-of-type(2) { flex-basis: auto; width: 60%; padding: 10px; }
#contentWrap #content #works .work > li:nth-of-type(n+4) > div:nth-of-type(2) .flex { margin: 0; }
#contentWrap #content #works .work > li:nth-of-type(n+4) > div:nth-of-type(2) .flex .cat, #contentWrap #content #works .work > li:nth-of-type(n+4) > div:nth-of-type(2) .flex .woTax { font-size: 0.9rem; }
#contentWrap #content #works .work > li:nth-of-type(n+4) > div:nth-of-type(2) p { font-size: .9rem; line-height: 140%; margin-bottom: 30px; } }
#contentWrap #content #works .work > li img { width: 100%; height: 260px; object-fit: cover; }
#contentWrap #content #works .work > li .case_img { position: relative; }
#contentWrap #content #works .work > li .case_img .name { position: absolute; display: inline-block; background-color: #f5f5f5; padding: 10px 20px; font-weight: bold; bottom: -20px; left: 0; }
@media screen and (max-width: 767px) { #contentWrap #content #works .work > li .case_img .name { font-size: .9rem; padding: 4px 10px; } }
#contentWrap #content #works .work > li .case_info { padding: 20px; }
#contentWrap #content #works .work > li .case_info ul.flex { margin-top: 20px; margin-bottom: 10px; }
@media screen and (max-width: 767px) { #contentWrap #content #works .work > li .case_info ul.flex { flex-direction: row; margin-top: 10px; } }
#contentWrap #content #works .work > li .case_info ul.flex li .cat { font-weight: bold; }
#contentWrap #content #works .work > li .case_info ul.flex li .cat a { color: #515151; text-decoration: none; font-size: 1.1rem; }
#contentWrap #content #works .work > li .case_info ul.flex li .cat a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { #contentWrap #content #works .work > li .case_info ul.flex li .cat a { font-size: .9rem; } }
#contentWrap #content #works .work > li .case_info ul.flex li .woTax { font-weight: bold; font-size: 1.2rem; }
@media screen and (max-width: 767px) { #contentWrap #content #works .work > li .case_info ul.flex li .woTax { font-size: 1rem; } }
#contentWrap #content #works .work > li .case_info p { line-height: 160%; border-top: 1px dashed #515151; padding-top: 10px; }
#contentWrap #content #works .work > li .btn-detail { font-weight: bold; font-size: 1.1rem; text-align: right; position: absolute; bottom: 20px; right: 20px; }
#contentWrap #content #works .work > li .btn-detail a { text-decoration: none; color: #515151; }
#contentWrap #content #works .work > li .btn-detail a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { #contentWrap #content #works .work > li .btn-detail { font-size: 1rem; font-weight: bold; bottom: 10px; right: 10px; } }
#contentWrap #content #works .work > li .ribbon { position: absolute; width: 140px; height: 140px; overflow: hidden; z-index: 99; }
#contentWrap #content #works .work > li .ribbon span { display: flex; justify-content: center; align-items: center; position: absolute; width: 160px; height: 40px; background: #3993f3; color: #fff; font-family: 'Bebas Neue', cursive; font-size: 1.6rem; line-height: 100%; padding-top: 4px; letter-spacing: 2px; }
#contentWrap #content #works .work > li .ribbon_LT { top: -6px; left: -6px; }
#contentWrap #content #works .work > li .ribbon_LT span { top: 20px; left: -40px; transform: rotate(-45deg); font-family: 'Inter', sans-serif; font-size: 1.2rem; }
#contentWrap #content #works .work > li .ribbon_LT:before { bottom: 0; left: 0; }
#contentWrap #content #works .work > li .ribbon_LT:after { top: 0; right: 0; }
#contentWrap #content #works .work > li a:hover img { opacity: 1; }
#contentWrap #content #voices { background-color: #f5f5f5; padding: 150px 0; padding-bottom: 240px; position: relative; z-index: 0; }
@media screen and (max-width: 767px) { #contentWrap #content #voices { padding: 100px 20px 240px 20px; } }
#contentWrap #content #voices ul.voice { flex-wrap: wrap; margin-top: 100px; align-items: stretch; }
@media screen and (max-width: 767px) { #contentWrap #content #voices ul.voice { margin-top: 40px; } }
#contentWrap #content #voices ul.voice > li { flex-basis: 48%; padding: 40px 0 100px 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
@media screen and (max-width: 767px) { #contentWrap #content #voices ul.voice > li { flex-direction: column; padding: 0 0 40px 0; } }
#contentWrap #content #voices ul.voice > li div { flex-basis: 48%; }
#contentWrap #content #voices ul.voice > li div.voice_info { position: relative; background: #ffffff; border-radius: 14px; padding: 20px; padding-bottom: 80px; filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2)); transform: translateZ(0); }
#contentWrap #content #voices ul.voice > li div.voice_info::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; }
@media screen and (max-width: 767px) { #contentWrap #content #voices ul.voice > li div.voice_info { max-width: 80vw; margin-left: 20vw; padding: 10px; order: 1; }
#contentWrap #content #voices ul.voice > li div.voice_info p { padding: 10px; line-height: 160%; } }
#contentWrap #content #voices ul.voice > li div.voice_img { position: relative; filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2)); transform: translateZ(0); }
#contentWrap #content #voices ul.voice > li div.voice_img img { clip-path: polygon(0% 30%, 50% 0%, 100% 30%, 100% 100%, 0% 100%); }
#contentWrap #content #voices ul.voice > li div.voice_img a { display: block; position: absolute; top: 80px; }
@media screen and (max-width: 767px) { #contentWrap #content #voices ul.voice > li div.voice_img a { position: static; top: 0; max-width: 70vw; } }
@media screen and (max-width: 767px) { #contentWrap #content #voices ul.voice > li div.voice_img { order: 2; } }
#contentWrap #content #voices ul.voice > li div.voice_name { flex-basis: 100%; text-align: right; padding: 20px 80px 0 0; font-weight: bold; }
@media screen and (max-width: 767px) { #contentWrap #content #voices ul.voice > li div.voice_name { order: 3; text-align: left; padding: 20px 0 0 100px; } }
#contentWrap #content #voices .btn { margin-top: 20px; }
#contentWrap #content #events { padding: 150px 0; padding-bottom: 240px; position: relative; z-index: 0; background-color: #e7e7e7; }
@media screen and (max-width: 767px) { #contentWrap #content #events { padding: 100px 20px 180px 20px; } }
#contentWrap #content #events .sec-header img { top: -400px; }
@media screen and (max-width: 767px) { #contentWrap #content #events .sec-header img { top: -280px; } }
#contentWrap #content #events ul.event { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 40px; row-gap: 20px; margin-top: 180px; }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event { grid-template-columns: repeat(1, 1fr); margin-top: 80px; } }
#contentWrap #content #events ul.event > li { list-style-type: none; position: relative; border-bottom: 2px dotted #a3a3a3; }
#contentWrap #content #events ul.event > li .case_info { margin-top: 20px; font-weight: bold; font-size: 1.1rem; color: #515151; }
#contentWrap #content #events ul.event > li .case_info ul.flex { margin-bottom: 10px; }
#contentWrap #content #events ul.event > li .case_info ul.flex a { text-decoration: none; }
#contentWrap #content #events ul.event > li .case_info ul.flex .postDate { letter-spacing: 2px; }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event > li .case_info ul.flex { flex-direction: row; } }
#contentWrap #content #events ul.event > li .case_info p { line-height: 160%; margin-bottom: 40px; }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event > li .case_info p { margin-bottom: 40px; } }
#contentWrap #content #events ul.event > li img { height: 200px; width: 100%; object-fit: contain; object-position: left top; filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2)); transform: translateZ(0); }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event > li img { height: 100%; width: 100%; object-fit: cover; aspect-ratio: 1 / 1; } }
#contentWrap #content #events ul.event > li .cat a { display: inline-block; background-color: #fff; padding: 4px 20px; color: #515151; }
@media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content #events ul.event > li .cat a { padding: 4px 10px; margin-right: 6px; font-size: .8rem; } }
@media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content #events ul.event > li .cat a { padding: 4px 10px; margin-right: 6px; font-size: .8rem; } }
#contentWrap #content #events ul.event > li:nth-of-type(n + 2) { display: flex; padding-bottom: 40px; margin-bottom: 10px; }
#contentWrap #content #events ul.event > li:nth-of-type(n + 2) .case_info { margin: 0 0 0 20px; flex-basis: 66%; }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event > li:nth-of-type(n + 2) .case_info .event_meta { position: absolute; top: 0; left: 0; width: 100%; } }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event > li:nth-of-type(n + 2) .case_img { flex-basis: 140px; }
#contentWrap #content #events ul.event > li:nth-of-type(n + 2) .case_info { flex-basis: 60%; }
#contentWrap #content #events ul.event > li:nth-of-type(n + 2) .case_img, #contentWrap #content #events ul.event > li:nth-of-type(n + 2) .case_info { margin-top: 44px; } }
#contentWrap #content #events ul.event > li:nth-of-type(1) { grid-column: 1 / 2; grid-row: 1 / 3; }
#contentWrap #content #events ul.event > li:nth-of-type(1) img { height: auto; width: 100%; object-fit: contain; }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event > li:nth-of-type(1) { grid-row: 1 / 2; } }
#contentWrap #content #events ul.event > li:nth-of-type(3) { grid-column: 2 / 3; grid-row: 2 / 3; margin-bottom: 0; }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event > li:nth-of-type(3) { grid-column: 1 / 2; grid-row: 3 / 4; } }
#contentWrap #content #events ul.event > li .pickup { position: absolute; background-color: #3993f3; color: #fff; font-family: 'Inter', sans-serif; display: grid; top: -80px; place-items: center; font-size: 1.6rem; font-weight: 600; letter-spacing: 2px; padding: 10px 40px; display: inline-block; }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event > li .pickup { font-size: 1.4rem; padding: 4px 20px; top: -44px; } }
#contentWrap #content #events ul.event > li .pickup::after { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(57, 147, 243, 0); border-top-color: #3993f3; border-width: 10px; margin-left: -10px; }
#contentWrap #content #events ul.event > li .btn-detail { bottom: 20px; right: 2px; }
@media screen and (max-width: 767px) { #contentWrap #content #events ul.event > li .btn-detail { bottom: 10px; } }
#contentWrap #content #events .flex-btns { display: flex; justify-content: center; }
#contentWrap #content #events .flex-btns li { list-style-type: none; }
@media screen and (max-width: 767px) { #contentWrap #content #events .flex-btns { flex-direction: column; }
#contentWrap #content #events .flex-btns .btn { margin-top: 20px; } }
#contentWrap #content #links { background-color: #ababab; padding: 100px 0; padding-bottom: 160px; position: relative; z-index: 0; top: -140px; }
@media screen and (max-width: 767px) { #contentWrap #content #links { padding: 40px 20px 80px 20px; } }
#contentWrap #content #links .sec-header ul li:nth-of-type(1) { background-color: #fff; color: #515151; }
#contentWrap #content #links .sec-header ul li:nth-of-type(1)::after { border-bottom-color: #fff; }
#contentWrap #content #links h2 { color: #fff; }
#contentWrap #content #links h2 span { color: #fff; }
#contentWrap #content #links ul.link { display: grid; margin-top: 60px; grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 20px; }
@media screen and (max-width: 767px) { #contentWrap #content #links ul.link { margin-top: 40px; grid-template-columns: repeat(1, 1fr); } }
#contentWrap #content #links ul.link li { list-style-type: none; text-align: center; }
#contentWrap #content #links ul.link li img { filter: drop-shadow(6px 6px 0px white); transform: translateZ(0); }
@media screen and (max-width: 767px) { #contentWrap #content #links ul.link li img { width: 100%; } }
#contentWrap #content #blogs { padding: 0; padding-bottom: 100px; position: relative; z-index: 0; background-color: #f5f5f5; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs { padding: 0px 20px 0px 20px; } }
#contentWrap #content #blogs .sec-header img { max-width: 20vw; top: -240px; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .sec-header img { max-width: 44vw; top: -200px; } }
#contentWrap #content #blogs .blogWrap { display: flex; justify-content: space-between; gap: 40px; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .blogWrap { flex-direction: column; gap: 0; } }
#contentWrap #content #blogs .blogWrap > div { flex-basis: 100%; }
#contentWrap #content #blogs .blogWrap ul.blog > li { display: flex; gap: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px dotted #a3a3a3; }
@media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content #blogs .blogWrap ul.blog > li { gap: 10px; } }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .blogWrap ul.blog > li { gap: 10px; } }
#contentWrap #content #blogs .blogWrap ul.blog > li img { width: 15vw; height: 15vw; object-fit: cover; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .blogWrap ul.blog > li img { height: 100%; width: 100%; object-fit: cover; aspect-ratio: 1 / 1; } }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_info { flex-basis: 66%; position: relative; font-weight: bold; font-size: 1.1rem; color: #515151; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .blogWrap ul.blog > li .case_info { position: static; } }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_info ul { margin-bottom: 10px; }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_info ul .postDate { letter-spacing: 2px; }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_info ul .new span { background-color: #3993f3; color: #fff; display: inline-block; font-family: 'Inter', sans-serif; font-size: 1.4rem; font-weight: 600; letter-spacing: 2px; padding: 4px 20px; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .blogWrap ul.blog > li .case_info ul .new span { font-size: 1.4rem; padding: 4px 20px; } }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .blogWrap ul.blog > li .case_info .blog_meta { position: absolute; top: 0; left: 0; width: 100%; flex-direction: row-reverse; }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_info p { line-height: 160%; } }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_info .post_title { margin-bottom: 10px; line-height: 160%; }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_info .post_title a { text-decoration: none; color: #515151; }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_info .post_author { font-size: 1rem; font-weight: normal; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .blogWrap ul.blog > li { position: relative; }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_img { flex-basis: 140px; }
#contentWrap #content #blogs .blogWrap ul.blog > li .case_info { flex-basis: 60%; } }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .blogWrap ul.blog .case_img, #contentWrap #content #blogs .blogWrap ul.blog .case_info { margin-top: 44px; } }
#contentWrap #content #blogs .blogWrap .staffBlog .btn-staff { display: none; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .blogWrap .staffBlog .btn-staff { display: block; margin-bottom: 40px; } }
#contentWrap #content #blogs .flex-btns { display: flex; justify-content: center; }
#contentWrap #content #blogs .flex-btns li { list-style-type: none; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs .flex-btns { flex-direction: column; margin-top: 0; }
#contentWrap #content #blogs .flex-btns .btn { margin-top: 20px; }
#contentWrap #content #blogs .flex-btns .hidden-xs { display: none; } }
#contentWrap #content #blogs h3 { color: #505251; font-size: 2.6rem; background-color: transparent; border-bottom: 4px solid #515151; margin-bottom: 80px; }
#contentWrap #content #blogs h3::after { display: none; }
@media screen and (max-width: 767px) { #contentWrap #content #blogs h3 { margin-bottom: 20px; margin-top: 0px; font-size: 1.6rem; } }
.grecaptcha-badge { visibility: hidden; }
.not_home #contentWrap .container { display: flex; column-gap: 20px; justify-content: space-between; }
.not_home #contentWrap .container #side { float: none; order: 1; width: 20vw; max-width: 240px; margin-top: 40px; }
.not_home #contentWrap .container #side img { margin-bottom: 10px; }
.not_home #contentWrap .container #side h2 { background-color: #e7e7e7; border-bottom-color: #f39939; font-size: 1.2rem; }
.not_home #contentWrap .container #side a { color: #515151; text-decoration: none; }
.not_home #contentWrap .container #side a:hover { text-decoration: underline; }
.not_home #contentWrap .container #side .sideService { background-color: #fff; border-radius: 8px; }
.not_home #contentWrap .container #side .sideService ul { margin-top: 0; padding: 10px; }
.not_home #contentWrap .container #side .sideService ul li { list-style-type: none; padding: 4px 10px; border-bottom: 1px dashed #515151; }
.not_home #contentWrap .container #side .sideService ul li:last-of-type { border-bottom: none; }
.not_home #contentWrap .container #side ul.exLinks { display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #fff; }
.not_home #contentWrap .container #side ul.exLinks li { list-style-type: none; flex-basis: 50%; padding: 10px; }
.not_home #contentWrap .container #content { order: 2; width: calc( 100% - 280px ); margin-top: 40px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content { width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 979px) { .not_home #contentWrap .container #content { width: 100%; } }
.not_home #contentWrap .container #content.not_found { width: 100%; text-align: center; }
.not_home #contentWrap .container #content.not_found .btn { background-color: #f39939; color: #fff; border-bottom-color: #CD6D24; }
.not_home #contentWrap .container #content h1 { margin-top: 0; color: #515151; font-size: 1.6rem; line-height: 140%; }
.not_home #contentWrap .container #content h1 small { font-size: .8rem; }
.not_home #contentWrap .container #content h1 a { color: #515151; text-decoration: none; }
.not_home #contentWrap .container #content h2 { margin: 0 0 40px 0; line-height: 200%; background-color: #f39939; color: #fff; font-size: 1.4rem; }
.not_home #contentWrap .container #content h2 a { color: #fff; text-decoration: none; }
.not_home #contentWrap .container #content h3 { font-size: 1.4rem; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content h3 { font-size: 1.2rem; } }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content .article_body { padding: 0 10px; } }
.not_home #contentWrap .container #content .article_body .caseDetail { margin-top: 20px; text-align: center; background-color: #e7e7e7; padding: 20px; }
.not_home #contentWrap .container #content .article_body .caseDetail table { border: none; }
.not_home #contentWrap .container #content .article_body .caseDetail table th, .not_home #contentWrap .container #content .article_body .caseDetail table td { border: none; padding: 20px; }
.not_home #contentWrap .container #content .article_body .caseDetail .detailTable { border: 1px solid #f5f5f5; margin-top: 0; background-color: #fff; }
.not_home #contentWrap .container #content .article_body .caseDetail .detailTable th, .not_home #contentWrap .container #content .article_body .caseDetail .detailTable td { background-color: transparent; border: 1px solid #e7e7e7; }
.not_home #contentWrap .container #content .article_body .caseDetail .detailTable strong { background-color: #515151; display: inline-block; padding: 2px 10px; color: #fff; }
.not_home #contentWrap .container #content .article_body .caseDetail .detailTable .priceText { font-size: 1.4rem; color: #d94536; font-weight: bold; }
.not_home #contentWrap .container #content .article_body .caseDetail .baTable { position: relative; }
.not_home #contentWrap .container #content .article_body .caseDetail .baTable td { text-align: center; flex-wrap: wrap; gap: 20px; }
.not_home #contentWrap .container #content .article_body .caseDetail .baTable td .titleBefore, .not_home #contentWrap .container #content .article_body .caseDetail .baTable td .titleAfter { text-align: center; background-color: #f5f5f5; font-size: 1.4rem; line-height: 200%; font-weight: bold; width: 100%; }
.not_home #contentWrap .container #content .article_body .caseDetail .baTable td .titleAfter { background-color: #f39939; color: #fff; }
.not_home #contentWrap .container #content .article_body .caseDetail .baTable td img { max-height: 420px; }
.not_home #contentWrap .container #content .article_body .caseDetail .baTable td .picComment { width: 100%; }
.not_home #contentWrap .container #content .article_body .caseDetail .baTable td > p { text-align: center; }
.not_home #contentWrap .container #content .article_body .caseDetail .baTable.frameTable2 { margin-bottom: 80px; }
.not_home #contentWrap .container #content .article_body .caseDetail .baTable.frameTable2::after { content: ''; border-bottom: 2px solid #515151; height: 2px; display: block; bottom: -40px; position: absolute; width: 100%; }
.not_home #contentWrap .container #content .article_body .caseDetail .baArrow i { background-color: #f39939; color: #fff; padding: 20px; width: 80px; height: 80px; border-radius: 80px; }
.not_home #contentWrap .container #content ul.col4 { display: flex; justify-content: space-around; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content ul.col4 { flex-wrap: wrap; }
.not_home #contentWrap .container #content ul.col4 li { width: 50%; padding: 10px 0; } }
.not_home #contentWrap .container #content .flex { display: flex; justify-content: space-between; }
.not_home #contentWrap .container #content .flex.col4 { gap: 10px; align-items: stretch; clear: both; }
.not_home #contentWrap .container #content .flex.col4 li { width: 100%; background-color: #fff; padding: 10px; }
.not_home #contentWrap .container #content .flex.col4 .feature { color: #f39939; text-align: center; font-size: 1.2rem; font-weight: bold; }
.not_home #contentWrap .container #content .col3 { display: table; border-collapse: separate; border-spacing: 10px; clear: both; width: 100%; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content .col3 { display: flex; flex-direction: column; gap: 10px; } }
.not_home #contentWrap .container #content .col3 li { background-color: #fff; display: table-cell; width: 33%; padding: 20px; vertical-align: top; }
.not_home #contentWrap .container #content .col3 li .feature { color: #f39939; text-align: center; font-size: 1.2rem; font-weight: bold; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content .col3 li { width: 100%; } }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content .col3 .item ul { display: flex; flex-direction: column; }
.not_home #contentWrap .container #content .col3 .item ul li { width: 100%; } }
.not_home #contentWrap .container #content .caseBtn { background-color: #f39939; padding: 10px; padding-bottom: 14px; }
.not_home #contentWrap .container #content #greet p { margin: 20px; }
.not_home.archive .catImg { text-align: center; }
.not_home.archive .catImg img { width: 100%; }
.not_home.archive .archive_cats { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 10px; margin-bottom: 40px; }
@media screen and (max-width: 767px) { .not_home.archive .archive_cats { justify-content: space-between; } }
.not_home.archive .archive_cats li { list-style-type: none; overflow-wrap: break-word; word-break: keep-all; flex-basis: auto; }
@media screen and (max-width: 767px) { .not_home.archive .archive_cats li { width: calc( (100% - 10px)/2); font-size: .9rem; } }
.not_home.archive .archive_cats li a { display: inline-block; width: 100%; padding: 10px 14px; color: #515151; text-decoration: none; filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.2)); background-color: #fff; font-weight: bold; }
@media screen and (max-width: 767px) { .not_home.archive .archive_cats li a { padding: 10px; } }
.not_home.archive .archive_cats li a i { color: #f39939; }
.not_home.archive .archive_cats::after { content: ""; width: 24%; }
.not_home.archive .summary { text-align: center; background-color: transparent; border-bottom: 2px dotted #a3a3a3; padding: 20px; margin-bottom: 20px; }
@media screen and (max-width: 767px) { .not_home.archive .summary { padding: 20px 10px; } }
.not_home.archive .summary img { max-height: 420px; margin-bottom: 20px; }
.not_home.archive .summary .staff_voice { padding: 20px 40px; background-color: #fff; max-width: 800px; margin: 0 auto; border-radius: 14px; }
.not_home.archive .summary .staff_voice i { color: #f39939; }
.not_home.archive .summary .staff_voice .staff_voice_title { font-size: 1.2rem; }
.not_home.archive .summary .staff_voice p { text-align: left; }
.not_home.archive .summary .staff_voice p img { margin-bottom: 0; }
.not_home.archive .summary .btn { background-color: transparent; border: none; margin: 20px 0; }
.not_home.archive .summary .btn a { display: inline-block; color: #505251; padding: 10px 80px; text-decoration: none; font-size: 1rem; font-weight: bold; border: 1px solid #505251; background-color: transparent; border-radius: 100px; }
.not_home.archive .summary .btn a:hover { background-color: #fff; transition: .5s; }
@media screen and (max-width: 767px) { .not_home.archive .summary .btn a { padding: 10px 40px; font-size: 1rem; min-width: 260px; } }
.not_home.archive .summary .btn:hover { margin-top: 20px; }
.not_home.archive .summary.defaultSummary { padding: 20px 0; }
@media screen and (max-width: 767px) { .not_home.archive .summary.defaultSummary { padding: 20px 10px; } }
.not_home.archive .summary.defaultSummary .itemMeta { text-align: left; margin-left: 0; padding-left: 5px; }
.not_home.archive .summary.defaultSummary .article-body { display: flex; justify-content: space-around; gap: 20px; }
@media screen and (max-width: 767px) { .not_home.archive .summary.defaultSummary .article-body { flex-direction: column; } }
.not_home.archive .summary.defaultSummary .article-body h2 { text-align: left; padding: 10px 20px; }
@media screen and (max-width: 767px) { .not_home.archive .summary.defaultSummary .article-body h2 { margin-bottom: 10px !important; } }
.not_home.archive .summary.defaultSummary .article-body .article-img { flex-basis: 33%; float: none; margin: 0; }
.not_home.archive .summary.defaultSummary .article-body .article-img img { width: 100%; }
.not_home.archive .summary.defaultSummary .article-body .excerpt { flex-basis: 66%; padding: 0; text-align: left; line-height: 140%; }
.not_home.archive .summary.defaultSummary .article-body .excerpt .btn { display: block; }
.not_home.archive #page_nav { margin-top: 40px; }
@media screen and (max-width: 767px) { .not_home.archive #page_nav { margin-top: 20px; } }
.not_home.archive #page_nav ul.pagination { display: flex; justify-content: center; margin: 0 auto; gap: 10px; }
.not_home.archive #page_nav ul.pagination li { list-style-type: none; }
.not_home.archive #page_nav ul.pagination li a { display: inline-block; padding: 10px 20px; background-color: #e7e7e7; text-decoration: none; color: #515151; }
.not_home.archive #page_nav ul.pagination li a:hover { background-color: #515151; color: #fff; }
.not_home.archive #page_nav ul.pagination li.active a { background-color: #f39939; color: #fff; }
.not_home.single #content.col1 article, .not_home.page #content.col1 article { padding-top: 40px; }
.not_home.single #content.col1 article h1, .not_home.page #content.col1 article h1 { margin-top: 0; color: #515151; font-size: 1.6rem; }
.not_home.single #content.col1 article h1 small, .not_home.page #content.col1 article h1 small { font-size: .8rem; }
.not_home.single #content.col1 article h1 a, .not_home.page #content.col1 article h1 a { color: #515151; text-decoration: none; }
@media screen and (max-width: 767px) { .not_home.single #content.col1 .article_body, .not_home.page #content.col1 .article_body { padding: 0 10px; } }
.not_home.single #content.col1 .article_body div, .not_home.page #content.col1 .article_body div { clear: none; }
.not_home.single .article_body, .not_home.page .article_body { text-align: center; }
.not_home.single .article_body div, .not_home.page .article_body div { clear: both; }
.not_home.single .article_body h2, .not_home.page .article_body h2 { background-color: #f39939; color: #fff; clear: both; }
.not_home.single .article_body h2::after, .not_home.page .article_body h2::after { display: none; }
.not_home.single .article_body h3, .not_home.page .article_body h3 { background-color: #e7e7e7; color: #515151; clear: both; }
.not_home.single .article_body h3::after, .not_home.page .article_body h3::after { display: none; }
.not_home.single .article_body h4, .not_home.page .article_body h4 { font-size: 1.4rem; margin: 20px 0; }
.not_home.single .article_body h4::before, .not_home.single .article_body h4::after, .not_home.page .article_body h4::before, .not_home.page .article_body h4::after { background-color: #f39939; }
.not_home.single .article_body .pull-right, .not_home.page .article_body .pull-right { float: right; margin: 0 0 20px 20px; }
.not_home.single .article_body .pull-left, .not_home.page .article_body .pull-left { float: left; margin: 0 20px 20px 0; }
.not_home.single .article_body ul, .not_home.page .article_body ul { list-style-type: none; }
.not_home.single .article_body #reason, .not_home.page .article_body #reason { margin-top: 40px; }
.not_home.single .article_body #firstClass, .not_home.page .article_body #firstClass { padding: 20px; border: 1px solid #515151; }
.not_home.single .article_body #firstClass::after, .not_home.page .article_body #firstClass::after { content: ''; clear: both; display: block; }
.not_home.single .article_body .disc ul li, .not_home.page .article_body .disc ul li { list-style-type: none; padding: 10px; }
.not_home.single .article_body .disc ul li:nth-of-type(even), .not_home.page .article_body .disc ul li:nth-of-type(even) { background-color: #e7e7e7; }
.not_home.single .article_body .faq h2, .not_home.page .article_body .faq h2 { margin-top: 40px !important; }
.not_home.single .article_body .faq h2:first-child, .not_home.page .article_body .faq h2:first-child { margin-top: 0; }
.not_home.single .article_body .faq h3, .not_home.page .article_body .faq h3 { text-align: left; margin-bottom: 20px; }
.not_home.single .article_body .faq h3 .qNum, .not_home.page .article_body .faq h3 .qNum { display: inline-block; width: 40px; text-align: center; margin-right: 10px; color: #fff; background-color: #515151; }
.not_home.single .article_body .faq .aNum, .not_home.page .article_body .faq .aNum { display: inline-block; width: 40px; text-align: center; margin-right: 10px; color: #fff; background-color: #3993f3; font-size: 1.6rem; line-height: 200%; font-weight: bold; }
.not_home.single .article_body .reasons h3, .not_home.page .article_body .reasons h3 { background-color: #e7e7e7; color: #515151; }
.not_home.single .article_body .reasons h3 a, .not_home.page .article_body .reasons h3 a { color: #515151; text-decoration: none; }
.not_home.single .article_body .r-link, .not_home.page .article_body .r-link { text-align: center; margin: 40px auto; }
.not_home.single .article_body .r-link a, .not_home.page .article_body .r-link a { display: inline-block; color: #505251; padding: 10px 80px; text-decoration: none; font-size: 1rem; font-weight: bold; border: 1px solid #505251; background-color: transparent; border-radius: 100px; }
.not_home.single .article_body .r-link a:hover, .not_home.page .article_body .r-link a:hover { background-color: #fff; transition: .5s; }
@media screen and (max-width: 767px) { .not_home.single .article_body .r-link a, .not_home.page .article_body .r-link a { padding: 10px 40px; font-size: 1rem; min-width: 260px; } }
.not_home.single .article_body p, .not_home.page .article_body p { text-align: left; }
.not_home.single .snippet.cta, .not_home.page .snippet.cta { margin-bottom: 40px; }
.not_home.single .snippet.cta img, .not_home.page .snippet.cta img { width: 100%; }
.not_home.single .snippet.page_cta, .not_home.page .snippet.page_cta { margin-top: 40px; }
.not_home.single .snippet.page_cta img, .not_home.page .snippet.page_cta img { width: 100%; }
.not_home.single .brother, .not_home.page .brother { float: right; padding: 10px; max-width: 240px; }
.not_home.page form input, .not_home.page form select, .not_home.page form textarea { padding: 10px; }
.not_home.page form label { white-space: normal; }
.not_home.page form label input { display: inline-block; width: auto; }
.not_home.page form table th { white-space: nowrap; min-width: 200px; }
.not_home.page form table th .must, .not_home.page form table th .opt { background-color: #f39939; float: right; display: inline-block; padding: 2px 10px; color: #fff; }
.not_home.page form table th .opt { background-color: #fff; color: #515151; }
.not_home.page form input[type=submit] { display: inline-block; color: #fff; padding: 20px 80px; text-decoration: none; font-size: 1rem; font-weight: bold; border: 1px solid #d94536; background-color: #d94536; border-radius: 100px; margin: 20px auto; }
.not_home.page form input[type=submit]:hover { background-color: #f39939; transition: .5s; }
.not_home.page form .formError { left: 50% !important; }
.not_home #comments { margin-top: 40px; padding: 20px; background-color: #fff; }
@media screen and (max-width: 767px) { .not_home #comments { padding: 20px 10px; } }
.not_home #comments pre { display: none; }
.not_home #comments #respond h3::after { display: none; }
.not_home #comments #respond input { width: auto; }
.not_home #comments #respond .submit { color: #000; padding: 10px 20px; background-color: #f2f2f2; font-weight: normal; border: none; border-radius: 0; font-size: 1rem; margin: 0; }
.not_home.page-id-15 .col3 { background-color: #fff !important; }
@media screen and (max-width: 767px) { .not_home.page-id-15 .col3 { margin-bottom: 0; } }
.not_home.page-id-15 .col3 li { background-color: transparent !important; }
@media screen and (max-width: 767px) { .not_home.page-id-15 .col3 li { padding: 10px !important; } }
.not_home.page-id-15 .col3 li img { border-radius: 50%; }
.not_home.page-id-68 .col3 > li { padding: 0 !important; }
@media screen and (max-width: 767px) { .not_home.page-id-68 .col3 .item ul { display: flex; flex-direction: column; } }
.not_home.page-id-30273 .scroll-table { width: 100%; overflow: scroll; }
.not_home.page-id-30273 .scroll-table thead th { background-color: #f39939; border: 1px solid #b9b9b9; }
@media screen and (max-width: 767px) { .not_home.page-id-30273 .scroll-table tr { display: table-row; } }
.not_home.page-id-9894 .reasons ul.col2 { display: flex; gap: 20px; }
.not_home.page-id-9894 .reasons ul.col2 li { width: 100%; }
.not_home #search-2 { background-color: #e7e7e7; padding: 40px 20px; margin-bottom: 40px; }
@media screen and (max-width: 767px) { .not_home #search-2 { padding: 20px 10px; } }
.not_home #search-2 .search_inputs { display: flex; justify-content: center; }
.not_home #search-2 .search_inputs input { padding: 6px 10px; }
.not_home #search-2 .search_inputs #s { width: 300px !important; }
.not_home #search-2 .search_inputs #searchsubmit { width: 100px !important; margin-top: 0 !important; background-color: #3993f3; border: none; }
@media screen and (max-width: 767px) { .not_home #search-2 .search_inputs #searchsubmit { width: 80px !important; } }
.not_home #relatedWrap { flex-direction: column; margin-top: 100px; }
.not_home #relatedWrap .prev_next_nav { overflow-wrap: break-word; word-break: keep-all; }
.not_home #relatedWrap .prev_next_nav i { color: #f39939; }
.not_home #relatedWrap .prev_next_nav h2 { padding: 20px; background-color: #f2f2f2; color: #000; text-align: center; font-weight: bold; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap { display: flex; justify-content: space-between; gap: 20px; max-width: 1200px; margin: 20px auto; align-items: flex-start; }
@media screen and (max-width: 767px) { .not_home #relatedWrap .prev_next_nav .prev_next_wrap { width: 100%; flex-wrap: wrap; flex-direction: row; align-items: flex-start; gap: 0px; } }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li { list-style-type: none; flex-basis: 33%; width: 260px; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li h3 { padding: 0; font-size: 1.4rem; text-align: center; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li h3:after { width: 100%; }
@media screen and (max-width: 767px) { .not_home #relatedWrap .prev_next_nav .prev_next_wrap li h3 { text-align: center !important; font-size: 1.2rem; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li h3:after { width: 100%; } }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li .adjacent_img { text-align: center; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li .adjacent_img img { width: 100%; object-fit: contain; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li.back_to_case { font-size: 1.4rem; font-weight: bold; text-align: center; align-self: center; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li.back_to_case i { font-size: 3rem; margin-bottom: 10px; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li.back_to_case a { display: inline-block; padding: 30px 0; width: 100%; border-bottom: 1px dashed #ccc; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li.back_to_case a:last-of-type { border: none; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li.back_to_case a:hover { background-color: #f2eae4; }
@media screen and (max-width: 767px) { .not_home #relatedWrap .prev_next_nav .prev_next_wrap li.back_to_case { font-size: 1.2rem; } }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li a { color: #000; text-decoration: none; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li a img { margin-bottom: 10px; width: 400px; height: 320px; object-fit: cover; border-radius: 20px; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li a img:hover { border: 4px solid #f39939; }
@media screen and (max-width: 767px) { .not_home #relatedWrap .prev_next_nav .prev_next_wrap li a img { width: 100%; max-width: 100%; height: 40vw; border-radius: 0; } }
@media screen and (max-width: 767px) { .not_home #relatedWrap .prev_next_nav .prev_next_wrap li { text-align: left; padding: 0 10px; font-size: 1rem; line-height: 160%; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li:nth-of-type(1) { flex-basis: 48%; width: 48%; order: 1; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li:nth-of-type(2) { flex-basis: 100%; width: 100%; order: 3; }
.not_home #relatedWrap .prev_next_nav .prev_next_wrap li:nth-of-type(3) { flex-basis: 48%; width: 48%; order: 2; } }
.not_home #relatedWrap .related_post { overflow-wrap: break-word; word-break: keep-all; }
.not_home #relatedWrap .related_post h2 { padding: 20px; background-color: #f2f2f2; color: #000; margin-bottom: 40px; text-align: center; font-weight: bold; }
.not_home #relatedWrap .related_post i { color: #f39939; }
.not_home #relatedWrap .related_post .related_post_container { display: flex; justify-content: space-between; max-width: 920px; margin: 20px auto; gap: 20px; }
@media screen and (max-width: 767px) { .not_home #relatedWrap .related_post .related_post_container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0; } }
.not_home #relatedWrap .related_post .related_post_container li { list-style-type: none; flex-basis: 24%; width: 24%; text-align: center; }
@media screen and (max-width: 767px) { .not_home #relatedWrap .related_post .related_post_container li { flex-basis: 100%; width: 100%; } }
.not_home #relatedWrap .related_post .related_post_container li a { color: #000; text-decoration: none; }
@media screen and (max-width: 767px) { .not_home #relatedWrap .related_post .related_post_container li a { display: flex; gap: 10px; } }
.not_home #relatedWrap .related_post .related_post_container li a img { margin-bottom: 10px; max-width: none; width: 100%; height: 240px; object-fit: cover; border-radius: 20px; }
.not_home #relatedWrap .related_post .related_post_container li a img:hover { border: 4px solid #f39939; }
@media screen and (max-width: 767px) { .not_home #relatedWrap .related_post .related_post_container li a img { width: 100%; max-width: 100%; height: 30vw; border-radius: 0; } }
.not_home #relatedWrap .related_post .related_post_container li a .related_title { text-align: left; }
@media screen and (max-width: 767px) { .not_home #relatedWrap .related_post .related_post_container li a .related_title { width: 66%; font-size: 1rem; line-height: 160%; } }
@media screen and (max-width: 767px) { .not_home #relatedWrap .related_post .related_post_container li a .related_thumb { width: 33%; } }
@media screen and (max-width: 767px) { .not_home #relatedWrap .related_post .related_post_container li { padding: 0 10px; } }
.authorWrap { border-top: 2px dotted #a3a3a3; border-bottom: 2px dotted #a3a3a3; padding: 20px; margin: 40px 0; }
.authorWrap ul { display: flex; gap: 20px; justify-content: center; align-items: center; }
.authorWrap ul li { font-weight: bold; font-size: 1.2rem; list-style-type: none; }
.not_home.archive #contentWrap #content .summary-caseWrap { display: flex; gap: 40px 20px; flex-wrap: wrap; align-items: stretch; }
@media screen and (max-width: 767px) { .not_home.archive #contentWrap #content .summary-caseWrap { row-gap: 20px; column-gap: 10px; } }
.not_home.archive #contentWrap #content .summary-caseWrap .caseSummary { background-color: #fff; width: calc( (100% - 40px) / 3); padding: 0; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 0; border-bottom: 0; }
@media screen and (max-width: 767px) { .not_home.archive #contentWrap #content .summary-caseWrap .caseSummary { width: calc( (100% - 10px) / 2); } }
.not_home.archive #contentWrap #content .summary-caseWrap .caseSummary h2 { font-size: 1.1rem; line-height: 140%; flex: 1; margin-bottom: 20px; text-align: left; }
@media screen and (max-width: 767px) { .not_home.archive #contentWrap #content .summary-caseWrap .caseSummary h2 { font-size: 1rem; margin-bottom: 10px; } }
.not_home.archive #contentWrap #content .summary-caseWrap .caseSummary img { height: 200px; width: 100%; object-fit: contain; background-color: #fff; }
@media screen and (max-width: 767px) { .not_home.archive #contentWrap #content .summary-caseWrap .caseSummary img { height: 140px; } }
@media screen and (max-width: 767px) { .not_home.archive #contentWrap #content .summary-caseWrap .caseSummary .btn { padding: 10px; } }
.not_home.archive #contentWrap #content .summary-caseWrap .caseSummary .btn a { padding: 10px 20px; width: 100%; }
@media screen and (max-width: 767px) { .not_home.archive #contentWrap #content .summary-caseWrap .caseSummary .btn a { min-width: auto; font-size: .9rem; } }
.dateWrap { border-top: 2px solid #b9b9b9; padding-top: 20px; font-size: .9rem; }
.dateWrap ul { display: flex; justify-content: flex-end; gap: 20px; margin: 0 auto 40px auto; }
.dateWrap ul li { list-style-type: none; }
.not_home #contentWrap .container #content #caseTemp { background-color: #fff; padding: 40px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp { padding: 20px 0px; } }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .sec { padding: 20px 0px; } }
.not_home #contentWrap .container #content #caseTemp .caseMainImg { margin-bottom: 40px; }
.not_home #contentWrap .container #content #caseTemp h2 { font-size: 1.6rem; position: relative; color: #515151; background-color: transparent; margin-bottom: 20px; }
.not_home #contentWrap .container #content #caseTemp h2::before { content: ""; background-color: #f39939; width: 60px; height: 80px; position: absolute; top: -80px; left: 50%; transform: translateX(-50%); clip-path: polygon(50% 50%, 100% 70%, 100% 100%, 0 100%, 0 70%); }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp h2::before { width: 40px; height: 60px; top: -60px; } }
.not_home #contentWrap .container #content #caseTemp h3 { font-size: 1.4rem; background-color: transparent; border: none; display: flex; align-items: center; justify-content: center; margin: 0 auto; max-width: 840px; }
.not_home #contentWrap .container #content #caseTemp h3::before, .not_home #contentWrap .container #content #caseTemp h3::after { display: block; content: ""; flex-grow: 1; height: 1px; border-bottom: 2px dashed #535456; position: static; }
.not_home #contentWrap .container #content #caseTemp h3::before { margin-right: 40px; }
.not_home #contentWrap .container #content #caseTemp h3::after { width: auto; background-color: transparent; transform: translateX(0); margin-left: 40px; }
.not_home #contentWrap .container #content #caseTemp .info, .not_home #contentWrap .container #content #caseTemp .free { max-width: 840px; margin: 0 auto; }
.not_home #contentWrap .container #content #caseTemp .free { padding: 0; padding-bottom: 60px; }
.not_home #contentWrap .container #content #caseTemp .ba .baWrap { margin-bottom: 20px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .ba .baWrap { margin-bottom: 40px; } }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap { display: flex; gap: 40px; justify-content: center; padding: 20px 0px; margin-bottom: 20px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap { flex-direction: column; } }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap { width: 50%; display: flex; flex-direction: column; gap: 20px; background-color: #f5f5f5; filter: drop-shadow(6px 6px 0px #ababab); padding: 20px; justify-content: center; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap { width: 100%; } }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap img { height: 280px; object-fit: contain; }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap i { font-size: 3rem; color: #f39939; margin-left: 10px; }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap a { display: inline-block; position: relative; }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap a strong { display: inline-block; padding: 0 10px; position: absolute; top: 0; left: 0; font-family: 'Inter', sans-serif; font-size: .85rem; letter-spacing: .1rem; }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap a:hover img { opacity: 1; }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap .baImageB { text-align: left; }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap .baImageB strong { color: #fff; background-color: #535456; }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap .baImageB img { height: 120px; object-fit: contain; }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap .baImageA { align-self: center; }
.not_home #contentWrap .container #content #caseTemp .ba .baImagesWrap .baImageWrap .baImageA strong { color: #fff; background-color: #f39939; }
.not_home #contentWrap .container #content #caseTemp .ba .baComment { text-align: center; max-width: 840px; margin: 0 auto; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .ba .baComment { text-align: left; } }
.not_home #contentWrap .container #content #caseTemp .links { max-width: 840px; margin: 0 auto; padding-top: 0; }
.not_home #contentWrap .container #content #caseTemp .links .linksWrap { display: flex; justify-content: center; gap: 40px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .links .linksWrap { flex-direction: column; gap: 20px; margin-bottom: 20px; text-align: center; } }
.not_home #contentWrap .container #content #caseTemp .links .linksWrap a { display: inline-block; border: 2px solid #535456; border-radius: 30px; padding: 10px 20px; text-decoration: none; color: #535456; font-weight: bold; width: 100%; max-width: 300px; transition: .5s; }
.not_home #contentWrap .container #content #caseTemp .links .linksWrap a:hover { background-color: #f5f5f5; }
.not_home #contentWrap .container #content #caseTemp .links .linksWrap a i { margin-left: 10px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .links .linksWrap a { margin: 0 auto; } }
.not_home #contentWrap .container #content #caseTemp .voice_new { background-color: #fbe0c5; padding: 70px 40px 20px 40px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .voice_new { padding: 60px 20px 20px 20px; } }
.not_home #contentWrap .container #content #caseTemp .voice_new h2 { margin-bottom: 0; }
.not_home #contentWrap .container #content #caseTemp .voice_new ul.flex { gap: 40px; align-items: center; justify-content: flex-end; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .voice_new ul.flex { gap: 20px; } }
.not_home #contentWrap .container #content #caseTemp .voice_new ul.flex li:nth-of-type(1) { background-color: #fff; padding: 20px; border-radius: 16px; text-align: left; position: relative; }
.not_home #contentWrap .container #content #caseTemp .voice_new ul.flex li:nth-of-type(1)::before { content: ""; border: 8px solid transparent; border-left: 18px solid #fff; border-right: 4px solid transparent; position: absolute; top: 50%; right: -18px; transform: translateY(-50%); }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .voice_new ul.flex li:nth-of-type(1)::before { top: 100%; left: 50%; right: auto; } }
.not_home #contentWrap .container #content #caseTemp .voice_new ul.flex li:nth-of-type(2) img { margin-bottom: 10px; min-width: 96px; }
.not_home #contentWrap .container #content #caseTemp .voice_new ul.flex li:nth-of-type(2) strong { display: block; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .voice_new ul.flex li:nth-of-type(2) strong { display: block; } }
.not_home #contentWrap .container #content #caseTemp .modal { position: fixed; top: 0; left: 0; right: 0; width: 100%; max-width: 100% !important; height: 100vh; background-color: rgba(0, 0, 0, 0.9); z-index: 9999999999; display: flex; flex-direction: column; justify-content: center; align-items: center; display: none; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap { z-index: 9999; position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-arrow { width: 60px; height: 60px; z-index: 99; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-arrow.slick-prev, .not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-arrow.slick-next { color: #fff !important; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-arrow.slick-prev::before, .not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-arrow.slick-next::before { font-size: 3rem; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-arrow.slick-prev { left: 20px; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-arrow.slick-next { right: 20px; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-dots { bottom: -60px; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-dots li button::before { color: #fff; opacity: 1; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-dots li.slick-active button:before { color: #d94536; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .item { text-align: center; position: relative; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .item span { font-family: "Inter", sans-serif; font-weight: bold; position: absolute; top: 0px; left: 20px; font-size: 1.2rem; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .item span.modalBefore { background-color: #535456; color: #fff; display: inline-block; padding: 4px 10px; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .item span.modalAfter { background-color: #f39939; color: #fff; display: inline-block; padding: 4px 10px; }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .item img { margin: 0 auto; height: 600px; max-width: 100%; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .item img { height: auto; max-height: 66vh; max-width: 100%; } }
.not_home #contentWrap .container #content #caseTemp .modal .modalWrap .modalSlide .slick-track { display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .modal .btn.close { position: absolute; top: 10px; width: 100%; margin: 0 !important; z-index: 99; } }
.not_home #contentWrap .container #content #caseTemp .modal .btn.close a { background-color: #fff; font-size: 1.2rem; padding: 10px 60px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #caseTemp .modal .btn.close a { width: 100%; text-align: center; } }
.not_home #contentWrap .container #content #caseTemp .modal .btn.close a:hover { background-color: #f39939; color: #fff; }
.caseListBtn { margin: 60px auto; text-align: center; }
.caseListBtn a { display: inline-block; border: 2px solid #535456; border-radius: 30px; padding: 10px 60px; text-decoration: none; color: #535456; font-weight: bold; transition: .5s; width: 100%; max-width: 300px; }
.caseListBtn a:hover { background-color: #fff; }
.caseListBtn a i { margin-left: 10px; }
#tpl-blogs.blogs { position: relative; background-color: #f6f6f6; padding: 80px 20px; background-position: top -360px center; background-size: cover; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs { padding: 20px 10px; background-position: top 0px center; background-size: contain; } }
#tpl-blogs.blogs h2 { border: none; margin: 0; }
#tpl-blogs.blogs h2::after { display: none; }
#tpl-blogs.blogs .sec-header img { width: 20vw; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .sec-header img { width: 40vw; } }
#tpl-blogs.blogs .tab-wrap { display: flex; flex-wrap: wrap; gap: 0 20px; padding-top: 60px; background-position: top 0px center; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-wrap { background-size: 100vw; padding-top: 40px; gap: 0; }
#tpl-blogs.blogs .tab-wrap label.tab-label { flex: none; width: 50%; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; } }
#tpl-blogs.blogs .tab-wrap:after { content: ''; width: 100%; height: 4px; background: #f39939; display: block; order: -1; }
#tpl-blogs.blogs .tab-label { color: #fff; background: #ababab; font-weight: bold; white-space: nowrap; text-align: center; font-size: 1.6rem; padding: 14px 20px; order: -1; position: relative; z-index: 1; cursor: pointer; flex: 1; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-label { font-size: 1rem; padding: 10px; } }
#tpl-blogs.blogs .tab-content { width: 100%; height: 500px; --CHECK_BORDER: 1px; --CHECK_COLOR: #fee2cd; --CHECK_BG: #fff; --CHECK_SIZE: 16px; background-size: var(--CHECK_SIZE) var(--CHECK_SIZE); background-position: 50% 50%; background-repeat: repeat; background-image: repeating-linear-gradient(90deg, var(--CHECK_COLOR), var(--CHECK_COLOR) var(--CHECK_BORDER), transparent var(--CHECK_BORDER), transparent 32px), repeating-linear-gradient(0deg, var(--CHECK_COLOR), var(--CHECK_COLOR) var(--CHECK_BORDER), var(--CHECK_BG) var(--CHECK_BORDER), var(--CHECK_BG) 32px); width: 100%; height: 0; overflow: hidden; opacity: 0; }
#tpl-blogs.blogs .tab-content .posts { flex-flow: row wrap; gap: 40px; margin: 0; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .posts { gap: 10px; flex-flow: column wrap; } }
#tpl-blogs.blogs .tab-content .posts > li { position: relative; background-color: #fff; width: calc( (100% - 40px) / 2); border: 3px solid #fee2cd; padding: 14px; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .posts > li { width: 100%; padding: 10px; } }
#tpl-blogs.blogs .tab-content .posts > li .btn-detail { font-weight: bold; font-size: 1.1rem; text-align: right; position: absolute; bottom: 20px; right: 20px; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .posts > li .btn-detail { bottom: 10px; right: 10px; font-size: 1rem; font-weight: bold; } }
#tpl-blogs.blogs .tab-content .posts > li .btn-detail a { text-decoration: none; color: #515151; }
#tpl-blogs.blogs .tab-content .posts > li .btn-detail a:hover { text-decoration: underline; }
#tpl-blogs.blogs .tab-content .posts ul.post { margin: 0; justify-content: flex-start; gap: 20px; align-items: stretch; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .posts ul.post { flex-flow: row nowrap; gap: 10px; position: relative; align-items: flex-start; } }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(1) { width: 220px; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(1) { width: 40vw; }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(1) img { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; } }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) { position: relative; width: 100%; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) { width: 100%; } }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .category-name { background-color: #f5f5f5; color: #000; display: inline-block; padding: 2px 10px; font-weight: bold; font-size: .9rem; margin: 4px 0 10px 0; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .category-name { font-size: .8rem; padding: 0 4px; position: absolute; left: -10px; top: -10px; margin: 0; } }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .pub_date { position: relative; font-weight: bold; font-size: 1.1rem; margin-bottom: 20px; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .pub_date { font-size: .9rem; margin-bottom: 10px; } }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .pub_date .new { position: absolute; right: 0px; }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .pub_date .new span { background-color: #3993f3; color: #fff; display: inline-block; font-family: 'Inter', sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 2px; padding: 4px 20px; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .pub_date .new span { font-size: 1rem; padding: 4px 14px; } }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .post_info { padding-bottom: 20px; }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .post_info .post_title { font-weight: bold; margin-bottom: 10px; }
#tpl-blogs.blogs .tab-content .posts ul.post li:nth-of-type(2) .post_info .post_title a { text-decoration: none; color: #515151; }
#tpl-blogs.blogs .tab-content .blogImg img { width: 100%; aspect-ratio: 1/1; object-fit: cover !important; }
#tpl-blogs.blogs .tab-content .btnWrap { text-align: center; padding: 40px 0 0 0; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .btnWrap { padding: 20px 0; } }
#tpl-blogs.blogs .tab-content .btnWrap a { display: inline-block; padding: 20px 80px; font-size: 1.3rem; background-color: #f39939 !important; color: #fff; border-radius: 100px; margin-top: 0 !important; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-content .btnWrap a { font-size: 1rem; padding: 10px 40px; } }
#tpl-blogs.blogs .tab-switch { display: none; }
#tpl-blogs.blogs .tab-switch:checked + .tab-label { background: #f39939; color: #fff; }
#tpl-blogs.blogs .tab-switch:checked + .tab-label + .tab-content { border: 4px solid #f39939; border-top: none; height: auto; overflow: auto; padding: 40px; opacity: 1; }
@media screen and (max-width: 767px) { #tpl-blogs.blogs .tab-switch:checked + .tab-label + .tab-content { padding: 10px; } }
.single #content article { font-size: 16px; }
@media screen and (max-width: 767px) { .single #content article { font-size: 14px; } }
.footCTA { background-color: #f39939; padding: 50px 0 40px 0; color: #fff; text-align: center; margin-top: 80px; position: relative; }
@media screen and (max-width: 767px) { .footCTA { padding-bottom: 20px; } }
.footCTA .cta_inner { margin: 0 auto; max-width: 1200px; margin: 0 auto; position: relative; }
.footCTA .cta_inner .freeIcon { background-color: #fff; border: 4px solid #3993f3; color: #3993f3; text-align: center; font-size: 1.8rem; padding: 20px; width: 160px; height: 160px; border-radius: 160px; display: flex; justify-content: center; align-items: center; line-height: 120%; filter: drop-shadow(3px 3px 0 #3993f3); position: absolute; top: -80px; left: 160px; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .freeIcon { font-size: .9rem; left: auto; top: -70px; right: 10px; width: 90px; height: 90px; border-radius: 50%; padding: 0; } }
.footCTA .cta_inner .title { font-size: 2.2rem; font-weight: bold; letter-spacing: .1rem; padding-left: .1rem; margin-bottom: 40px; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .title { font-size: 1.6rem; line-height: 130%; }
.footCTA .cta_inner .title .xs_block { display: block; } }
.footCTA .cta_inner .btnWrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 40px; width: 600px; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .btnWrap { flex-direction: column; align-items: center; } }
@media screen and (max-width: 767px) { .footCTA .cta_inner .btnWrap { width: 100%; } }
.footCTA .cta_inner .btnWrap > li { list-style-type: none; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .btnWrap > li { width: 80vw !important; } }
.footCTA .cta_inner .btnWrap > li:nth-of-type(1) { width: calc((100% - 40px)/2); }
.footCTA .cta_inner .btnWrap > li:nth-of-type(2) { width: calc((100% - 40px)/2); }
.footCTA .cta_inner .btnWrap > li:nth-of-type(3) { width: 100%; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .btnWrap > li:nth-of-type(3) { flex-direction: column; } }
.footCTA .cta_inner .btnWrap > li:nth-of-type(3) .tel_l { text-align: right; border-right: 1px solid #fff; padding: 10px 20px; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .btnWrap > li:nth-of-type(3) .tel_l { border-right: none; border-bottom: 1px solid #fff; } }
.footCTA .cta_inner .btnWrap > li:nth-of-type(3) .tel_l strong { display: block; }
.footCTA .cta_inner .btnWrap > li:nth-of-type(3) .tel_r { padding: 10px 20px; font-size: 1.8rem; font-weight: bold; }
.footCTA .cta_inner .btnWrap > li:nth-of-type(3) .tel_r img { width: 40px; margin-right: 6px; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .btnWrap > li:nth-of-type(3) .tel_r img { width: 32px; margin-right: 3px; } }
.footCTA .cta_inner .btnWrap > li .cta_btn { background-color: #3993f3; color: #fff; border-radius: 30px; font-size: 1.3rem; font-weight: bold; padding: 14px 20px; filter: drop-shadow(4px 4px 0 #fff); margin-top: 10px; display: flex; justify-content: center; align-items: center; gap: 10px; }
.footCTA .cta_inner .btnWrap > li .cta_btn img { width: 20px; }
.footCTA .cta_inner .btnWrap > li .cta_btn a { display: flex; align-items: center; justify-content: center; gap: 10px; line-height: 100%; }
.footCTA .cta_inner .btnWrap a { color: #fff; text-decoration: none; }
.footCTA .cta_inner .areaWrap { background-color: #fff; padding: 16px 20px; color: #454545; width: 760px; margin: 0 auto; border-radius: 12px; font-weight: bold; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .areaWrap { padding-left: 30vw; width: calc(100% - 20px) !important; } }
.footCTA .cta_inner .areaWrap .areaTitle { font-size: 1.3rem; margin-bottom: 10px; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .areaWrap .areaTitle { font-size: 1.2rem; } }
@media screen and (max-width: 767px) { .footCTA .cta_inner .areaWrap .area { font-size: .9rem; }
.footCTA .cta_inner .areaWrap .area .xs_block { display: block; }
.footCTA .cta_inner .areaWrap .area .xs_hidden { display: none; } }
.footCTA .cta_inner .areaWrap .area_info { font-size: .8rem; color: #3993f3; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .areaWrap { width: 100%; } }
.footCTA .cta_inner .cta_staff01, .footCTA .cta_inner .cta_staff02 { width: 240px; position: absolute; bottom: -40px; }
.footCTA .cta_inner .cta_staff01 { left: 0; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .cta_staff01 { width: 40vw; left: -20px; bottom: -20px; } }
.footCTA .cta_inner .cta_staff02 { right: 20px; width: 210px; }
@media screen and (max-width: 767px) { .footCTA .cta_inner .cta_staff02 { display: none; } }
.page-id-64280 .assessment_main img { width: 100%; }
.page-id-64280 #content { font-size: 1.2rem; }
.page-id-64280 #content .yellow { background: linear-gradient(transparent 50%, #fae510 50%); }
.page-id-64280 #content .strength { max-width: 1200px; margin: 0 auto; padding: 80px 0; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength { padding: 40px 10px; } }
.page-id-64280 #content .strength ul.strength-list { margin: 40px auto 0 auto; display: flex; gap: 40px; justify-content: center; flex-direction: column; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength ul.strength-list { gap: 20px; } }
.page-id-64280 #content .strength ul.strength-list li { list-style-type: none; background-color: #fff; border: 1px solid #cb1700; width: 100%; padding: 40px; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength ul.strength-list li { padding: 40px 10px; } }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength ul.strength-list li:nth-of-type(2) { padding: 40px 0; } }
.page-id-64280 #content .strength ul.strength-list li .strength-label { background-color: #cb1700; color: #fff; display: inline-block; width: 120px; height: 120px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto 40px auto; line-height: 240%; font-weight: bold; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength ul.strength-list li .strength-label { width: 80px; height: 80px; line-height: 160%; margin-bottom: 20px; } }
.page-id-64280 #content .strength ul.strength-list li .strength-label span { font-size: 1.6rem; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength ul.strength-list li .strength-label span { font-size: 1.3rem; } }
.page-id-64280 #content .strength ul.strength-list li .strength-label strong { font-size: 3rem; color: #fae510; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength ul.strength-list li .strength-label strong { font-size: 1.8rem; } }
.page-id-64280 #content .strength ul.strength-list li .strength-title { font-size: 2rem; font-weight: bold; margin-bottom: 40px; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength ul.strength-list li .strength-title { font-size: 1.4rem; line-height: 3rem; margin-bottom: 20px; } }
.page-id-64280 #content .strength ul.strength-list li .img01 { max-width: 300px; margin-bottom: 20px; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength ul.strength-list li .img01 { max-width: 40vw; } }
.page-id-64280 #content .strength .flexFrame { display: flex; gap: 40px; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength .flexFrame { flex-direction: column; } }
.page-id-64280 #content .strength .flexFrame.rev { flex-direction: row-reverse; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength .flexFrame.rev { flex-direction: column; } }
.page-id-64280 #content .strength .flexFrame img { max-width: 40%; }
@media screen and (max-width: 767px) { .page-id-64280 #content .strength .flexFrame img { max-width: 100%; } }
.page-id-64280 #content .strength .textFrame { text-align: left; }
.page-id-64280 #content .profile { background-color: #fff; padding: 80px 0; }
@media screen and (max-width: 767px) { .page-id-64280 #content .profile { padding: 40px 10px; } }
.page-id-64280 #content .profile .inner { max-width: 1200px; margin: 0 auto; }
.page-id-64280 #content .profile .inner ul { max-width: 960px; margin: 0 auto; gap: 40px; }
.page-id-64280 #content .profile .inner ul li { width: 100%; }
.page-id-64280 #content .profile .inner ul li p { text-align: left; }
.page-id-64280 #content .profile .inner ul li .name { font-weight: bold; margin-bottom: 10px; }
.page-id-64280 #content .profile .inner ul li:nth-of-type(2) { text-align: left; }
.page-id-64280 #content .profile .inner .logo { max-width: 200px; margin-bottom: 20px; }
.page-id-64280 #content .profile .inner .max { margin-bottom: 40px; }
.page-id-64280 #content .profile .inner .call { padding: 40px; margin: 40px auto; border: 4px solid #f39939; border-radius: 12px; max-width: 960px; }
.page-id-64280 #content .profile .inner .call .callTitle { font-size: 2rem; font-weight: bold; margin-bottom: 40px; }
@media screen and (max-width: 767px) { .page-id-64280 #content .profile .inner .call .callTitle { font-size: 1.2rem; line-height: 160%; } }
.page-id-64280 #content .profile .inner .call .callTitle::before { content: "/"; display: inline-block; transform: scale(-1, 1) translateX(10px); }
.page-id-64280 #content .profile .inner .call .callTitle::after { content: "/"; display: inline-block; transform: translateX(10px); }
.page-id-64280 #content .profile .inner .call a.number { font-size: 4rem; font-weight: bold; color: #f39939; text-decoration: none; display: block; margin-bottom: 20px; }
@media screen and (max-width: 767px) { .page-id-64280 #content .profile .inner .call a.number { font-size: 3rem; } }
.page-id-64280 #content .profile .inner .call img { margin-bottom: 20px; }
.page-id-64280 #content .profile .inner .call p { line-height: 160%; margin-bottom: 0; }
.page-id-64280 #content .campaign { padding: 40px; background-image: url(//uohashi.co.jp/wp-content/themes/child2.0.0/images/campaignBg.jpg); background-size: cover; background-position: center center; }
@media screen and (max-width: 767px) { .page-id-64280 #content .campaign { padding: 40px 0; } }
.page-id-64280 #content .campaign img { max-width: 960px; margin: 0 auto; }
@media screen and (max-width: 767px) { .page-id-64280 #content .campaign img { max-width: 100%; } }
.page-id-64280 #content .formWrap { padding: 40px 0; }
@media screen and (max-width: 767px) { .page-id-64280 #content .formWrap { padding: 0; } }
.page-id-64280 #content .formWrap .inner { max-width: 960px; margin: 0 auto; }
@media screen and (max-width: 767px) { .page-id-64280 #content .formWrap .inner { padding: 0 10px; } }
.page-id-64280 #content .formWrap .inner form p { display: inline; }
.page-id-64280 #content .formWrap .inner form table th { min-width: 240px; }
.wpcf7-response-output, .wpcf7-not-valid-tip { display: none !important; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap h2 { margin-bottom: 20px; } }
.not_home #contentWrap .container #content #eventWrap .reservationWrap { margin: 40px auto; border: 2px solid #f39939; border-radius: 12px; background-color: #fcefe0; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .reservationWrap { margin: 20px auto; position: relative; } }
.not_home #contentWrap .container #content #eventWrap .reservationWrap > ul { display: flex; gap: 40px; justify-content: center; align-items: center; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .reservationWrap > ul { gap: 0; margin: 10px auto; } }
.not_home #contentWrap .container #content #eventWrap .reservationWrap > ul li img { width: 125px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .reservationWrap > ul li img { position: absolute; width: 60px; }
.not_home #contentWrap .container #content #eventWrap .reservationWrap > ul li img.wp-image-67523 { top: 4px; left: 6px; }
.not_home #contentWrap .container #content #eventWrap .reservationWrap > ul li img.wp-image-67524 { top: 4px; right: 6px; } }
.not_home #contentWrap .container #content #eventWrap .reservationWrap > ul li > ul { display: flex; flex-direction: column; gap: 10px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .reservationWrap > ul li > ul { width: 100%; } }
.not_home #contentWrap .container #content #eventWrap .reservationWrap > ul li > ul li { font-weight: bold; }
.not_home #contentWrap .container #content #eventWrap .reservationWrap > ul li > ul li button { padding: 10px 20px; border-radius: 30px; background-color: #f39939; color: #fff; letter-spacing: .2rem; border: none; filter: drop-shadow(3px 3px 0 #ccc); margin-top: 10px; }
.not_home #contentWrap .container #content #eventWrap .reservationWrap > ul li > ul li button i { margin-right: 10px; }
.not_home #contentWrap .container #content #eventWrap .textWrap { padding: 0 0 30px 0; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap { border: 2px solid #f39939; background-color: #fff; margin-bottom: 40px; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap .sectionTitle { background-color: #f39939; color: #fff; font-weight: bold; padding: 10px 20px; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap { display: flex; gap: 0px; justify-content: space-between; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap { flex-direction: column; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner { padding: 30px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner { padding: 10px; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner p { line-height: 160%; margin-bottom: 20px; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(1) { text-align: left; font-weight: bold; width: 60%; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(1) { width: 100%; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(1) ul { display: flex; flex-direction: column; gap: 14px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(1) ul { margin: 10px auto; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(1) i { margin-right: 20px; color: #3993f3; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(1) i { margin-right: 10px; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(2) { position: relative; width: 40%; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(2) { width: 100%; padding: 0; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(2) img { width: 324px; position: absolute; bottom: 0; left: 0; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap .innerWrap .inner:nth-of-type(2) img { position: static; width: 200px; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner { width: 100%; padding: 0 40px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner { padding: 10px; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table { border: none; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table { margin: 0; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table tr { border-bottom: 2px solid #ddd; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table tr:last-of-type { border: none; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table th { white-space: nowrap; width: 200px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table th { background-color: #eee !important; padding-left: 10px !important; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table th, .not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table td { padding: 30px 0; background-color: transparent; border: none; vertical-align: top; line-height: 200%; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table th, .not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table td { padding: 10px 0; width: 100%; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table img { max-width: 500px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.eventDesc .innerWrap .inner table img { width: 100%; max-width: none; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.merit { border-color: #3993f3; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .sectionTitle { background-color: #3993f3; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap { border-bottom: 2px solid #3993f3; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner { width: 100%; padding: 40px; text-align: left; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner { padding: 20px 10px 10px 10px; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner .meritTitleWrap { display: flex; gap: 20px; align-items: center; margin-bottom: 20px; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner .meritTitleWrap .num { font-size: 3rem; font-weight: bold; color: #3993f3; line-height: 100%; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner .meritTitleWrap .num { font-size: 2rem; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner .meritTitleWrap .meritTitle { font-size: 1.5rem; font-weight: bold; line-height: 100%; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner .meritTitleWrap .meritTitle { font-size: 1.2rem; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner .meritSubTitle { font-weight: bold; margin-bottom: 20px; margin-top: 40px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner .meritSubTitle { margin-top: 20px; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.merit .innerWrap .inner .meritSubTitle:nth-of-type(1) { margin-top: 0; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.flyer { margin-top: 40px; }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.flyer p { text-align: center; margin-bottom: 40px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.flyer p { margin-bottom: 20px; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.flyer .flyerWrap { padding: 40px; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.flyer .flyerWrap { padding: 20px; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.flyer .innerWrap2 { display: flex; gap: 40px; justify-content: center; }
@media screen and (max-width: 767px) { .not_home #contentWrap .container #content #eventWrap .sectionWrap.flyer .innerWrap2 { gap: 10px; } }
.not_home #contentWrap .container #content #eventWrap .sectionWrap.flyer .innerWrap2 .inner { width: 100%; }
.pum-container { aspect-ratio: 1 / 1; width: 100%; height: auto; display: block; }