@charset "UTF-8";
@charset "utf-8";
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
line-height: 1.6em;
}
h1, h2, h3, h4{
line-height: 1em;
}
img{
max-width:100%;
height:auto;
vertical-align:bottom;
}
a{
text-decoration: none;
-webkit-transition-duration: 1000ms;
-moz-transition-duration: 1000ms;
-o-transition-duration: 1000ms;
transition-duration: 1000ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
a:hover{
text-decoration: none;
}
a img{
border-style:none;
}
strong{
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
} :focus {
outline: 0;
} ins {
text-decoration: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
.clear::after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
   .text-center {
text-align: center;
} .ff_eng {
font-family: freude, sans-serif;
font-weight: 400;
}
.ff_tel {
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
} img {
max-width: 100%;
height: auto;
}
.gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.gallery-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 33.333%;
-ms-flex: 1 1 33.333%;
flex: 1 1 33.333%;
} @media screen and (min-width: 900px) {
.slide_side_left {
opacity: 0;
-webkit-transform: translate(-60px, 0);
-ms-transform: translate(-60px, 0);
transform: translate(-60px, 0);
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
.slide_side_right {
opacity: 0;
-webkit-transform: translate(60px, 0);
-ms-transform: translate(60px, 0);
transform: translate(60px, 0);
-webkit-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.slide_bottom01 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.slide_bottom02 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
.slide_bottom03 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 1500ms;
-o-transition: all 1500ms;
transition: all 1500ms;
}
.slide_bottom04 {
opacity: 0;
-webkit-transform: translate(0, 35px);
-ms-transform: translate(0, 35px);
transform: translate(0, 35px);
-webkit-transition: all 2000ms;
-o-transition: all 2000ms;
transition: all 2000ms;
}
.slide_on {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
} h2::after,
h3::after,
h4::after,
h5::after,
h6::after,
.btn01::before,
.table01::after,
.box_apr::after,
.btn01::before,
.wp-block-dp-ex-blocks-colored-box::after,
.box_flow .flow dt > span::after,
.box_contact01,
.contact-waku:before,
.contact-waku:after,
.contact-flow,
.text-center::after,
.tit_main01:after,
.tit_sec01:after,
.tit_sec02:after,
.heading:after,
ul#menu-globalnavi > li::after {
-webkit-transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
-o-transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
transition: all 700ms cubic-bezier(1, 0.005, 0.09, 1);
}
#hover-contact.is-show, #page-top.is-show, #page-top {
-webkit-transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
-o-transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
}
.tr-dray03::after {
-webkit-transition-delay: 0.3s !important;
-o-transition-delay: 0.3s !important;
transition-delay: 0.3s !important;
}
.tr-dray04::after {
-webkit-transition-delay: 0.4s !important;
-o-transition-delay: 0.4s !important;
transition-delay: 0.4s !important;
}
.tr-dray08::after {
-webkit-transition-delay: 0.8s !important;
-o-transition-delay: 0.8s !important;
transition-delay: 0.8s !important;
}
@media screen and (min-width: 900px) {
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade_up_in {
opacity: 0;
-webkit-animation: fadeUp 1s ease-in 0s 1 normal forwards;
animation: fadeUp 1s ease-in 0s 1 normal forwards;
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
@-webkit-keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translate(0px, 35px);
transform: translate(0px, 35px);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
@keyframes fadeUp {
0% {
opacity: 0;
-webkit-transform: translate(0px, 35px);
transform: translate(0px, 35px);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
.fade_down_in {
opacity: 0;
-webkit-animation: fadeDown 1s ease-in 0s 1 normal forwards;
animation: fadeDown 1s ease-in 0s 1 normal forwards;
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
@-webkit-keyframes fadeDown {
0% {
opacity: 0;
-webkit-transform: translate(0px, -35px);
transform: translate(0px, -35px);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
@keyframes fadeDown {
0% {
opacity: 0;
-webkit-transform: translate(0px, -35px);
transform: translate(0px, -35px);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
.fade_left_in {
opacity: 0;
-webkit-animation: fadeLeft 1s ease-in 0s 1 normal forwards;
animation: fadeLeft 1s ease-in 0s 1 normal forwards;
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
@-webkit-keyframes fadeLeft {
0% {
opacity: 0;
-webkit-transform: translate(-60px, 0);
transform: translate(-60px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
@keyframes fadeLeft {
0% {
opacity: 0;
-webkit-transform: translate(-60px, 0);
transform: translate(-60px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
.fade_right_in {
opacity: 0;
-webkit-animation: fadeRight 1s ease-in 0s 1 normal forwards;
animation: fadeRight 1s ease-in 0s 1 normal forwards;
-webkit-transition: all 1000ms;
-o-transition: all 1000ms;
transition: all 1000ms;
}
@-webkit-keyframes fadeRight {
0% {
opacity: 0;
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
@keyframes fadeRight {
0% {
opacity: 0;
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
}
}
}
@media screen and (min-width: 900px) {
.ul_anime > li {
opacity: 0;
-webkit-animation: fadeUp 1s ease-in 0s 1 normal forwards;
animation: fadeUp 1s ease-in 0s 1 normal forwards;
}
.ul_anime > li:nth-child(2) {
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
.ul_anime > li:nth-child(3) {
-webkit-animation-delay: 1000ms;
animation-delay: 1000ms;
}
.ul_anime > li:nth-child(4) {
-webkit-animation-delay: 1500ms;
animation-delay: 1500ms;
}
} html {
font-size: 62.5%;
}
body {
line-height: 1.6em;
font-family: "Noto Sans Japanese", source-han-sans-japanese, sans-serif;
font-display: swap;
background: #fff;
color: #222222;
}
a {
color: #37b44a;
}
a:hover {
color: #555;
}
img {
pointer-events: none;
}
.nopc {
display: none;
}
@media screen and (max-width: 900px) {
.nopc {
display: block !important;
}
}
.notab {
display: none;
}
@media screen and (max-width: 1050px) {
.notab {
display: block !important;
}
}
@media screen and (max-width: 900px) {
.notab {
display: none !important;
}
}
.nosp {
display: block;
}
@media screen and (max-width: 900px) {
.nosp {
display: none !important;
}
}
.container {
margin: 0 auto;
padding: 10px 0 40px 0;
}
@media screen and (min-width: 1300px) {
.container {
max-width: 1300px;
padding: 20px 0;
}
}
.wrap {
margin: 0 auto;
}
@media screen and (min-width: 1300px) {
.wrap {
max-width: 1300px;
}
}
.container-fluid {
padding-left: 0px;
padding-right: 0px;
}
.row {
margin-right: 0px;
margin-left: 0px;
}
.pc_block_top {
display: block;
}
@media screen and (max-width: 1350px) {
.pc_block_top {
display: none;
}
}
.sp_none_top {
display: none;
}
@media screen and (max-width: 1350px) {
.sp_none_top {
display: block;
}
}
.sp-top-title {
text-align: center;
margin: 0 auto;
}
.main_visual_sp {
display: none;
}
@media screen and (max-width: 768px) {
.main_visual_sp {
display: block;
}
}
.main_visual_pc {
padding: 20px;
display: block;
}
@media screen and (max-width: 768px) {
.main_visual_pc {
display: none;
}
}
.pc_block {
display: block;
}
@media screen and (max-width: 1224px) {
.pc_block {
display: none;
}
}
.sp_none {
display: none;
}
@media screen and (max-width: 1224px) {
.sp_none {
display: block;
}
}
.header_menu {
opacity: 0;
}
.table_parent {
display: table;
width: 100%;
}
.table_parent .table_cells-2 {
display: table-cell;
width: 50%;
vertical-align: middle;
}
@media screen and (max-width: 900px) {
.table_parent .table_cells-2 {
width: 100% !important;
display: block !important;
}
} .h3_title h3 {
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
color: #3b879f;
font-size: 28px;
font-weight: 600;
line-height: 1.4;
}
.bold {
color: #ef710a;
font-weight: bold;
}
.align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.title-erea {
position: relative;
}
.p_sub_title h3 {
font-family: tbcinergothic-std, sans-serif;
color: #3b879f;
font-size: 24px;
line-height: 1.8;
}
.p_sub_title p {
color: #555555;
line-height: 2;
}
.h4_title h4 {
position: relative;
}
.h4_title h4::after {
position: absolute;
width: 0;
bottom: -14px;
left: 0;
content: "";
height: 4px;
background: #3b879f;
}
.h4_title.is-show h4::after {
width: 30%;
} #wrapper {
position: relative;
-webkit-animation: fadeIn 1.5s ease-in 0s 1 normal;
animation: fadeIn 1.5s ease-in 0s 1 normal;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .navBtn {
position: fixed;
right: 0;
top: 0;
width: 65px;
height: 65px;
cursor: pointer;
z-index: 1000001 !important;
background: #1378BC;
text-align: center;
}
.navBtn span {
display: block;
position: absolute;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
position: absolute;
width: 28px;
height: 2px;
left: 50%;
margin-left: -14px;
display: inline-block;
background-color: #ffffff;
}
.navBtn span:nth-child(1) {
top: 15px;
}
.navBtn span:nth-child(2) {
top: 24px;
}
.navBtn span:nth-child(3) {
top: 33px;
}
.navBtn span:nth-child(4) {
border: none;
color: #fff;
font-size: 13px;
left: 26px;
top: 40px;
display: inline;
background: none;
line-height: 13px;
}
.navBtn.active span:nth-child(1) {
top: 24px;
height: 3px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.navBtn.active span:nth-child(2), .navBtn.active span:nth-child(3) {
top: 24px;
height: 3px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(20px) rotate(-45deg);
-ms-transform: translateY(20px) rotate(-45deg);
transform: translateY(20px) rotate(-45deg);
top: 0px;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
top: 40px;
-webkit-transform: translateY(-20px) rotate(45deg);
-ms-transform: translateY(-20px) rotate(45deg);
transform: translateY(-20px) rotate(45deg);
}
@media screen and (max-width: 900px) {
.no-active {
display: none !important;
}
} #header_logo_sp {
display: none;
}
@media screen and (max-width: 900px) {
#header_logo_sp {
width: 200px;
display: block;
position: absolute;
top: 13px;
left: 10px;
z-index: 9999999;
}
}
#header_logo_sp a {
display: inline-block;
} #hover-contact.is-show {
right: 0;
}
#hover-contact {
position: fixed;
display: block;
top: 20%;
right: -100px;
margin-right: 24px;
z-index: 99999;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media screen and (max-width: 1280px) {
#hover-contact {
margin-right: 16px;
}
}
@media screen and (max-width: 900px) {
#hover-contact {
display: none;
}
}
#hover-contact a {
font-size: 16px;
outline: 0;
color: #3b2929;
font-family: tbcinergothic-std, sans-serif;
cursor: pointer;
text-decoration: none;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#hover-contact .balloon-contact {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 10px 12px;
min-width: 46px;
max-width: 100%;
color: #999;
font-size: 16px;
text-align: center;
background: #fff;
border: solid 2px #999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 6px;
}
#hover-contact .balloon-contact:before {
content: "";
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -7px;
border: 6px solid transparent;
border-top: 8px solid #fff;
z-index: 2;
}
#hover-contact .balloon-contact:after {
content: "";
position: absolute;
bottom: -19px;
left: 50%;
margin-left: -9px;
border: 8px solid transparent;
border-top: 10px solid #999;
z-index: 1;
}
#hover-contact .balloon-contact p {
margin: 0;
padding: 0;
}
#hover-contact .icon-contact {
position: relative;
background-color: #1378BC;
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/images/icon/icon_ballon.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
margin: -10px 0 0 4px;
}
#hover-contact .icon-contact a {
display: block;
width: 100%;
height: 100%;
}
#hover-contact .balloon-contact:hover + .icon-contact,
#hover-contact .icon-contact:hover {
background-color: #ef710a;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.icon-circle {
width: 46px;
height: 46px;
border-radius: 50%;
}
header::-webkit-scrollbar { display: none;
}
header#ghd2.active {
height: -webkit-calc(100vh - 77px) !important;
height: calc(100vh - 77px) !important;
}
header#ghd2 {
-webkit-transition: left 0.3s;
-o-transition: left 0.3s;
transition: left 0.3s;
}
@media (min-width: 900px) {
header#ghd2 {
background-color: #1378BC;
width: 240px;
height: 100vh;
display: block;
position: fixed;
z-index: 9999;
top: 0;
}
header#ghd2.scroll {
background: rgba(255, 255, 255, 0.8);
}
header#ghd2:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #0d3387;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header#ghd2.scroll:before {
opacity: 1;
}
}
header#ghd2 .blank_erea {
height: -webkit-calc(100vh - 613px);
height: calc(100vh - 613px);
background: #1378BC;
}
@media screen and (max-width: 900px) {
header#ghd2 .blank_erea {
display: none;
}
}
@media screen and (min-width: 900px) {
header#ghd2 .logo {
display: block;
width: 100%;
margin: 16px 0 0 20px;
-webkit-animation: fadeIn 2s ease-in 0s 1 normal forwards;
animation: fadeIn 2s ease-in 0s 1 normal forwards;
}
}
@media screen and (max-width: 900px) {
header#ghd2 .logo {
height: 102px;
max-width: none;
display: table-cell;
vertical-align: middle;
z-index: 3000;
width: 80px !important;
padding: 10px;
background: none;
display: none;
}
}
@media screen and (max-width: 900px) {
header#ghd2 .logo .sitename {
display: none;
}
}
header#ghd2 .logo .sitename a {
display: block;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media screen and (max-width: 900px) {
header#ghd2 .logo .sitename a {
cursor: pointer;
}
}
header#ghd2 .logo .sitename a:hover {
opacity: 1;
}
@media screen and (max-width: 900px) {
header#ghd2 .logo .sitename a img {
height: 64px;
}
}
@media screen and (max-width: 900px) and (max-width: 1050px) {
header#ghd2 .logo .sitename a img {
height: 40px;
}
}
header#ghd2 .sp-logo {
display: none !important;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
z-index: 1000000 !important;
}
header#ghd2 .sp-logo.active {
display: block !important;
position: fixed;
top: 0;
height: 65px;
background: #1378BC;
width: 100%;
vertical-align: middle;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
header#ghd2 .sp-logo.active a {
display: inline-block;
padding: 8px;
}
header#ghd2 .sp-logo.active img {
max-height: 100%;
width: 214px;
}
header#ghd2 #gnavi {
padding: 20px 20px 0;
}
@media screen and (max-height: 740px) {
header#ghd2 #gnavi {
overflow: scroll;
-ms-overflow-style: none; scrollbar-width: none; height: 46vh;
}
}
@media screen and (max-height: 540px) {
header#ghd2 #gnavi {
overflow: scroll;
-ms-overflow-style: none; scrollbar-width: none; height: 36vh;
}
}
@media (max-width: 899px) {
header#ghd2 #gnavi {
display: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: fixed;
left: 0px;
right: 0px;
top: 0px;
height: 100vh;
z-index: 2000;
overflow: auto;
padding-bottom: 56px;
margin-top: 65px;
}
}
header#ghd2 #gnavi.active {
display: block;
}
@media screen and (max-width: 900px) {
header#ghd2 #gnavi.active {
background-color: #1378BC;
display: block;
width: 100%;
z-index: 1000000 !important;
position: fixed;
overflow-y: scroll !important;
top: 0;
left: 0px;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
}
header#ghd2 ul#menu-globalnavi li {
position: relative;  }
header#ghd2 ul#menu-globalnavi li a {
color: white;
padding: 13px 20px;
font-size: 16px;
display: block;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
border-bottom: 1px solid #73A0CD;
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li a {
padding: 9px 0;
}
}
header#ghd2 ul#menu-globalnavi li a:before {
content: "";
display: block;
width: 8px;
height: 8px;
top: 50%;
border-top: solid 2px;
border-right: solid 2px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #98BBDC;
position: absolute;
right: 16px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
header#ghd2 ul#menu-globalnavi li a:after {
content: '';
position: absolute;
bottom: -1px;
right: 0;
height: 2px;
width: 0%;
background-color: white;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li a:hover {
color: #fff;
}
}
header#ghd2 ul#menu-globalnavi li a:hover:before {
border-color: #fff !important;
right: 12px;
}
header#ghd2 ul#menu-globalnavi li a:hover:after {
width: 100%;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(1, 0.005, 0.09, 1);
-o-transition-timing-function: cubic-bezier(1, 0.005, 0.09, 1);
transition-timing-function: cubic-bezier(1, 0.005, 0.09, 1);
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li a:hover:after {
color: #fff;
}
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li .sub-menu li {
font-size: 1.3rem;
font-weight: 400;
}
}
@media screen and (min-width: 900px) {
header#ghd2 ul#menu-globalnavi li .sub-menu li a {
padding: 4px 0 4px .5em;
font-size: 1.45rem;
}
}
ul#top_menu {
position: absolute;
right: 30px;
top: 30px;
z-index: 94000;
clear: both;
}
ul#top_menu li {
float: left;
}
ul#top_menu li a {
font-size: 15px;
line-height: 24px;
color: #fff;
display: block;
margin: 6px 0;
}
ul#top_menu li a.top_access {
text-shadow: 0px 0px 8px black;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/icon/top_access.svg) no-repeat;
background-size: 28px 28px;
background-position: left center;
padding: 6px 35px 6px 32px;
}
ul#top_menu li a.top_news {
text-shadow: 0px 0px 8px black;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/icon/top_news.svg) no-repeat;
background-size: 28px 28px;
background-position: left center;
padding: 6px 35px 6px 34px;
}
ul#top_menu li a:hover {
color: #ef710a;
}
ul#top_menu li #___gcse_0 {
max-width: 240px;
}
.nav-footer {
width: 100%;
}
@media screen and (min-height: 740px) {
.nav-footer {
display: block;
position: absolute;
bottom: 0;
}
}
@media screen and (max-width: 900px) {
.nav-footer {
display: none;
}
}
.nav-footer .nav-footer-sns {
background: #085DA3;
padding: 20px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-footer .nav-footer-sns a {
display: inline-block;
height: 100%;
}
.nav-footer .nav-footer-sns img {
width: 34px;
}
#tocontact {
display: block;
position: fixed;
width: 65px;
height: 224px;
top: 30%;
right: -82px;
color: #fff;
z-index: 999999;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/icon/contact.png);
}
@media screen and (max-width: 900px) {
#tocontact {
display: none;
}
}
a.tocontact_action:hover #tocontact {
top: 31%;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/icon/contact_hover.png);
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
header#ghd {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 1000;
background: rgba(0, 0, 0, 0);
}
@media (min-width: 900px) {
header#ghd {
border-top: 4px solid #0d3387;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header#ghd.scroll {
background: rgba(255, 255, 255, 0.8);
}
header#ghd:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #0d3387;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header#ghd.scroll:before {
opacity: 1;
}
}
@media screen and (max-width: 900px) {
header#ghd {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header#ghd.active {
height: -webkit-calc(100vh - 77px) !important;
height: calc(100vh - 77px) !important;
}
}
@media screen and (min-width: 900px) {
header#ghd .logo {
opacity: 0;
-webkit-animation: fadeIn 2s ease-in 0s 1 normal forwards;
animation: fadeIn 2s ease-in 0s 1 normal forwards;
}
}
@media screen and (max-width: 900px) {
header#ghd .logo {
height: 102px;
max-width: none;
display: table-cell;
vertical-align: middle;
z-index: 3000;
display: none;
}
}
@media screen and (max-width: 900px) {
header#ghd .logo .sitename {
display: none;
}
}
header#ghd .logo .sitename a {
display: inline-block;
vertical-align: middle;
padding: 16px 0px 16px 20px;
display: inline-block;
opacity: 1;
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
@media screen and (max-width: 900px) {
header#ghd .logo .sitename a {
padding: 16px 12px;
}
}
@media screen and (max-width: 1050px) {
header#ghd .logo .sitename a {
padding: 16px 15px;
}
}
header#ghd .logo .sitename a:hover {
opacity: 1;
}
@media screen and (max-width: 900px) {
header#ghd .logo .sitename a img {
height: 64px;
}
}
@media screen and (max-width: 900px) and (max-width: 1050px) {
header#ghd .logo .sitename a img {
height: 40px;
}
}
header#ghd .sp-logo {
display: none !important;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
header#ghd .sp-logo.active {
display: block !important;
position: fixed;
top: 0;
height: 65px;
background: #0d3387;
width: 100%;
vertical-align: middle;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
header#ghd .sp-logo.active a {
display: inline-block;
padding: 15px;
}
header#ghd .sp-logo.active img {
max-height: 100%;
width: 200px;
}
header#ghd #gnavi {
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 899px) {
header#ghd #gnavi {
display: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: fixed;
left: 0px;
right: 0px;
top: 0px;
height: 100vh;
z-index: 2000;
overflow: auto;
padding-bottom: 56px;
margin-top: 65px;
}
}
header#ghd #gnavi.active {
display: block;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi.active {
display: block;
width: 100%;
z-index: 1000000 !important;
position: fixed;
overflow-y: scroll !important;
top: 0;
left: 0px;
-webkit-animation: spmenu 0.3s linear 0s;
animation: spmenu 0.3s linear 0s;
}
}
@media screen and (max-width: 900px) {
header#ghd #gnavi .menu-globalnavi-container {
background: #0d3387;
}
}
@media screen and (min-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li {
position: relative;
display: table;
height: 68px;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li {
max-width: 100%;
display: block;
text-align: left;
border-bottom: 1px solid #949494;
}
header#ghd #gnavi ul#menu-globalnavi > li:first-child {
border-top: 1px solid #949494;
}
}
header#ghd #gnavi ul#menu-globalnavi > li > a {
width: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: 0.1em;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media screen and (min-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li > a {
font-size: 15px;
text-align: center;
color: #0d3387;
display: table-cell;
vertical-align: middle;
padding: 0 16px;
}
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li > a {
display: block;
color: #fff;
padding: 13px 20px;
font-size: 16px;
}
}
header#ghd #gnavi ul#menu-globalnavi > li > a:before {
content: "";
display: block;
width: 0;
height: 5px;
background: #0d3387;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: width .4s;
-o-transition: width .4s;
transition: width .4s;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li > a:before {
content: '';
position: absolute;
bottom: 0;
left: auto;
right: 0;
height: 2px;
width: 0%;
background-color: white;
}
}
header#ghd #gnavi ul#menu-globalnavi > li > a:hover:before, header#ghd #gnavi ul#menu-globalnavi > li > a.current:before {
width: 100%;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li > a:hover {
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; }
}
header#ghd #gnavi ul#menu-globalnavi > li > a:hover:after {
width: 100%;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li > a:hover:after {
color: #fff;
}
}
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu {
opacity: 0;
overflow: hidden;
position: absolute;
top: 68px;
left: 0;
z-index: 999;
height: 0px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu {
position: static;
display: none;
width: 100%;
background-color: #1378BC;
opacity: 1;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
}
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu li {
margin-bottom: 4px;
}
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu li:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu li {
width: 100%;
margin-bottom: 0;
background-color: #1378BC !important;
}
}
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu li a {
display: block;
padding: 8px 16px;
line-height: 1;
color: #fff;
font-size: 14px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu li a {
padding: 12px 16px;
}
}
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu li a:before {
display: none;
}
@media screen and (min-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu li a:after {
color: #fff;
}
}
header#ghd #gnavi ul#menu-globalnavi > li .sub-menu li a:hover {
opacity: .6;
}
header#ghd #gnavi ul#menu-globalnavi > li:hover .sub-menu {
display: block;
opacity: 1;
}
header#ghd #gnavi ul#menu-globalnavi li.menu-item:hover {
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; }
@media screen and (min-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi li.menu-item:hover .sub-menu {
padding: 8px 0;
width: auto;
height: auto;
max-height: 9999px;
opacity: 1;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
background-color: #0d3387;
}
}
header#ghd #gnavi ul#menu-globalnavi #menu-item-76:hover .sub-menu {
width: 170px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi #menu-item-76:hover .sub-menu {
width: 100%;
}
}
header#ghd #gnavi ul#menu-globalnavi #menu-item-81:hover .sub-menu {
width: 240px;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi #menu-item-81:hover .sub-menu {
width: 100%;
}
}
header#ghd #gnavi ul#menu-globalnavi #menu-item-71:hover .sub-menu {
width: auto;
}
@media screen and (max-width: 900px) {
header#ghd #gnavi ul#menu-globalnavi #menu-item-71:hover .sub-menu {
width: 100%;
}
}
@-webkit-keyframes spmenu {
from {
opacity: 0;
left: 20px;
}
to {
opacity: 1;
left: 0;
}
}
@keyframes spmenu {
from {
opacity: 0;
left: 20px;
}
to {
opacity: 1;
left: 0;
}
} .share_contact {
background: #f4f4f4;
padding: 36px 0;
}
.share_contact .heading {
text-align: center;
padding: 28px 0;
position: relative;
margin-bottom: 16px;
}
.share_contact .heading::after {
position: absolute;
width: 0;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 4px;
background: #0d3387;
}
.share_contact .heading .eng {
font-size: 6.3rem;
line-height: 1;
font-family: freude, sans-serif;
font-weight: 400;
color: #c1c3c6;
margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
.share_contact .heading .eng {
font-size: 5.6rem;
margin-bottom: 8px;
}
}
.share_contact .heading > .tit {
font-size: 2.2rem;
letter-spacing: 0.05em;
line-height: 1;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 900;
color: #0d3387;
}
@media screen and (max-width: 900px) {
.share_contact .heading > .tit {
font-size: 1.8rem;
}
}
.share_contact .is-show:after {
width: 250px;
}
@media screen and (max-width: 900px) {
.share_contact .is-show:after {
width: 30%;
}
}
.share_contact .txt_line {
padding: 24px 0;
text-align: center;
}
.share_contact .txt_line p {
color: #444444;
font-size: 1.8rem;
line-height: 2.2;
}
@media screen and (max-width: 900px) {
.share_contact .txt_line p {
font-size: 1.6rem;
line-height: 1.8;
}
}
.share_contact .bnr_area {
margin: 8px auto 24px;
}
.share_contact .bnr_area .btn_std1 {
width: 194px;
}
.share_recruit {
padding: 48px 0;
}
.share_recruit .bnr_recruit {
width: 627px;
height: 249px;
margin: 0 auto;
position: relative;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/share_rec_bg.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 900px) {
.share_recruit .bnr_recruit {
width: 94%;
height: 200px;
}
}
.share_recruit .bnr_recruit div.obj {
width: 361px;
height: 310px;
display: block;
position: absolute;
right: -180px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/obj_rec_bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
overflow: hidden;
}
@media screen and (max-width: 940px) {
.share_recruit .bnr_recruit div.obj {
right: -140px;
}
}
@media screen and (max-width: 900px) {
.share_recruit .bnr_recruit div.obj {
width: 200px;
height: 172px;
right: auto;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.share_recruit .bnr_recruit div.obj:before {
width: 100%;
height: 100%;
z-index: 0;
position: absolute;
top: 0;
left: 0;
content: "";
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/obj_rec_bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
}
@media screen and (max-width: 900px) {
.share_recruit .bnr_recruit div.obj:hover {
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
}
.share_recruit .bnr_recruit div.obj:hover:before {
width: 100%;
height: 100%;
opacity: 1;
display: block;
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/obj_rec_bg_o.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media screen and (max-width: 900px) {
.share_recruit .bnr_recruit div.obj:hover:before {
width: 200px;
height: 172px;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
}
.share_recruit .bnr_recruit div.obj img {
z-index: 5;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#instagram {
padding-top: 40px;
background-color: #779ec6;
}
@media screen and (min-width: 900px) {
#instagram {
padding-left: 20px;
padding-right: 70px;
}
}
#instagram h2 {
color: white;
}
#instagram #insta-gallery-feed-1 {
max-width: 1100px;
padding: 20px 20px;
width: 100%;
margin: 0 auto;
}
#instagram .insta-gallery-actions {
display: none;
}
#instagram .insta-gallery-image-wrap {
border-radius: 20px;
} .btn_std0 {
font-size: 1.4rem;
padding: 14px;
position: relative;
display: block;
text-align: center;
background-color: #0d3387;
line-height: 1;
border-radius: 24px;
max-width: 240px;
color: #fff;
margin: 0 auto;
}
@media screen and (max-width: 900px) {
.btn_std0 {
padding: 10px 12px;
}
}
.btn_std1 {
font-size: 1.4rem;
padding: 14px;
position: relative;
display: block;
text-align: center;
background-color: #0d3387;
line-height: 1;
border-radius: 24px;
max-width: 240px;
color: #fff;
margin: 0 auto;
}
@media screen and (max-width: 900px) {
.btn_std1 {
padding: 10px 12px;
}
}
.btn_std1:after {
content: ""; display: inline-block; width: 11px; height: 27px; background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/images/arrow03-r.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 38%;
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.btn_std1:hover {
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #ef710a;
}
.btn_std1:hover:after {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 24px;
}
footer#gft {
font-size: 13px;
padding-left: 240px;
}
@media screen and (max-width: 900px) {
footer#gft {
padding-bottom: 72px !important;
padding-left: 0 !important;
}
}
footer#gft > .ft_area > .wrap {
margin: 0 auto;
padding: 10px 0 40px 0;
max-width: 1230px;
}
footer#gft > .one {
background: #469B92;
color: #fff;
padding: 20px 0;
}
footer#gft > .two {
background: #16665A;
padding: 16px 0;
}
footer#gft .top-thunks {
height: 368px;
position: relative;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/top_thunks.jpg) no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 900px) {
footer#gft .top-thunks {
margin-top: -20px;
}
}
footer#gft .top-thunks p {
position: relative;
top: 20px;
text-align: center;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-style: italic;
font-size: 36px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 4px;
text-shadow: 0px 0px 8px black;
color: white;
}
@media screen and (max-width: 900px) {
footer#gft .top-thunks p {
font-size: 1.5rem;
}
}
footer#gft .top-thunks img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
footer#gft #map_canvas {
height: 480px !important;
background-color: #000;
}
@media screen and (max-width: 900px) {
footer#gft .ft_contact_ol {
padding: 0 15px;
}
}
footer#gft .ft_contact_ol .footer-contact {
border: 2px solid white;
padding: 10px 0 40px;
}
footer#gft .ft_contact_ol .footer-contact > .tit {
text-align: center;
font-size: 20px;
font-weight: 500;
margin: 20px 0 30px;
padding: 0 20px;
}
footer#gft .ft_contact_ol .footer-contact .row {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
footer#gft .ft_contact_ol .footer-contact .row a { display: block;
}
@media screen and (min-width: 1200px) {
footer#gft .ft_contact_ol .footer-contact .row .left a::after,
footer#gft .ft_contact_ol .footer-contact .row .right a::after {
display: none !important;
}
footer#gft .ft_contact_ol .footer-contact .row .left {
padding-left: 180px;
}
footer#gft .ft_contact_ol .footer-contact .row .right {
padding-right: 180px;
}
}
@media screen and (max-width: 1200px) {
footer#gft .ft_contact_ol .footer-contact .row .left,
footer#gft .ft_contact_ol .footer-contact .row .right {
max-width: 500px;
margin: 0 auto;
padding: 0 20px;
}
footer#gft .ft_contact_ol .footer-contact .row .left {
margin-bottom: 20px;
}
}
footer#gft .ft_menu_ol {
margin-top: 30px;
}
@media screen and (min-width: 1188px) {
footer#gft .ft_menu_ol {
padding: 10px 0px 40px;
border-bottom: 2px solid #fff;
}
}
@media screen and (max-width: 991px) {
footer#gft .ft_menu_ol .col-lg-3 {
text-align: center;
}
}
@media (min-width: 1060px){
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
footer#gft .ft_menu_ol a {
display: block;
color: #fff;
line-height: 1.6em;
}
@media screen and (min-width: 900px) {
footer#gft .ft_menu_ol a:after {
content: "";
position: absolute;
display: inline-block;
left: 0;
right: 0;
bottom: 10px;
border-bottom: 2px solid #fff;
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
footer#gft .ft_menu_ol a:hover:after {
-webkit-transform: scale(0.25, 1);
-ms-transform: scale(0.25, 1);
transform: scale(0.25, 1);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
}
footer#gft .ft_menu_ol h2 {
font-size: 16px;
text-align: center;
border: 2px solid #fff;
padding: 8px 24px;
margin: 16px 0;
display: inline-block;
}
footer#gft .ft_menu_ol ul {
position: relative;
list-style-type: none;
margin: 6px 0 0 0;
}
footer#gft .ft_menu_ol ul li {
position: relative;
line-height: 1em;
font-size: 14px;
padding-bottom: 16px;
}
footer#gft .site_info {
text-align: center;
padding-top: 34px;
}
footer#gft .site_info .ft_logo {
margin: 0 auto 0;
font-size: 1.8rem;
font-weight: 500;
}
footer#gft .site_info .ft_logo a {
color: #fff;
display: block;
}
footer#gft .site_info .ft_logo img {
max-width: 200px;
display: block;
margin: 0 auto 20px;
}
footer#gft .site_info .ul_date {
color: #fff;
font-weight: 400;
font-size: 1.5rem;
line-height: 2;
margin: 0.8em auto;
}
@media screen and (max-width: 900px) {
footer#gft .site_info .ul_date {
font-size: 1.2rem;
}
}
footer#gft .site_info .ul_date > li {
padding: 0.2em 0;
}
footer#gft .site_info .ul_sns {
max-width: 100px;
margin: 40px auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
footer#gft .site_info .ul_sns a {
display: inline-block;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
footer#gft .site_info .ul_sns a:hover {
opacity: .6;
}
footer#gft .copyright {
margin: 8px auto;
text-align: center;
font-size: 1.3rem;
color: #fff;
}
footer#gft .copyright a {
color: #fff;
}
footer#gft .copyright a:hover {
color: #F98200;
}
@media screen and (max-width: 900px) {
.sp-foot {
position: fixed;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 72px;
z-index: 100000;
}
.sp-foot .sp-foot-child {
width: 50%;
color: #fff;
text-align: center;
}
.sp-foot .sp-foot-child a {
color: #fff;
font-size: 16px;
font-weight: bold;
position: relative;
padding: 20px 0 20px 40px;
display: inline-block;
}
.sp-foot .sp-foot-child a img {
position: absolute;
width: 30px;
height: auto;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sp-foot .foot-tel {
background: #62ba2a;
}
.sp-foot .foot-mail {
background: #1378BC;
}
}
#page-top {
position: fixed;
display: block;
bottom: -100px;
right: 0;
margin-right: 24px;
z-index: 999;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media screen and (max-width: 1280px) {
#page-top {
margin-right: 16px;
}
}
@media screen and (max-width: 900px) {
#page-top {
display: none;
}
}
#page-top.is-show {
bottom: 30px;
}
#page-top .icon-pagetop {
position: relative;
background-color: #1378BC;
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/images/icon/icon_totop.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
}
#page-top .icon-pagetop a {
display: block;
width: 100%;
height: 100%;
}
#page-top .icon-pagetop:hover {
background-color: #ef710a;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
body.home .main-wrap #container #taulabo_front {
display: block !important;
position: relative;
}  .sec_share,
main {
padding-left: 240px;
}
@media screen and (max-width: 1500px) {
.sec_share,
main {
overflow: hidden;
}
}
@media screen and (max-width: 900px) {
.sec_share,
main {
padding-left: 0 !important;
}
}
@media screen and (max-width: 900px) {
.sec_share.main_home,
main.main_home {
padding-top: 0;
}
}
.sec_share .skew-yane:before, .sec_share .skew-yane:after,
main .skew-yane:before,
main .skew-yane:after {
position: absolute;
height: 180px;
top: 68px;
background: #fff;
content: "";
width: 50.1%;
z-index: -1;
}
@media screen and (max-width: 900px) {
.sec_share .skew-yane:before, .sec_share .skew-yane:after,
main .skew-yane:before,
main .skew-yane:after {
height: 90px;
}
}
.sec_share .skew-yane:before,
main .skew-yane:before {
left: 0;
-webkit-transform: skewY(-3.5deg);
-ms-transform: skewY(-3.5deg);
transform: skewY(-3.5deg);
}
.sec_share .skew-yane:after,
main .skew-yane:after {
right: 0;
-webkit-transform: skewY(3.5deg);
-ms-transform: skewY(3.5deg);
transform: skewY(3.5deg);
}
.sec_share .main_tit_common,
main .main_tit_common {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_top.jpg) center 0 repeat-x #fff;
position: relative;
padding-top: 120px;
margin-bottom: 40px;
z-index: 1;
}
.sec_share .main_tit_common .wrap,
main .main_tit_common .wrap {
position: relative;
}
.sec_share .main_tit_common .title,
main .main_tit_common .title {
position: relative;
text-align: center;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-size: 3.6rem;
padding: 0 18px;
font-weight: bold;
z-index: 10;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common .title,
main .main_tit_common .title {
font-size: 18px;
}
}
.sec_share .main_tit_common .title:before,
main .main_tit_common .title:before {
content: "";
position: relative;
top: 4px;
font-size: 40px;
font-weight: normal;
margin-right: 16px;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_l.png) no-repeat;
background-position: left center;
padding: 20px 0 28px 20px;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common .title:before,
main .main_tit_common .title:before {
font-size: 30px;
}
}
.sec_share .main_tit_common .title:after,
main .main_tit_common .title:after {
content: "";
position: relative;
top: 4px;
font-weight: normal;
font-size: 40px;
margin-left: 16px;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_r.png) no-repeat;
background-position: right center;
padding: 20px 0 28px 20px;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common .title:after,
main .main_tit_common .title:after {
font-size: 30px;
}
}
.sec_share .main_tit_common #breadcrumb,
main .main_tit_common #breadcrumb {
width: 100%;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common #breadcrumb,
main .main_tit_common #breadcrumb {
display: none;
}
}
.sec_share .main_tit_common #breadcrumb ul,
main .main_tit_common #breadcrumb ul {
max-width: 1170px;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
zoom: 1;
}
.sec_share .main_tit_common #breadcrumb ul li,
main .main_tit_common #breadcrumb ul li {
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1.5em;
color: #222222;
position: relative;
}
.sec_share .main_tit_common #breadcrumb ul li a,
main .main_tit_common #breadcrumb ul li a {
display: inline-block;
padding: 12px 20px 12px 0;
color: #0086a5;
}
.sec_share .main_tit_common #breadcrumb ul li a:hover,
main .main_tit_common #breadcrumb ul li a:hover {
color: #222222;
}
.sec_share .main_tit_common #breadcrumb ul li.bc_home,
main .main_tit_common #breadcrumb ul li.bc_home {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_pan_logo.svg) no-repeat;
background-size: 14px 14px;
background-position: left center;
margin: 0 8px 0 4px;
}
.sec_share .main_tit_common #breadcrumb ul li.bc_home a,
main .main_tit_common #breadcrumb ul li.bc_home a {
padding-left: 20px;
}
.sec_share .main_tit_common #breadcrumb ul li.bc_home:before,
main .main_tit_common #breadcrumb ul li.bc_home:before {
content: "";
margin: 0px;
}
.sec_share .main_tit_common #breadcrumb ul li.bc_current,
main .main_tit_common #breadcrumb ul li.bc_current {
margin: 0 8px;
}
.sec_share .main_tit_common #breadcrumb ul li:not(:last-child)::before,
main .main_tit_common #breadcrumb ul li:not(:last-child)::before {
content: "";
display: block;
width: 6px;
height: 6px;
top: 50%;
border-top: solid 2px;
border-right: solid 2px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 0px;
}
.sec_share .main_tit_common + section,
main .main_tit_common + section {
z-index: 10;
position: relative;
}
.sec_share .main_tit_common2,
main .main_tit_common2 {
background: #fff;
position: relative;
border-top: 1px solid #e5e5e5;
}
.sec_share .main_tit_common2::after,
main .main_tit_common2::after {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
content: "";
height: 4px;
background: #e5e5e5;
}
.sec_share .main_tit_common2 .wrap,
main .main_tit_common2 .wrap {
position: relative;
min-height: 180px;
}
.sec_share .main_tit_common2 .heading,
main .main_tit_common2 .heading {
text-align: center;
padding: 28px 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
z-index: 500;
}
.sec_share .main_tit_common2 .heading::after,
main .main_tit_common2 .heading::after {
position: absolute;
width: 0;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 4px;
background: #0d3387;
}
.sec_share .main_tit_common2 .heading .eng,
main .main_tit_common2 .heading .eng {
font-size: 6.3rem;
line-height: 1;
font-family: freude, sans-serif;
font-weight: 400;
color: #c1c3c6;
margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common2 .heading .eng,
main .main_tit_common2 .heading .eng {
font-size: 5.6rem;
margin-bottom: 8px;
}
}
.sec_share .main_tit_common2 .heading > .title,
main .main_tit_common2 .heading > .title {
font-size: 2.6rem;
letter-spacing: 0.1em;
line-height: 1;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 900;
color: #0d3387;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common2 .heading > .title,
main .main_tit_common2 .heading > .title {
font-size: 1.8rem;
}
}
.sec_share .main_tit_common2 .is-show:after,
main .main_tit_common2 .is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
.sec_share .main_tit_common2 .is-show:after,
main .main_tit_common2 .is-show:after {
width: 30%;
}
}
.sec_share .main_tit_common2 #breadcrumb,
main .main_tit_common2 #breadcrumb {
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.sec_share .main_tit_common2 #breadcrumb ul,
main .main_tit_common2 #breadcrumb ul {
max-width: 1170px;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
zoom: 1;
}
.sec_share .main_tit_common2 #breadcrumb ul li,
main .main_tit_common2 #breadcrumb ul li {
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1.5em;
color: #222222;
position: relative;
}
.sec_share .main_tit_common2 #breadcrumb ul li a,
main .main_tit_common2 #breadcrumb ul li a {
display: inline-block;
padding: 12px 20px 12px 0;
color: #0086a5;
}
.sec_share .main_tit_common2 #breadcrumb ul li a:hover,
main .main_tit_common2 #breadcrumb ul li a:hover {
color: #222222;
}
.sec_share .main_tit_common2 #breadcrumb ul li.bc_home,
main .main_tit_common2 #breadcrumb ul li.bc_home {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_pan_logo.svg) no-repeat;
background-size: 28px 22px;
background-position: left center;
margin: 0 8px 0 4px;
}
.sec_share .main_tit_common2 #breadcrumb ul li.bc_home a,
main .main_tit_common2 #breadcrumb ul li.bc_home a {
padding-left: 34px;
}
.sec_share .main_tit_common2 #breadcrumb ul li.bc_home:before,
main .main_tit_common2 #breadcrumb ul li.bc_home:before {
content: "";
margin: 0px;
}
.sec_share .main_tit_common2 #breadcrumb ul li.bc_current,
main .main_tit_common2 #breadcrumb ul li.bc_current {
margin: 0 8px;
}
.sec_share .main_tit_common2 #breadcrumb ul li:not(:last-child)::before,
main .main_tit_common2 #breadcrumb ul li:not(:last-child)::before {
content: "";
display: block;
width: 6px;
height: 6px;
top: 50%;
border-top: solid 2px;
border-right: solid 2px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 0px;
}
@media screen and (max-width: 900px) {
.sec_share .sec .wrap,
main .sec .wrap {
padding: 10px 15px 40px;
}
}
.sec_share .tit_uline,
main .tit_uline {
font-size: 2.8rem;
margin: 0 auto 32px;
padding: 16px 0;
position: relative;
border-bottom: 3px solid #e5e5e5;
color: #0d3387;
}
@media screen and (max-width: 900px) {
.sec_share .tit_uline,
main .tit_uline {
font-size: 2rem;
padding: 12px 0;
margin-bottom: 24px;
}
}
.sec_share .tit_uline::after,
main .tit_uline::after {
position: absolute;
width: 0;
bottom: -3px;
left: 0%;
content: "";
height: 3px;
background: #0d3387;
}
.sec_share .is-show:after,
main .is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
.sec_share .is-show:after,
main .is-show:after {
width: 30%;
}
}
.sec_share .tit_sec01,
main .tit_sec01 {
text-align: center;
padding: 28px 0;
position: relative;
margin-bottom: 16px;
}
.sec_share .tit_sec01:after,
main .tit_sec01:after {
position: absolute;
width: 0;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 4px;
background: #0d3387;
}
.sec_share .tit_sec01.is-show:after,
main .tit_sec01.is-show:after {
width: 250px;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec01.is-show:after,
main .tit_sec01.is-show:after {
width: 30%;
}
}
.sec_share .tit_sec01 .eng,
main .tit_sec01 .eng {
font-size: 6.3rem;
line-height: 1;
font-family: freude, sans-serif;
font-weight: 400;
color: #c1c3c6;
margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec01 .eng,
main .tit_sec01 .eng {
font-size: 5.6rem;
margin-bottom: 8px;
}
}
.sec_share .tit_sec01 > .tit,
main .tit_sec01 > .tit {
font-size: 2.2rem;
letter-spacing: 0.05em;
line-height: 1;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 900;
color: #0d3387;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec01 > .tit,
main .tit_sec01 > .tit {
font-size: 1.8rem;
}
}
.sec_share .tit_sec02,
main .tit_sec02 {
text-align: center;
padding: 28px 0;
position: relative;
margin-bottom: 16px;
border-bottom: 4px solid #e5e5e5;
}
.sec_share .tit_sec02::after,
main .tit_sec02::after {
position: absolute;
width: 0;
bottom: -4px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 4px;
background: #0d3387;
z-index: 500;
}
.sec_share .tit_sec02 .eng,
main .tit_sec02 .eng {
font-size: 6.3rem;
line-height: 1;
font-family: freude, sans-serif;
font-weight: 400;
color: #c1c3c6;
margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec02 .eng,
main .tit_sec02 .eng {
font-size: 5.6rem;
margin-bottom: 8px;
}
}
.sec_share .tit_sec02 > .tit,
main .tit_sec02 > .tit {
font-size: 2.6rem;
letter-spacing: 0.05em;
line-height: 1;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 900;
color: #0d3387;
}
@media screen and (max-width: 900px) {
.sec_share .tit_sec02 > .tit,
main .tit_sec02 > .tit {
font-size: 1.8rem;
}
}
.sec_share .is-show:after,
main .is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
.sec_share .is-show:after,
main .is-show:after {
width: 30%;
}
}
.sec_share .tit_blk01,
main .tit_blk01 {
font-size: 2.8rem;
font-weight: 200;
line-height: 1;
padding: 20px 0;
margin: 0 auto 40px;
position: relative;
border-bottom: 3px solid #e5e5e5;
color: #0d3387;
text-align: center;
}
@media screen and (max-width: 900px) {
.sec_share .tit_blk01,
main .tit_blk01 {
font-size: 2rem;
padding: 12px 0;
margin-bottom: 24px;
}
}
.sec_share .tit_blk01::after,
main .tit_blk01::after {
position: absolute;
width: 0;
bottom: -3px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 3px;
background: #0d3387;
}
.sec_share .is-show:after,
main .is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
.sec_share .is-show:after,
main .is-show:after {
width: 30%;
}
}
main .sec_under-construction {
max-width: 910px;
margin: 0 auto;
padding: 80px 20px 250px;
}
main .sec_under-construction .wrap {
padding: 80px 100px;
text-align: center;
border: 4px solid #1378BC;
}
@media screen and (max-width: 900px) {
main .sec_under-construction .wrap {
padding: 60px 20px;
}
}
main .sec_under-construction .wrap p {
font-size: 1.6rem;
line-height: 2.3;
color: #59281d;
}
main .sec_soon1 .txt_line {
padding: 40px 0;
}
main .sec_soon1 .txt_line p.soon {
font-size: 1.9rem;
line-height: 2;
letter-spacing: 0.025em;
text-align: center;
}
@media screen and (max-width: 900px) {
main .sec_soon1 .txt_line p.soon {
font-size: 2.2rem;
line-height: 1.4;
}
}
main .bg_stripe {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/stripe/bg_str_blu.jpg) repeat;
}
main .bg_stripe2 {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/stripe2.jpg) repeat;
}
main .bg_stripe_lg {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/stripe_lg.png) repeat;
}
main .tit_charm {
position: relative;
text-align: center;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-size: 22px;
color: #1378BC;
padding: 0 18px;
font-weight: bold;
}
@media screen and (max-width: 900px) {
main .tit_charm {
font-size: 18px;
}
}
main .tit_charm:before {
content: "";
position: relative;
top: 4px;
font-size: 40px;
font-weight: normal;
margin-right: 16px;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_l.png) no-repeat;
background-position: left center;
padding: 20px 0 28px 20px;
}
@media screen and (max-width: 900px) {
main .tit_charm:before {
font-size: 30px;
}
}
main .tit_charm:after {
content: "";
position: relative;
top: 4px;
font-weight: normal;
font-size: 40px;
margin-left: 16px;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_r.png) no-repeat;
background-position: right center;
padding: 20px 0 28px 20px;
}
@media screen and (max-width: 900px) {
main .tit_charm:after {
font-size: 30px;
}
}
main .tit_charm-less {
text-align: center;
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 30px;
color: #37b44a;
padding: 0 18px;
font-weight: bold;
}
main .tit_charm-less:before {
content: "[";
font-weight: normal;
font-size: 40px;
font-family: "Noto Sans Japanese", source-han-sans-japanese, sans-serif;
margin-right: 16px;
}
main .tit_charm-less:after {
content: "]";
font-weight: normal;
font-size: 40px;
margin-left: 16px;
font-family: "Noto Sans Japanese", source-han-sans-japanese, sans-serif;
} @media screen and (max-width: 1500px) {
footer#gft > .one,
.sec_share,
.sec {
padding-left: 20px;
padding-right: 80px;
}
}
@media screen and (min-width: 1500px) {
footer#gft > .one,
.sec_share,
.sec {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 900px) {
footer#gft > .one,
.sec_share,
.sec {
padding-left: 0px;
padding-right: 0px;
}
} * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
vertical-align: bottom;
} .sp {
display: none;
}
@media (max-width: 899px) {
.sp {
display: inherit;
}
}
@media (max-width: 899px) {
.pc {
display: none;
}
} .inner {
position: relative;
margin: 0px auto;
}
.grid_2cell {
display: table;
}
.grid_2cell .cell {
display: table-cell;
vertical-align: middle;
}
ul.ul_table > li > dl {
display: table;
}
ul.ul_table > li > dl > dt,
ul.ul_table > li > dl > dd {
display: table-cell;
vertical-align: middle;
}
ul.ul_table > li > dl > dt {
width: 120px;
padding-right: 4px;
}
a.std_icn1 {
position: relative;
}
a.std_icn1:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
margin-right: 0.4em;
background: url(//e-yane.co.jp/wp-content/themes/img/common/arr.svg) 0 0 no-repeat;
background-size: contain;
} .clearfix:after {
content: "";
display: block;
clear: both;
height: 0px;
visibility: hidden;
}
* html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
}   #pagenation {
position: relative;
overflow: hidden;
}
#pagenation .pagination {
clear: both;
padding: 20px 0;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 13px;
line-height: 16px;
}
#pagenation span,
#pagenation a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
color: #fff;
background: #1378BC;
}
#pagenation a:hover {
background: #fff;
color: #1378BC;
border: 1px solid #1378BC;
}
#pagenation .current {
padding: 6px 9px 5px 9px;
background: #fff;
color: #1378BC;
border: 1px solid #1378BC;
} #post_single .wrap {
max-width: 1080px;
border: 2px solid #e5e5e5;
border-radius: 12px;
margin: 40px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
}
@media screen and (min-width: 900px) {
#post_single .wrap {
padding: 40px;
}
}
#post_single .wrap a {
text-decoration: underline;
display: inline-block;
}
#post_single .wrap .single_head {
font-size: 2.8rem;
font-weight: bold;
line-height: 1.8;
padding: 8px 0 16px;
color: #555;
position: relative;
}
#post_single .wrap .single_head:after {
position: absolute;
width: 0;
bottom: 0;
left: 0;
content: "";
height: 4px;
background: #0d3387;
}
#post_single .wrap .single_head.is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
#post_single .wrap .single_head.is-show:after {
width: 40%;
}
}
@media screen and (max-width: 900px) {
#post_single .wrap iframe {
max-width: 100%;
height: auto;
}
}
#post_single .wrap p.time {
text-align: right;
color: #858585;
font-size: 1.4rem;
}
#post_single .wrap h3,
#post_single .wrap h4,
#post_single .wrap h5,
#post_single .wrap h6 {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 1.6em;
font-weight: bold;
line-height: 1.6em;
margin-top: 30px;
}
#post_single .wrap p {
line-height: 2em;
font-size: 18px;
margin-top: 18px;
}
#post_single .wrap p.has-small-font-size {
font-size: 85%;
}
#post_single .wrap p.has-medium-font-size {
font-size: 120%;
}
#post_single .wrap p.has-large-font-size {
font-size: 150%;
}
#post_single .wrap p.has-huge-font-size {
font-size: 200%;
}
#post_single .wrap strong {
font-weight: bold;
}
#post_single .wrap .wp-caption {
margin-top: 18px;
}
@media screen and (max-width: 900px) {
#post_single .wrap .wp-caption {
width: auto !important;
}
}
#post_single .wrap .wp-caption .wp-caption-text {
text-align: center;
margin-top: 8px;
}
#post_single .paging {
margin: 40px auto;
padding: 0;
font-size: 1.5rem; }
#post_single .paging .next a,
#post_single .paging .prev a {
color: #6d6d6d;
display: block;
position: relative;
}
#post_single .paging .next a:hover,
#post_single .paging .prev a:hover {
color: #37b44a;
}
#post_single .paging .next a {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/arrow-l.png) no-repeat;
background-size: 8px 13px;
background-position: left center;
padding-left: 24px;
}
#post_single .paging .prev a {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/arrow-r.png) no-repeat;
background-size: 8px 13px;
background-position: right center;
padding-right: 24px;
text-align: right;
}
.addtoany_share_save_container .addtoany_header {
margin-top: 60px;
font-size: 18.81px;
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: bold;
color: #0068b7;
} .entry {
line-height: 2;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
position: static;
clear: both;
float: none;
color: #1378BC;
}
.entry h1 {
font-size: 145.5%;
}
.entry h2 {
font-size: 136.4%;
border-bottom: 1px solid #1378BC;
}
.entry h3 {
font-size: 127.3%;
}
.entry h4 {
font-size: 127.3%;
}
.entry h5 {
font-size: 118.2%;
}
.entry h6 {
font-size: 100%;
}
.entry strong, .entry b {
font-weight: bold;
}
.entry p {
margin: 0em 0em 0.8em 0em;
}
.entry em {
font-style: italic;
}
.entry ol {
margin: 1em 2em 1em;
}
.entry ul {
margin: 1em 0 1em;
}
.entry ul li {
margin: 0em 0em 0.5em 1em;
}
.entry ol li {
margin: 0em 0em 0.5em 0em;
}
.entry ul {
list-style: disc;
}
.entry ol {
list-style: decimal;
}
.entry dl {
margin: 1em 0;
}
.entry dd {
margin-left: 2em;
}
.entry table.wp-oembed,
.entry table.wp-oembed td {
border: none;
}
.entry table caption {
font-size: 14px;
font-weight: bold;
text-align: left;
}
.entry table {
clear: both;
width: 99%;
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin: 1em 0 1em 1px;
}
.entry table th {
padding: 0.5em;
border: #ccc solid;
border-width: 0 0 1px 1px;
background: #f5f5f5;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
}
.entry table td {
padding: .5em;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
}
.entry img {
display: block;
max-width: 100%;
height: auto;
margin-bottom: 1em;
}
.entry img.aligncenter {
margin: auto;
}
.entry a {
text-decoration: underline;
} .post-content {
line-height: 1.8;
padding: 0 8px;
}
@media (max-width: 899px) {
.post-content {
margin: 40px 0;
}
}
.post-content h2 {
background: #1378BC none repeat scroll 0 0;
border-radius: 8px;
color: #fff;
font-size: 2.8rem;
margin: 16px 0;
padding: 12px 12px;
}
.post-content h3 {
border-bottom: 4px solid #1378BC;
font-size: 2.4rem;
margin: 16px 0;
padding: 4px;
}
.post-content h4 {
color: #1378BC;
font-size: 2rem;
margin: 16px 0;
padding: 4px;
}
.post-content img {
border-radius: 4px;
}
.post-content img.non {
border-radius: 0;
}
.post-content a {
color: #205a97;
text-decoration: underline;
}
.post-content a:hover {
color: #1378BC;
}
.post-content p {
font-size: 1.6rem;
line-height: 2;
}
@media (max-width: 899px) {
.post-content p {
line-height: 1.6;
font-size: 2.2rem;
}
}
.post-content table {
margin: 16px auto;
font-size: 1.6rem;
}
@media (max-width: 899px) {
.post-content table {
font-size: 2rem;
}
}
.post-content table th, .post-content table td {
border: 1px solid #bbb;
padding: 8px 10px;
}
.post-content table tr:nth-child(2n+1) th,
.post-content table tr:nth-child(2n+1) td {
background: #f5f5f5 none repeat scroll 0 0;
}
.post-content pre {
margin: 1.6em 0;
padding: 1em 1.6em;
font-size: 1.8rem;
border: 1px solid #e5e5e5;
background: #f9f9f9;
}
.post-content blockquote {
border: 1px solid #e5e5e5;
background: #f9f9f9;
margin: 1.6em 0;
padding: 24px 20px 24px 55px;
position: relative;
}
.post-content blockquote:before {
content: '\f10d';
font-family: FontAwesome;
font-size: 120px;
color: #e5e5e5;
position: absolute;
top: 24px;
left: 12px;
font-size: 32px;
line-height: 1;
width: 40px;
height: 40px;
line-height: 38px;
border-radius: 50%;
background: #444;
color: #fff;
left: -20px;
font-size: 16px;
padding-top: 2px;
text-align: center;
}
.post-content dl {
font-size: 1.8rem;
}
@media (max-width: 899px) {
.post-content dl {
font-size: 2rem;
}
}
.post-content ol {
margin: 16px 0 16px 18px;
}
.post-content ol li {
list-style-type: decimal;
margin: 4px 0;
font-size: 1.8rem;
}
@media (max-width: 899px) {
.post-content ol li {
font-size: 2.2rem;
}
}
.post-content ul {
margin: 16px 0 16px 18px;
}
.post-content ul li {
list-style-type: disc;
margin: 4px 0;
font-size: 1.8rem;
}
@media (max-width: 899px) {
.post-content ul li {
font-size: 2.2rem;
}
}
.post-content p {
margin-bottom: 0.8em;
}
.post-content img {
display: block;
margin: 0.8em auto;
}
.post-content .related {
border: 2px solid #e0e0e0;
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
}
.post-content .related:last-child {
margin-top: 40px;
}
.post-content .related.title {
font-size: 16px;
line-height: 1;
margin: 0 0 8px;
padding: 0;
}
.post-content .related ul {
margin: 0 0 0 14px;
}
.post-content .related ul li {
margin: 0;
}  #wall_top {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_bg.jpg);
padding-bottom: 200px;
}
#wall_painting {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_bg.jpg);
}
#wall_painting .container {
margin: 0 auto;
padding: 10px 0 120px 0;
}
@media screen and (max-width: 900px) {
#wall_painting .container {
padding: 10px 0 90px 0;
}
}
#wall_painting #service {
padding: 10px 0 120px;
}
@media screen and (max-width: 900px) {
#wall_painting #service {
padding: 15px 0 60px;
}
}
#wall_painting .container-fluid {
padding: 0;
margin: 0;
}
#wall_painting .row {
margin-right: 0px !important;
margin-left: 0px !important;
}
#wall_painting .wall_1 {
margin-top: 50px;
}
#wall_painting .wall_1 .wall_top_text {
padding: 0 20px;
}
#wall_painting .wall_1 .col-12 {
padding: 0;
}
#wall_painting .wall_1 .col-xl-6 {
padding: 0;
}
#wall_painting .wall_1 .box {
display: table;
width: 100%;
height: auto;
}
#wall_painting .wall_1 .box img {
margin-top: 100px;
}
@media screen and (min-width: 1600px) {
#wall_painting .wall_1 .box img {
margin-top: 20px;
}
}
@media screen and (max-width: 1200px) {
#wall_painting .wall_1 .box img {
margin-top: 50px;
}
}
#wall_painting .wall_1 p {
padding: 20px 10px;
}
@media screen and (max-width: 900px) {
.img_sp_wall img {
width: 180px;
}
}
.contents_boder {
position: relative;
overflow: hidden;
padding: 80px 0 100px;
top: -140px;
margin-bottom: -140px;
z-index: 99;
}
@media screen and (max-width: 900px) {
.contents_boder {
margin-bottom: -248px;
}
}
.contents_boder:before {
content: "";
position: absolute;
top: -20px;
left: 0;
width: 120%;
height: 100%;
margin: 10% -10% 0;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/stripe2.jpg) repeat;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
z-index: -1;
border-top: 5px solid #1378BC;
}
@media screen and (max-width: 900px) {
.contents_boder:before {
height: 40%;
}
}
.contents_boder_erea {
-webkit-box-sizing: boder-box;
box-sizing: boder-box;
width: 100%;
margin: 0 auto;
color: #fff;
text-align: center;
} .wall_flow {
z-index: 199;
}
.wall_flow p {
padding: 20px 10px;
}
.wall_flow .align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.wall_flow .m-arrow {
margin: 70px 0 10px;
}
.flow_title {
height: 75px;
}
.flow_title h3 {
height: 75px;
padding-left: 95px;
display: table-cell; vertical-align: middle;
font-size: 22px;
font-family: tbcinergothic-std, sans-serif;
color: #d15959;
line-height: 1.4;
letter-spacing: 0.1em;
}
.flow_title h3::before {
content: "";
position: absolute;
margin-left: 15px;
width: 75px;
height: 75px;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_1.png) no-repeat;
z-index: 10;
}
.flow_title2 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_2.png) no-repeat;
}
.flow_title3 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_3.png) no-repeat;
}
.flow_title4 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_4.png) no-repeat;
}
.flow_title5 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_5.png) no-repeat;
}
.flow_title6 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_6.png) no-repeat;
}
.flow_title7 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_7.png) no-repeat;
}
.flow_title8 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_8.png) no-repeat;
}
.flow_title9 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_9.png) no-repeat;
}
.flow_title10 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_10.png) no-repeat;
}
.flow_title11 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_11.png) no-repeat;
}
.flow_title12 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_12.png) no-repeat;
}
.flow_title13 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_13.png) no-repeat;
}
.flow_title14 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_14.png) no-repeat;
}
.flow_title15 h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/step_15.png) no-repeat;
}
.check_title h3::before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/wall_painting/check.png) no-repeat;
} .contact_bottom a[target=_blank] {
padding-right: 22px;
margin-right: 5px;
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/a_icon.png);
background-size: 16px 13px;
background-position: 100% 50%;
background-repeat: no-repeat;
}
main.main_cat_contact .sec_contact1 .wrap {
padding: 40px 0 0;
margin-bottom: 0;
}
main.main_cat_contact .sec_contact1 .blk_contact1 {
padding: 24px 0;
text-align: center;
width: 786px;
margin: 0 auto;
border: 2px solid #d5cdcd;
}
@media screen and (max-width: 1050px) {
main.main_cat_contact .sec_contact1 .blk_contact1 {
width: 96%;
}
}
@media screen and (min-width: 800px) {
main.main_cat_contact .sec_contact1 .blk_contact1.is-show {
width: 80%;
}
}
main.main_cat_contact .sec_contact1 .blk_contact1 p {
font-size: 1.8rem;
line-height: 1.8;
}
main.main_cat_contact .sec_contact1 .blk_contact1 p b {
font-size: 2.3rem;
font-weight: normal;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 {
display: inline-block;
padding: 16px 16px;
color: #0d3387;
color: #333;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 span.p_tel {
display: inline-block;
position: relative;
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 5.2rem;
line-height: 1;
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 span.p_tel {
font-size: 2em;
line-height: 1.8em;
}
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02 span.p_tel:before {
content: "";
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/contact/icn_tel.svg);
background-size: contain;
width: 46px;
height: 46px;
display: inline-block;
vertical-align: middle;
margin-right: 0.2em;
margin-bottom: 0.1em;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02:hover {
text-decoration: none;
color: #ef710a;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .txt_tel a.js_tel02:hover span.p_tel {
text-decoration: none;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box {
width: 538px;
margin: 24px auto;
padding: 16px 32px 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #def4ff;
border-radius: 12px;
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact1 .blk_contact1 .box {
width: 100%;
max-width: 600px;
padding: 12px;
}
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact1 .blk_contact1 .box .lo1 {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact1 .blk_contact1 .box .tmb {
text-align: center;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .tmb img {
width: 80px;
}
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt {
text-align: left;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt p {
font-size: 1.6rem;
line-height: 1.6;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt .bnr_area {
margin: 16px 0 12px;
text-align: left;
}
main.main_cat_contact .sec_contact1 .blk_contact1 .box .txt .bnr_area a.btn_std1 {
margin: 0;
}
main.main_cat_contact .sec_contact1 .blk_contact-err1 {
text-align: center;
margin: 0 auto 16px;
}
main.main_cat_contact .sec_contact1 .blk_contact-err1 .tit_err {
font-size: 2rem;
line-height: 1;
color: #d84a5e;
padding: 8px 0;
margin-bottom: 8px;
}
main.main_cat_contact .sec_contact1 .blk_contact-err1 p {
font-size: 1.8rem;
line-height: 2;
}
main.main_cat_contact .sec_contact1 .blk_contact-confirm1 {
text-align: center;
margin: 0 auto 16px;
}
main.main_cat_contact .sec_contact1 .blk_contact-confirm1 .tit_confirm {
font-size: 2rem;
line-height: 1;
padding: 8px 0;
margin-bottom: 8px;
}
main.main_cat_contact .sec_contact1 .blk_contact-confirm1 p {
font-size: 1.8rem;
line-height: 2;
}
main.main_cat_contact .sec_contact2 {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
main.main_cat_contact .sec_contact2 .intro {
text-align: center;
margin: 16px auto;
}
main.main_cat_contact .sec_contact2 .intro p {
font-size: 1.6rem;
line-height: 1.8;
}
main.main_cat_contact .sec_contact2 .contact-waku {
position: relative;
}
main.main_cat_contact .sec_contact2 .contact-waku:before, main.main_cat_contact .sec_contact2 .contact-waku:after {
content: "";
display: block;
border: 5px solid #d5cdcd;
width: 80%;
height: 40px;
}
@media screen and (max-width: 900px) {
main.main_cat_contact .sec_contact2 .contact-waku:before, main.main_cat_contact .sec_contact2 .contact-waku:after {
width: 100%;
}
}
main.main_cat_contact .sec_contact2 .contact-waku:before {
margin: 0 auto 20px auto;
border-bottom: none;
}
main.main_cat_contact .sec_contact2 .contact-waku:after {
margin: 0 auto 20px auto;
border-top: none;
}
main.main_cat_contact .sec_contact2 .contact-waku.is-show:before, main.main_cat_contact .sec_contact2 .contact-waku.is-show:after {
width: 100%;
}
main.main_cat_contact .sec_contact2 .blk_complete {
padding: 32px 0;
text-align: center;
}
main.main_cat_contact .sec_contact2 .blk_complete .tit_complete {
font-size: 2rem;
line-height: 1;
padding: 8px 0;
margin-bottom: 8px;
}
main.main_cat_contact .sec_contact2 .blk_complete .txt_line {
font-size: 1.8rem;
}
main.main_cat_contact .sec_contact2 .blk_complete .txt_line p {
line-height: 2;
margin-bottom: 1.6em;
}
main.main_cat_contact .sec_contact2 .blk_complete .txt_line p:last-child {
margin-bottom: 0;
}
main.main_cat_contact .sec_contact .contact-flow {
max-width: 700px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
main.main_cat_contact .sec_contact .contact-flow.is-show {
max-width: 400px;
}
@media screen and (max-width: 800px) {
main.main_cat_contact .sec_contact .contact-flow.is-show {
max-width: 260px;
}
}
main.main_cat_contact .sec_contact .contact-flow:before {
content: "";
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
height: 2px;
background-color: #d5cdcd;
position: absolute;
top: 7px;
left: 25px;
z-index: 0;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list {
width: 100%;
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list > li.flow-list-item {
width: 60px;
position: relative;
top: 3px;
z-index: 1;
font-size: .9rem;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #d5cdcd;
color: #3b2929;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list > li.flow-list-item:before {
position: static;
content: "";
width: 10px;
height: 10px;
margin: 0 auto;
margin-bottom: 20px;
display: block;
background-color: #d5cdcd;
border-radius: 50%;
-webkit-box-shadow: none;
box-shadow: none;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list > li.flow-list-item.active {
color: #0d3387;
color: #3b2929;
}
main.main_cat_contact .sec_contact .contact-flow ul.flow-list > li.flow-list-item.active:before {
background-color: #0d3387;
background-color: #3b2929;
}
main.main_contact-complete .sec_contact2 {
margin: 40px auto 0;
} #contact_on {
padding-top: 30px !important;
}
#contact,
#contact-confirm,
#contact-complete,
#contact-err {
padding-top: 1.5em;
}
#contact_box {
padding: 40px;
margin: 40px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
max-width: 820px;
}
@media screen and (max-width: 900px) {
#contact_box {
padding: 40px 10px;
}
}
#contact_box th {
color: #9ca7b1;
display: block;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 0;
}
#contact_box th .emphasis {
font-size: 14px;
color: #fff;
background: #ff816c;
border-radius: 8px;
font-size: 1.4rem;
width: 53px;
height: 28px;
line-height: 28px;
display: inline-block;
text-align: center;
margin-left: 14px;
}
#contact_box td {
display: block;
margin-bottom: 24px;
font-size: 1.8rem;
}
#contact_box td .descri {
margin: 0 .5em;
font-size: 1.8rem;
}
#contact_box input[name=zip], #contact_box input[name=zip1] {
width: initial !important;
margin-bottom: 12px;
}
#contact_box input[type="tel"],
#contact_box input[type="text"],
#contact_box input[type="email"],
#contact_box textarea {
width: 100%;
}
#contact_box input[type="tel"],
#contact_box input[type="text"],
#contact_box input[type="email"],
#contact_box input[type="number"],
#contact_box input[type="url"],
#contact_box input[type="password"],
#contact_box input[type="date"],
#contact_box textarea {
background: #fffef0;
padding: 11px;
font-size: 16px;
border-radius: 6px;
border: 2px solid #cccccc;
width: 100%;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contact_box .mwform-tel-field input[type="text"],
#contact_box .mwform-zip-field input[type="text"] {
display: inline-block;
width: auto;
}
@media screen and (max-width: 900px) {
#contact_box .mwform-tel-field input[type="text"],
#contact_box .mwform-zip-field input[type="text"] {
width: 30%;
}
}
#contact_box .contact_bottom li {
text-align: center;
font-size: 1.8rem;
padding: 16px 0 46px;
}
#contact_box .contact_bottom li a {
color: #50b5cc;
}
#contact_box .contact_bottom li a:hover {
color: #6d6d6d;
}
#contact_box #mw-wp-form-captcha {
text-align: center;
padding: 0 3% 2em 3%;
line-height: 2.5em;
font-size: 1.8rem;
}
#contact_box #mw-wp-form-captcha img {
margin-bottom: 10px;
border-radius: 10px;
width: 200px;
}
#contact_box #mw-wp-form-captcha input {
width: 200px;
height: 50px;
margin: 10px auto 0;
}
#contact_box div.contact_bottom div.item {
margin: 20px auto;
text-align: center;
}
@media screen and (min-width: 900px) {
#contact_box div.contact_bottom div.item {
width: 400px;
}
}
#contact_box div.contact_bottom div.item input[type="submit"] {
color: #fff;
background: #3b2929;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 400px;
max-width: 326px;
width: 100%;
height: 50px;
border-radius: 30px;
font-weight: bold;
font-size: 2rem;
font-family: "Noto Sans Japanese", source-han-sans-japanese, sans-serif;
-webkit-box-shadow: #000 3px 3px 2px;
box-shadow: #000 3px 3px 2px;
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
border: none;
letter-spacing: 0.06em;
margin: 25px 10px;
}
#contact_box div.contact_bottom div.item input[type="submit"]:hover {
background: #ef710a;
}
.radio {
padding: 15px 0;
font-size: 1.8rem;
}
.mw_wp_form .vertical-item {
float: left;
width: 50%;
margin-bottom: 10px;
margin-top: 5px;
}
.mw_wp_form .error {
font-size: 1.6rem;
color: #B70000;
display: block;
padding: 8px 0;
} main.main_privacy .sec_privacy1 .wrap {
margin: 0 auto;
padding-top: 50px;
padding-bottom: 68px;
}
@media screen and (max-width: 980px) {
main.main_privacy .sec_privacy1 .offset-1 {
margin-left: 0;
}
main.main_privacy .sec_privacy1 .col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
main.main_privacy .sec_privacy1 .ol_std > li {
margin-bottom: 32px;
}
main.main_privacy .sec_privacy1 .ol_std > li:last-child {
margin-bottom: 0;
}
main.main_privacy .sec_privacy1 .ol_std > li > .tit {
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-size: 2.2rem;
font-weight: 400;
color: #333333;
padding-left: 50px;
line-height: 42px;
margin: 60px 0 10px;
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/icon/question_icon.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 38px 42px;
}
main.main_privacy .sec_privacy1 .ol_std > li .tit + .txt_line {
margin: 8px auto;
}
main.main_privacy .sec_privacy1 .ol_std > li .txt_line p {
line-height: 2.1;
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 8px;
}
main.main_privacy .sec_privacy1 .ol_std > li .txt_line p:last-child {
margin-bottom: 0;
}
main.main_privacy .sec_privacy1 .ol_std > li .ol_det {
margin: 16px auto;
}
main.main_privacy .sec_privacy1 .ol_std > li .ol_det > li {
margin-bottom: 24px;
}
main.main_privacy .sec_privacy1 .ol_std > li .ol_det > li:last-child {
margin-bottom: 0;
}
main.main_privacy .sec_privacy1 .ol_std > li .ol_det > li > .tit {
line-height: 1.6;
font-size: 1.5rem;
font-weight: 900;
font-style: normal;
}
main.main_privacy .sec_privacy1 .ol_std > li .ol_det > li ul.ul_det {
line-height: 1.8;
font-size: 1.5rem;
}
main.main_privacy .sec_privacy1 .ol_std > li .ol_det > li ul.ul_det li {
margin: 8px 0;
}
main.main_privacy .sec_privacy1 .ol_std2 > li {
margin-bottom: 32px;
}
main.main_privacy .sec_privacy1 .ol_std2 > li:last-child {
margin-bottom: 0;
}
main.main_privacy .sec_privacy1 .ol_std2 > li > .tit {
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
padding: 12px 4px;
border-bottom: 1px solid #e5e5e5;
position: relative;
color: #1378BC;
}
main.main_privacy .sec_privacy1 .ol_std2 > li > .tit:after {
width: 350px;
content: "";
height: 1px;
background: #1378BC;
position: absolute;
left: 0;
bottom: -1px;
}
@media screen and (max-width: 900px) {
main.main_privacy .sec_privacy1 .ol_std2 > li > .tit:after {
width: 30%;
}
}
main.main_privacy .sec_privacy1 .ol_std2 > li .tit + .txt_line {
margin: 8px auto;
}
main.main_privacy .sec_privacy1 .ol_std2 > li .txt_line p {
line-height: 1.8;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 8px;
}
main.main_privacy .sec_privacy1 .ol_std2 > li .txt_line p:last-child {
margin-bottom: 0;
}
main.main_privacy .sec_privacy1 .ol_std2 > li .ol_det {
margin: 16px auto;
}
main.main_privacy .sec_privacy1 .ol_std2 > li .ol_det > li {
margin-bottom: 24px;
}
main.main_privacy .sec_privacy1 .ol_std2 > li .ol_det > li:last-child {
margin-bottom: 0;
}
main.main_privacy .sec_privacy1 .ol_std2 > li .ol_det > li > .tit {
line-height: 1.6;
font-size: 1.5rem;
font-weight: 900;
font-style: normal;
}
main.main_privacy .sec_privacy1 .ol_std2 > li .ol_det > li ul.ul_det {
line-height: 1.8;
font-size: 1.5rem;
}
main.main_privacy .sec_privacy1 .ol_std2 > li .ol_det > li ul.ul_det li {
margin: 8px 0;
}
main.main_recruit .sec_recruit1 .wrap {
max-width: 1100px;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 68px;
}
main.main_recruit .sec_recruit1 .lead_img {
margin: 0 auto 40px;
}
@media screen and (max-width: 900px) {
main.main_recruit .sec_recruit1 .lead_img {
margin-bottom: 24px;
}
}
main.main_recruit .sec_recruit1 .ol_std {
width: 100%;
}
main.main_recruit .sec_recruit1 .ol_std > li {
margin-bottom: 32px;
}
main.main_recruit .sec_recruit1 .ol_std > li:last-child {
margin-bottom: 0;
}
main.main_recruit .sec_recruit1 .ol_std > li > .tit {
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
padding: 12px 4px;
border-bottom: 1px solid #e5e5e5;
position: relative;
color: #0d3387;
}
main.main_recruit .sec_recruit1 .ol_std > li > .tit:after {
width: 350px;
content: "";
height: 1px;
background: #0d3387;
position: absolute;
left: 0;
bottom: -1px;
}
@media screen and (max-width: 900px) {
main.main_recruit .sec_recruit1 .ol_std > li > .tit:after {
width: 30%;
}
}
main.main_recruit .sec_recruit1 .ol_std > li .tit + .txt_line {
margin: 8px auto;
}
main.main_recruit .sec_recruit1 .ol_std > li .txt_line p {
line-height: 1.8;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 8px;
}
main.main_recruit .sec_recruit1 .ol_std > li .txt_line p:last-child {
margin-bottom: 0;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det {
margin: 16px auto;
counter-reset: number;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li {
margin-bottom: 24px;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li:last-child {
margin-bottom: 0;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li > .tit {
line-height: 1.6;
font-size: 1.5rem;
font-weight: 400;
font-style: normal;
padding-left: 1em;
text-indent: -1em;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li > .tit:before {
counter-increment: number;
content: counter(number) ".";
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li > p {
margin-left: 1em;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li ul.ul_det {
line-height: 1.8;
font-size: 1.5rem;
}
main.main_recruit .sec_recruit1 .ol_std > li .ol_det > li ul.ul_det li {
margin: 8px 0;
}
.none {
display: none;
opacity: 0;
}
@media screen and (min-width: 1300px) {
br.ld {
display: none;
}
}
@media screen and (min-width: 1210px) {
br.sm {
display: none;
}
}
@media screen and (max-width: 1210px) {
br.md {
display: none;
}
}
@media screen and (min-width: 900px) {
br.sp {
display: none;
}
}
@media screen and (max-width: 899px) {
br.pc {
display: none;
}
.notab {
display: none;
}
}
main .wrap {
max-width: 1080px;
margin: 0 auto;
}
main .btn_area {
z-index: 10;
padding: 14px 50px;
margin: 16px auto;
}
@media screen and (max-width: 900px) {
main .btn_area {
margin-top: 20px;
}
}
main .btn_next,
main .btn_index {
display: block;
position: relative;
text-align: center;
padding: 15px 50px;
border-radius: 24px;
max-width: 240px;
margin: 0 auto;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
line-height: 1;
font-size: 1.6rem;
letter-spacing: 0.025em;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
background-color: #E5E5E5;
color: #2B2B2B;
}
@media screen and (max-width: 900px) {
main .btn_next,
main .btn_index {
max-width: 200px;
padding: 10px 12px;
}
}
main .btn_next:after,
main .btn_index:after {
content: "";
display: inline-block;
width: 11px; height: 13px; background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_arr_main.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 38%;
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
main .btn_next:hover,
main .btn_index:hover {
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #ef710a;
}
main .btn_next:hover:after,
main .btn_index:hover:after {
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_arr_w.svg);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 24px;
}
main .sec_top .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
main .sec_top .tit_sec03:before, main .sec_top .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main .sec_top .tit_sec03:before, main .sec_top .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main .sec_top .tit_sec03:before, main .sec_top .tit_sec03:after {
display: none;
}
}
main .sec_top .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main .sec_top .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main .sec_top .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main .sec_top .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main .sec_top .tit_sec03 > .tit {
font-weight: 800;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main .sec_top .tit_sec03 > .tit {
font-size: 3.2rem;
}
}
main .sec_top .tit_sec03 > .tit2 {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main .sec_top .tit_sec03 > .tit2 span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main .sec_top .tit_sec03 > .tit2 {
font-size: 2rem;
}
main .sec_top .tit_sec03 > .tit2 span {
font-size: 2.6rem;
}
}
main.main_home .skew-yane:before, main.main_home .skew-yane:after {
top: -40px;
}
main.main_home #home_campaigns {
position: relative;
padding: 0;
}
main.main_home #home_campaigns .wrap {
padding: 0;
}
main.main_home #home_campaigns .ul_campaigns {
margin: 40px auto;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_home #home_campaigns .ul_campaigns {
padding: 0 15px;
}
}
main.main_home #home_campaigns .ul_campaigns a {
display: inline-block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
main.main_home #home_campaigns .ul_campaigns a:hover {
opacity: .56;
}
@media screen and (max-width: 900px) {
main.main_home #home_campaigns .ul_campaigns a:hover img {
width: 100%;
}
}
main.main_home #home_about {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_top.jpg) center 0 repeat-x #fff;
position: relative;
padding-top: 120px;
padding-bottom: 80px;
} main.main_home #home_about:after {
width: 100%;
height: 80px;
bottom: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_under.jpg) center bottom repeat-x;
z-index: 0;
}
main.main_home #home_about .wrap {
padding: 4px 0;
}
main.main_home #home_about .wrap .heading {
margin-top: -88px;
margin-bottom: 8px;
}
main.main_home #home_about .txt_line {
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_home #home_about .txt_line {
text-align: left;
padding: 0 30px;
margin-bottom: 40px;
}
}
main.main_home #home_about .txt_line p {
font-family: 'ten-mincho-text', serif;
font-weight: 400;
font-style: normal;
color: #222A4F;
font-size: 1.7rem;
line-height: 2.2;
}
@media screen and (max-width: 900px) {
main.main_home #home_about .txt_line p {
font-size: 1.6rem;
line-height: 1.8;
}
}
main.main_home #home_trouble {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
}
main.main_home #home_trouble .wrap {
padding: 8px 0 48px;
}
main.main_home #home_trouble .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
margin: 32px auto;
}
main.main_home #home_trouble .tit span {
font-size: 2.8rem;
color: #E23434;
}
@media screen and (max-width: 900px) {
main.main_home #home_trouble .tit {
font-size: 2rem;
}
main.main_home #home_trouble .tit span {
font-size: 2.6rem;
}
}
main.main_home #home_trouble .ul_trouble {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 32px auto;
}
@media screen and (max-width: 900px) {
main.main_home #home_trouble .ul_trouble {
padding: 0 30px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
main.main_home #home_trouble .ul_trouble > li {
width: 168px;
margin-bottom: 16px;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_home #home_trouble .ul_trouble > li {
width: 48%;
}
}
main.main_home #home_trouble .ul_trouble > li .cap {
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-size: 1.5rem;
color: #E23434;
margin: 16px auto;
white-space: nowrap;
}
@media screen and (max-width: 900px) {
main.main_home #home_trouble .ul_trouble > li .cap {
white-space: normal;
font-size: 1.4rem;
}
}
main.main_home #home_service,
.share_service {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_line_blue.png) center 180px repeat-x;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_home #home_service,
.share_service {
background-repeat: repeat-x;
background-position: center 70px;
z-index: 20;
}
}
main.main_home #home_service .wrap,
.share_service .wrap {
padding: 8px 0 102px;
}
main.main_home #home_service .wrap .heading,
.share_service .wrap .heading {
margin-top: -56px;
margin-bottom: 8px;
}
main.main_home #home_service .wrap .tit_sec03,
.share_service .wrap .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
main.main_home #home_service .wrap .tit_sec03:before, main.main_home #home_service .wrap .tit_sec03:after,
.share_service .wrap .tit_sec03:before,
.share_service .wrap .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main.main_home #home_service .wrap .tit_sec03:before, main.main_home #home_service .wrap .tit_sec03:after,
.share_service .wrap .tit_sec03:before,
.share_service .wrap .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_home #home_service .wrap .tit_sec03:before, main.main_home #home_service .wrap .tit_sec03:after,
.share_service .wrap .tit_sec03:before,
.share_service .wrap .tit_sec03:after {
display: none;
}
}
main.main_home #home_service .wrap .tit_sec03:before,
.share_service .wrap .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_home #home_service .wrap .tit_sec03:after,
.share_service .wrap .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_home #home_service .wrap .tit_sec03 > .copy,
.share_service .wrap .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .wrap .tit_sec03 > .copy,
.share_service .wrap .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_home #home_service .wrap .tit_sec03 > .tit,
.share_service .wrap .tit_sec03 > .tit {
font-weight: 800;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .wrap .tit_sec03 > .tit,
.share_service .wrap .tit_sec03 > .tit {
font-size: 3.2rem;
}
}
main.main_home #home_service .wrap .tit_sec03 > .tit2,
.share_service .wrap .tit_sec03 > .tit2 {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_home #home_service .wrap .tit_sec03 > .tit2 span,
.share_service .wrap .tit_sec03 > .tit2 span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .wrap .tit_sec03 > .tit2,
.share_service .wrap .tit_sec03 > .tit2 {
font-size: 2rem;
}
main.main_home #home_service .wrap .tit_sec03 > .tit2 span,
.share_service .wrap .tit_sec03 > .tit2 span {
font-size: 2.6rem;
}
}
main.main_home #home_service .ul_nav_bnr,
.share_service .ul_nav_bnr {
width: 1040px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding-top: 420px;
z-index: 100;
}
@media screen and (max-width: 1280px) {
main.main_home #home_service .ul_nav_bnr,
.share_service .ul_nav_bnr {
zoom: 80%;
}
}
@media screen and (max-width: 1000px) {
main.main_home #home_service .ul_nav_bnr,
.share_service .ul_nav_bnr {
zoom: 60%;
}
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr,
.share_service .ul_nav_bnr {
width: auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 30px;
}
}
main.main_home #home_service .ul_nav_bnr:before,
.share_service .ul_nav_bnr:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 348px;
height: 313px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/service_obj1.svg) center center no-repeat;
background-size: contain;
position: absolute;
top: 56px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr:before,
.share_service .ul_nav_bnr:before {
width: 80%;
height: auto;
}
}
main.main_home #home_service .ul_nav_bnr > li,
.share_service .ul_nav_bnr > li {
width: 330px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li,
.share_service .ul_nav_bnr > li {
width: 100%;
margin-bottom: 40px;
}
}
main.main_home #home_service .ul_nav_bnr > li > .tit,
.share_service .ul_nav_bnr > li > .tit {
width: 330px;
height: 100px;
padding-top: 10px;
text-align: center;
font-weight: 600;
font-size: 2.4rem;
line-height: 1.2;
color: #fff;
position: relative;
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li > .tit,
.share_service .ul_nav_bnr > li > .tit {
width: 100vw;
}
}
main.main_home #home_service .ul_nav_bnr > li > .tit:before,
.share_service .ul_nav_bnr > li > .tit:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 330px;
height: 156px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/service_h_bg.svg) center center no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
main.main_home #home_service .ul_nav_bnr > li a,
.share_service .ul_nav_bnr > li a {
display: block;
}
main.main_home #home_service .ul_nav_bnr > li a .tmb,
.share_service .ul_nav_bnr > li a .tmb {
margin-bottom: 8px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li a .tmb,
.share_service .ul_nav_bnr > li a .tmb {
min-width: 60%;
margin: 0 auto;
text-align: center;
}
}
main.main_home #home_service .ul_nav_bnr > li a .tmb:before,
.share_service .ul_nav_bnr > li a .tmb:before {
content: "";
width: 100%;
height: 100%;
display: block;
background: #fff;
z-index: -1;
position: absolute;
left: 0;
top: 0;
}
main.main_home #home_service .ul_nav_bnr > li a .tmb img,
.share_service .ul_nav_bnr > li a .tmb img {
border-radius: 8px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li a .tmb img,
.share_service .ul_nav_bnr > li a .tmb img {
width: 100%;
}
}
main.main_home #home_service .ul_nav_bnr > li a:hover img,
.share_service .ul_nav_bnr > li a:hover img {
opacity: .6;
}
main.main_home #home_service .ul_nav_bnr > li .cap,
.share_service .ul_nav_bnr > li .cap {
padding: 8px 0;
font-size: 1.5rem;
line-height: 1.4;
letter-spacing: 0.025em;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li .cap,
.share_service .ul_nav_bnr > li .cap {
font-size: 1.4rem;
text-align: center;
}
}
main.main_home #home_service .ul_nav_bnr > li .cap p,
.share_service .ul_nav_bnr > li .cap p {
white-space: nowrap;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li .cap p,
.share_service .ul_nav_bnr > li .cap p {
white-space: normal;
}
}
main.main_home #home_service .ul_nav_bnr > li:nth-child(1), main.main_home #home_service .ul_nav_bnr > li:nth-child(2),
.share_service .ul_nav_bnr > li:nth-child(1),
.share_service .ul_nav_bnr > li:nth-child(2) {
position: absolute;
top: 0;
}
@media screen and (max-width: 900px) {
main.main_home #home_service .ul_nav_bnr > li:nth-child(1), main.main_home #home_service .ul_nav_bnr > li:nth-child(2),
.share_service .ul_nav_bnr > li:nth-child(1),
.share_service .ul_nav_bnr > li:nth-child(2) {
position: static;
}
}
main.main_home #home_service .ul_nav_bnr > li:nth-child(1),
.share_service .ul_nav_bnr > li:nth-child(1) {
left: 0;
}
main.main_home #home_service .ul_nav_bnr > li:nth-child(2),
.share_service .ul_nav_bnr > li:nth-child(2) {
right: 0;
}
main.main_home #home_service .btn_blk,
.share_service .btn_blk {
margin: 8px auto;
}
main.main_home #home_service .btn_blk .btn_next:hover,
.share_service .btn_blk .btn_next:hover {
background: #1378BC;
}
.share_service .wrap {
padding: 8px 0 164px;
}
#top_topics,
#top_case,
#archive_posts {
z-index: 10;
padding: 0px 0 0;
}
@media screen and (max-width: 900px) {
#top_topics,
#top_case,
#archive_posts {
padding-bottom: 20px !important;
}
}
#top_topics .category_list,
#top_case .category_list,
#archive_posts .category_list {
position: relative;
overflow: hidden;
margin: 40px 0 0;
}
#top_topics .category_list ul,
#top_case .category_list ul,
#archive_posts .category_list ul {
position: relative;
left: 50%;
float: left;
}
#top_topics .category_list ul li,
#top_case .category_list ul li,
#archive_posts .category_list ul li {
float: left;
position: relative;
left: -50%;
}
#top_topics .category_list ul li a,
#top_case .category_list ul li a,
#archive_posts .category_list ul li a {
color: #cecece;
background: #fff;
border: 1px solid #cecece;
padding: 10px 20px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 8px;
}
#top_topics .category_list ul li a.on,
#top_topics .category_list ul li a:hover,
#top_case .category_list ul li a.on,
#top_case .category_list ul li a:hover,
#archive_posts .category_list ul li a.on,
#archive_posts .category_list ul li a:hover {
color: #fff;
background: #0d3387;
border: 1px solid #0d3387;
}
#top_topics .container,
#top_case .container,
#archive_posts .container {
margin: 0 auto;
}
#top_topics .post,
#top_case .post,
#archive_posts .post {
margin-top: 14px;
overflow: hidden;
}
@media screen and (max-width: 900px) {
#top_topics .post,
#top_case .post,
#archive_posts .post {
height: auto !important;
}
#top_topics .post p:last-child,
#top_case .post p:last-child,
#archive_posts .post p:last-child {
margin-bottom: 18px;
}
#top_topics .category_list, 
#top_case .category_list, 
#archive_posts .category_list {
margin: 0 auto 9px;
}
#top_topics .category_list ul, 
#top_case .category_list ul, 
#archive_posts .category_list ul {
margin: 0 auto;
float: none;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#archive_posts.sec .wrap {
padding: 10px 0 40px;
}
}
#top_topics .post a,
#top_case .post a,
#archive_posts .post a {
color: #222222;
position: relative;
overflow: hidden;
display: block;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#top_topics .post a:hover img,
#top_case .post a:hover img,
#archive_posts .post a:hover img {
opacity: 0.6;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
width: 110%;
}
#top_topics .post .post_img,
#top_case .post .post_img,
#archive_posts .post .post_img {
overflow: hidden;
height: 140px;
width: auto;
position: relative;
}
#top_topics .post .post_img img,
#top_case .post .post_img img,
#archive_posts .post .post_img img {
display: block;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
border-radius: 12px;
-o-object-fit: cover;
object-fit: cover;
}
#top_topics .post .post_img:before,
#top_case .post .post_img:before,
#archive_posts .post .post_img:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/lattice.png);
background-image: none;
height: 140px;
width: auto;
z-index: 500;
margin: 0;
}
#top_topics .post .post_cons,
#top_case .post .post_cons,
#archive_posts .post .post_cons {
height: 182px;
}
#top_topics .post .post_date,
#top_case .post .post_date,
#archive_posts .post .post_date {
margin: 12px 8px;
}
#top_topics .post .post_date .tit_post,
#top_case .post .post_date .tit_post,
#archive_posts .post .post_date .tit_post {
line-height: 1.6em;
min-height: 40px;
max-height: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 1.4rem;
}
#top_topics .post .post_date .row_blk,
#top_case .post .post_date .row_blk,
#archive_posts .post .post_date .row_blk {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
}
#top_topics .post .post_date .tit_cat,
#top_case .post .post_date .tit_cat,
#archive_posts .post .post_date .tit_cat {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 16px;
}
#top_topics .post .post_date h3.works,
#top_case .post .post_date h3.works,
#archive_posts .post .post_date h3.works {
color: #94c745;
}
#top_topics .post .post_date h3.employ,
#top_case .post .post_date h3.employ,
#archive_posts .post .post_date h3.employ {
color: #926fc2;
}
#top_topics .post .post_date h3.news,
#top_case .post .post_date h3.news,
#archive_posts .post .post_date h3.news {
color: #5e77bc;
}
#top_topics .post .post_date h3.column,
#top_case .post .post_date h3.column,
#archive_posts .post .post_date h3.column {
color: #7cb259;
}
#top_topics .post .post_date h3.info,
#top_case .post .post_date h3.info,
#archive_posts .post .post_date h3.info {
color: #50b5cc;
}
#top_topics .post .post_date h3.event,
#top_case .post .post_date h3.event,
#archive_posts .post .post_date h3.event {
color: #ef710a;
}
#top_topics .post .post_date h3.museum,
#top_case .post .post_date h3.museum,
#archive_posts .post .post_date h3.museum {
color: #46af73;
}
#top_topics .post .post_date h3.cafe,
#top_case .post .post_date h3.cafe,
#archive_posts .post .post_date h3.cafe {
color: #af6a37;
}
#top_topics .post .post_date h3.subsidy,
#top_case .post .post_date h3.subsidy,
#archive_posts .post .post_date h3.subsidy {
color: #a773c9;
}
#top_topics .post .post_date h3.important,
#top_case .post .post_date h3.important,
#archive_posts .post .post_date h3.important {
color: #fb535c;
}
#top_topics .post .post_date h3.model,
#top_case .post .post_date h3.model,
#archive_posts .post .post_date h3.model {
color: #37b44a;
}
#top_topics .post .post_date p,
#top_case .post .post_date p,
#archive_posts .post .post_date p {
font-size: 1.4rem;
}
#top_topics .post .post_date p.date,
#top_case .post .post_date p.date,
#archive_posts .post .post_date p.date {
color: #999;
line-height: 1em;
font-size: 1.2rem;
}
main #top_topics {
background-color: white;
position: relative;
}
@media screen and (max-width: 900px) {
main #top_topics {
z-index: 30;
}
}
main #top_topics .wrap {
padding: 4px 0;
}
main #top_topics .wrap .heading {
margin-top: -56px;
margin-bottom: 8px;
}
main #top_topics .heading {
text-align: center;
padding: 28px 0;
position: relative;
}
main #top_topics .heading:before, main #top_topics .heading:after {
width: 424px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 900px) {
main #top_topics .heading:before, main #top_topics .heading:after {
display: none;
}
}
main #top_topics .heading:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/h_linedot2_l.svg) no-repeat;
background-position: left center;
}
main #top_topics .heading:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/h_linedot2_r.svg) no-repeat;
background-position: right center;
}
main #top_topics .heading > .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main #works {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 120px;
padding-bottom: 80px;
}
main #works .wrap {
padding: 4px 0;
}
main #works .wrap .heading {
margin-top: -94px;
margin-bottom: 8px;
}
main #works:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane.svg) center top repeat-x;
z-index: 0;
}
main #works .works-content {
position: relative;
max-width: 1120px;
margin: 0 auto;
margin-top: 50px;
}
@media screen and (min-width: 1100px) {
main #works .works-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
main #works .post_cons {
height: 182px;
}
@media screen and (min-width: 1100px) {
main #works .works-item-outline {
width: 33.333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
main #works .works-item-outline > a {
position: relative;
overflow: hidden;
display: block;
}
main #works .works-item-outline .works-item {
width: 100%;
margin: 20px 1.5%;
border-radius: 10px;
overflow: hidden;
}
@media screen and (max-width: 900px) {
main #works .works-item-outline .works-item {
margin: 20px 0;
}
}
main #works .works-item-outline .works-item img {
width: 100%; -o-object-fit: cover;
object-fit: cover;
border-radius: 12px;
}
main #works .works-item-outline .works-item .works-title {
padding: 15px 20px;
}
main #works .works-item-outline .works-item .works-title .post-categories {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
main #works .works-item-outline .works-item .works-title .post-categories li {
color: #152024 !important;
display: inline-block;
background: #fff;
border: 1px solid #6d6d6d;
padding: 8px 17px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 14px 9px 8px 0;
}
main #works .works-item-outline .works-item .works-title .label {
color: #969696;
}
main #works .works-item-outline .works-item .works-title h4 {
color: #1378BC;
font-size: 1.6rem;
font-weight: 400;
margin: 4px 0 8px;
}
main #works .works-item-outline .works-item p {
color: #222222;
font-size: 1.8rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
main #works.share_works {
padding-top: 0px;
}
main #works.share_works:before {
width: 100%;
height: 82px;
top: -80px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane3.png) center top repeat-x;
z-index: 0;
}
main #works.share_works .wrap {
padding: 0;
margin-top: -40px;
}
main #works.share_works .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
main #works.share_works .tit_sec03:before, main #works.share_works .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main #works.share_works .tit_sec03:before, main #works.share_works .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main #works.share_works .tit_sec03:before, main #works.share_works .tit_sec03:after {
display: none;
}
}
main #works.share_works .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main #works.share_works .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main #works.share_works .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main #works.share_works .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main #works.share_works .tit_sec03 > .tit {
font-weight: 800;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main #works.share_works .tit_sec03 > .tit {
font-size: 3.2rem;
}
}
main #works.share_works .tit_sec03 > .tit2 {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main #works.share_works .tit_sec03 > .tit2 span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main #works.share_works .tit_sec03 > .tit2 {
font-size: 2rem;
}
main #works.share_works .tit_sec03 > .tit2 span {
font-size: 2.6rem;
}
}
main .works_posts {
position: relative;
}
main .works_posts .post {
min-height: 318px;
}
@media screen and (max-width: 992px) {
main .works_posts .post {
min-height: 305px;
}
}
main .works_posts .post h3 {
color: #1378BC;
font-size: 1.6rem;
min-height: 20px;
margin: 8px 0px;
}
@media screen and (max-width: 1300px) {
main .works_posts .post p {
margin: 12px 12px 0 !important;
}
}
main .works_posts .post .works-item {
width: 100%;
margin: 20px 1.5%;
border-radius: 10px;
overflow: hidden;
}
@media screen and (max-width: 900px) {
main .works_posts .post .works-item {
margin: 20px 0;
}
}
main .works_posts .post .works-item img {
width: 100%;
height: 182px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 12px;
}
main .works_posts .post .works-item .works-title {
padding: 15px 20px;
}
main .works_posts .post .works-item .works-title .post-categories {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
main .works_posts .post .works-item .works-title .post-categories li {
color: #152024 !important;
display: inline-block;
background: #fff;
border: 1px solid #6d6d6d;
padding: 8px 17px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 14px 9px 8px 0;
}
main .works_posts .post .works-item .works-title .label {
color: #969696;
}
main .works_posts .post .works-item .works-title h4 {
color: #1378BC;
font-size: 1.6rem;
font-weight: 400;
margin: 4px 0 8px;
}
main .works_posts .post .works-item p {
color: #222222;
font-size: 1.8rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
main .works_posts .post .post-categories {
margin-left: 26px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1300px) {
main .works_posts .post .post-categories {
margin-left: 12px;
margin-top: 8px;
}
}
main .works_posts .post .post-categories li {
display: inline-block;
background: #fff;
border: 1px solid #6d6d6d;
padding: 8px 17px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 0px 9px 8px 0;
}
main .works_posts .post .post-categories li a {
color: #152024 !important;
}
@media screen and (max-width: 1300px) {
main .works_posts .post .post-categories li a {
font-size: 0.7rem;
}
}
@media screen and (max-width: 1300px) {
main .works_posts .post .post-categories li {
padding: 5px 10px;
}
}
main .works_posts .post .exc {
padding-bottom: 20px;
font-size: 1.8rem;
}
main .works_posts .post .exc p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@-webkit-keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
@keyframes moveItem {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
}
.loading {
display: none;
} #video {
margin: 0;
width: 100%;
min-height: 765px;
height: 100vh;
min-width: 100%;
z-index: -100;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 768px) {
#video {
min-height: 480px;
height: 60vh;
}
}
.video_pc {
display: block;
}
@media screen and (max-width: 900px) {
.video_pc {
display: none;
}
}
.video_sp {
display: none;
}
@media screen and (max-width: 900px) {
.video_sp {
display: block;
}
}
.object_fit_img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
#visual {
width: 100%;
background: #fff;
margin: 0;
padding: 0;
position: relative;
}
#visual:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 107px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/visual_under.png) center top no-repeat;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
@media screen and (max-width: 900px) {
#visual:after {
height: 54px;
display: none;
}
}
#visual #visual_wrap {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100vh;
}
@media screen and (max-width: 768px) {
#visual #visual_wrap {
height: 60vh;
}
}
#visual #visual_wrap #main_visual {
width: 100%;
margin: 0 auto;
}
#visual #visual_wrap .visual-contents {
z-index: 999;
position: absolute;
text-align: center;
top: 24%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: auto;
width: 100%;
height: 3.2rem;
color: white;
}
@media screen and (max-width: 900px) {
#visual #visual_wrap .visual-contents {
top: 28%;
}
}
#visual #visual_wrap .visual-contents .main-title {
font-style: italic;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0.05em;
text-shadow: 0px 0px 8px black;
font-size: 5rem;
-webkit-text-stroke: 2px #1378BC;
text-stroke: 2px #1378BC;
}
@media screen and (max-width: 1300px) {
#visual #visual_wrap .visual-contents .main-title {
font-size: 2.5rem;
}
}
@media screen and (max-width: 1050px) {
#visual #visual_wrap .visual-contents .main-title {
font-size: 1.8rem;
}
}
@media screen and (max-width: 900px) {
#visual #visual_wrap .visual-contents .main-title {
font-size: 2.8rem;
}
}
#visual #visual_wrap .visual-contents .main-title p {
line-height: 1.4;
}
#visual #visual_wrap .visual-contents .main-title .main-title-01 {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
#visual #visual_wrap .visual-contents .main-title .main-title-02 {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
#visual #visual_wrap .visual-contents .sub-title {
font-size: 3.2rem;
font-weight: 900;
letter-spacing: 0.05em;
text-shadow: 0px 0px 8px black;
margin: 8px 0 80px;
-webkit-text-stroke: 2px #1378BC;
text-stroke: 2px #1378BC;
}
@media screen and (max-width: 900px) {
#visual #visual_wrap .visual-contents .sub-title {
font-size: 2rem;
margin: 8px 0 40px;
}
}
#visual #visual_wrap .visual-contents img {
max-width: 650px;
width: 100%;
padding: 0 10px;
}
#visual .loading {
position: absolute;
left: 50%;
top: 50%;
z-index: 10;
}
#visual .slide {
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
#visual .slide .item {
display: none;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#visual .slide .item:first-child {
display: block;
}
#visual .marker {
position: absolute;
right: 0;
bottom: 240px;
z-index: 10;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-size: 0px;
line-height: 0px;
display: none;
opacity: 0;
}
@media screen and (max-width: 900px) {
#visual .marker {
bottom: 160px;
}
}
#visual .marker li {
display: inline-block;
width: 12px;
height: 12px;
margin: 0px 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
border-radius: 6px;
}
#visual .marker li.current {
background: #fff;
}
#visual .scroll {
position: absolute;
z-index: 10;
bottom: 160px;
left: 50%;
margin-left: -35px;
}
#visual .scroll a {
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 900px) {
#visual .scroll {
bottom: 90px;
margin-left: -30px;
}
#visual .scroll img {
width: 60px;
display: none;
}
}
#visual .scroll.move {
-webkit-animation: moveItem 1.2s infinite;
animation: moveItem 1.2s infinite;
opacity: 0;
}
main.main_home .sec_top0 {
width: 64vw;
color: #fff;
background: #0d3387;
position: absolute;
bottom: 0;
left: 0;
z-index: 900;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width: 1300px) {
main.main_home .sec_top0 {
width: 80vw;
}
}
@media screen and (max-width: 900px) {
main.main_home .sec_top0 {
width: 100vw;
display: block;
}
}
main.main_home .sec_top0 .box {
padding: 32px;
}
@media screen and (max-width: 900px) {
main.main_home .sec_top0 .box {
padding: 12px;
}
}
main.main_home .sec_top0 .box > .tit {
font-size: 2.4rem;
line-height: 1.8;
padding: 16px 0 24px;
position: relative;
margin-bottom: 16px;
}
@media screen and (max-width: 900px) {
main.main_home .sec_top0 .box > .tit {
font-size: 1.4rem;
line-height: 1.4;
padding: 8px 0 16px;
}
}
main.main_home .sec_top0 .box > .tit::after {
position: absolute;
width: 0;
bottom: 0;
left: 0;
content: "";
height: 4px;
background: #fff;
width: 0;
}
main.main_home .sec_top0 .box .is-show:after {
width: 400px;
}
@media screen and (max-width: 900px) {
main.main_home .sec_top0 .box .is-show:after {
width: 60%;
}
}
main.main_home .sec_top0 .box .txt_line p {
font-size: 1.8rem;
line-height: 1.8;
}
@media screen and (max-width: 900px) {
main.main_home .sec_top0 .box .txt_line p {
font-size: 1.4rem;
line-height: 1.6;
}
}
main.main_home .sec_top0 .box .bnr_area {
margin: 24px 0 0;
text-align: left;
}
main.main_home .sec_top0 .box .bnr_area .btn_std1 {
background: #fff;
color: #0d3387;
margin: 0 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
main.main_home .sec_top0 .box .bnr_area .btn_std1:after {
width: 9px; height: 10px; background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_arr_main.svg);
}
@media screen and (max-width: 900px) {
main.main_home .sec_top0 .box .bnr_area .btn_std1 {
max-width: 200px;
margin: 0 auto;
}
}
main.main_home .sec_top0 .box .bnr_area .btn_std1:hover {
color: #fff;
background: #ef710a;
}
main.main_home .sec_top0 .box .bnr_area .btn_std1:hover:after {
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_arr_w.svg);
}
main.main_home .sec_top0 + .sec_top1 {
margin-top: -116px;
}
@media screen and (max-width: 900px) {
main.main_home .sec_top0 + .sec_top1 {
margin-top: 0;
}
}
@media screen and (min-width: 900px) {
#common_service .sec_aboutus02,
#common_service .sec_top3,
main .sec_aboutus02,
main .sec_top3 {
padding-left: 0;
padding-right: 0;
}
}
#common_service .sec_aboutus02 .wrap,
#common_service .sec_top3 .wrap,
main .sec_aboutus02 .wrap,
main .sec_top3 .wrap {
max-width: inherit;
}
#common_service .sec_aboutus02 .txt_line,
#common_service .sec_top3 .txt_line,
main .sec_aboutus02 .txt_line,
main .sec_top3 .txt_line {
padding: 24px 0;
text-align: center;
}
#common_service .sec_aboutus02 .txt_line p,
#common_service .sec_top3 .txt_line p,
main .sec_aboutus02 .txt_line p,
main .sec_top3 .txt_line p {
color: #444444;
font-size: 1.8rem;
line-height: 2.2;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .txt_line p,
#common_service .sec_top3 .txt_line p,
main .sec_aboutus02 .txt_line p,
main .sec_top3 .txt_line p {
font-size: 1.6rem;
line-height: 1.8;
}
}
#common_service .sec_aboutus02 .ul_nav,
#common_service .sec_top3 .ul_nav,
main .sec_aboutus02 .ul_nav,
main .sec_top3 .ul_nav {
margin: 16px auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .ul_nav,
#common_service .sec_top3 .ul_nav,
main .sec_aboutus02 .ul_nav,
main .sec_top3 .ul_nav {
margin: 16px -15px;
padding: 0 15px;
}
}
#common_service .sec_aboutus02 .ul_nav:before,
#common_service .sec_top3 .ul_nav:before,
main .sec_aboutus02 .ul_nav:before,
main .sec_top3 .ul_nav:before {
content: "";
width: 100%;
height: 190px;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_line_blue.png) center;
position: absolute;
top: 12px;
left: 0;
z-index: -1;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .ul_nav:before,
#common_service .sec_top3 .ul_nav:before,
main .sec_aboutus02 .ul_nav:before,
main .sec_top3 .ul_nav:before {
height: 40%;
}
}
#common_service .sec_aboutus02 .ul_nav > li,
#common_service .sec_top3 .ul_nav > li,
main .sec_aboutus02 .ul_nav > li,
main .sec_top3 .ul_nav > li {
width: 282px;
margin: 0 16px;
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .ul_nav > li,
#common_service .sec_top3 .ul_nav > li,
main .sec_aboutus02 .ul_nav > li,
main .sec_top3 .ul_nav > li {
margin: 0 8px;
}
}
#common_service .sec_aboutus02 .ul_nav > li .tmb,
#common_service .sec_top3 .ul_nav > li .tmb,
main .sec_aboutus02 .ul_nav > li .tmb,
main .sec_top3 .ul_nav > li .tmb {
-webkit-transform: skewY(2deg);
-ms-transform: skewY(2deg);
transform: skewY(2deg);
overflow: hidden;
}
#common_service .sec_aboutus02 .ul_nav > li .tmb img,
#common_service .sec_top3 .ul_nav > li .tmb img,
main .sec_aboutus02 .ul_nav > li .tmb img,
main .sec_top3 .ul_nav > li .tmb img {
-webkit-transform: skewY(-2deg) scale(1.2);
-ms-transform: skewY(-2deg) scale(1.2);
transform: skewY(-2deg) scale(1.2);
}
#common_service .sec_aboutus02 .ul_nav > li .cap,
#common_service .sec_top3 .ul_nav > li .cap,
main .sec_aboutus02 .ul_nav > li .cap,
main .sec_top3 .ul_nav > li .cap {
text-align: center;
font-size: 1.8rem;
line-height: 1;
margin: 16px auto;
}
@media screen and (max-width: 900px) {
#common_service .sec_aboutus02 .ul_nav > li .cap,
#common_service .sec_top3 .ul_nav > li .cap,
main .sec_aboutus02 .ul_nav > li .cap,
main .sec_top3 .ul_nav > li .cap {
font-size: 1.4rem;
}
}
#common_service .sec_aboutus02 .ul_nav > li a .cap,
#common_service .sec_top3 .ul_nav > li a .cap,
main .sec_aboutus02 .ul_nav > li a .cap,
main .sec_top3 .ul_nav > li a .cap {
color: #0d3387;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li,
#common_service .sec_top3 .ul_tmb_over1 > li,
main .sec_aboutus02 .ul_tmb_over1 > li,
main .sec_top3 .ul_tmb_over1 > li {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a,
#common_service .sec_top3 .ul_tmb_over1 > li a,
main .sec_aboutus02 .ul_tmb_over1 > li a,
main .sec_top3 .ul_tmb_over1 > li a {
display: block;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a .tmb,
#common_service .sec_top3 .ul_tmb_over1 > li a .tmb,
main .sec_aboutus02 .ul_tmb_over1 > li a .tmb,
main .sec_top3 .ul_tmb_over1 > li a .tmb {
position: relative;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a .tmb:before,
#common_service .sec_top3 .ul_tmb_over1 > li a .tmb:before,
main .sec_aboutus02 .ul_tmb_over1 > li a .tmb:before,
main .sec_top3 .ul_tmb_over1 > li a .tmb:before {
content: "";
width: 100%;
height: 100%;
display: block;
background: #fff;
z-index: -1;
position: absolute;
left: 0;
top: 0;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a .tmb img,
#common_service .sec_top3 .ul_tmb_over1 > li a .tmb img,
main .sec_aboutus02 .ul_tmb_over1 > li a .tmb img,
main .sec_top3 .ul_tmb_over1 > li a .tmb img {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
#common_service .sec_aboutus02 .ul_tmb_over1 > li a:hover img,
#common_service .sec_top3 .ul_tmb_over1 > li a:hover img,
main .sec_aboutus02 .ul_tmb_over1 > li a:hover img,
main .sec_top3 .ul_tmb_over1 > li a:hover img {
opacity: .6;
} @media screen and (max-width: 900px) {
main.main_aboutus .main_tit_aboutus {
margin-bottom: 24px;
}
}
main.main_aboutus .main_tit_aboutus .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_aboutus .main_tit_aboutus .tit_main01 {
margin-top: -56px;
}
}
main.main_aboutus .main_tit_aboutus .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/aboutus/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 900px) {
main.main_aboutus .main_tit_aboutus .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_aboutus .main_tit_aboutus .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_aboutus .main_tit_aboutus .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_aboutus .main_tit_aboutus .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_aboutus .sec_aboutus .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_aboutus .sec_aboutus .tit_sec03 {
padding: 8px 0;
z-index: 10;
}
}
main.main_aboutus .sec_aboutus .tit_sec03:before, main.main_aboutus .sec_aboutus .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 900px) {
main.main_aboutus .sec_aboutus .tit_sec03:before, main.main_aboutus .sec_aboutus .tit_sec03:after {
display: none;
}
}
main.main_aboutus .sec_aboutus .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_aboutus .sec_aboutus .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_aboutus .sec_aboutus .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_aboutus .sec_aboutus .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_aboutus .sec_aboutus .tit_sec03 > .tit {
font-weight: 800;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_aboutus .sec_aboutus .tit_sec03 > .tit {
font-size: 3.2rem;
}
}
main.main_aboutus .sec_aboutus .tit_sec03 > .tit2 {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_aboutus .sec_aboutus .tit_sec03 > .tit2 span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_aboutus .sec_aboutus .tit_sec03 > .tit2 {
font-size: 2rem;
}
main.main_aboutus .sec_aboutus .tit_sec03 > .tit2 span {
font-size: 2.6rem;
}
}
main.main_aboutus #ceo_01 {
padding: 30px 0 70px;
}
@media screen and (max-width: 1000px) {
main.main_aboutus #ceo_01 {
background-position: right bottom -160px;
background-size: 80% auto;
padding: 30px 0 40px;
}
}
main.main_aboutus #ceo_01 .wrap {
max-width: 1200px;
}
main.main_aboutus #ceo_01 .container_greeting {
padding: 30px 0 0px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1220px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1000px) {
main.main_aboutus #ceo_01 .container_greeting {
padding-top: 32px;
display: block;
}
}
main.main_aboutus #ceo_01 .greeting_left {
width: 40%;
text-align: center;
position: relative;
}
@media screen and (max-width: 1000px) {
main.main_aboutus #ceo_01 .greeting_left {
width: 80%;
margin: 0 auto;
}
}
main.main_aboutus #ceo_01 .greeting_left:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
text-align: center;
border-radius: 50%;
border: solid 1px #3c7bc6;
position: absolute;
z-index: 1;
left: -12px;
top: 0;
}
main.main_aboutus #ceo_01 .greeting_left img {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_aboutus #ceo_01 .greeting_right {
width: 60%;
}
@media screen and (max-width: 1000px) {
main.main_aboutus #ceo_01 .greeting_right {
width: 100%;
}
}
main.main_aboutus #ceo_01 .greeting_right .tit {
font-family: 'Noto Serif JP', serif;
font-weight: 400;
margin-top: 40px;
font-size: 2.7rem;
line-height: 1.8;
letter-spacing: 0.025em;
position: relative;
}
main.main_aboutus #ceo_01 .greeting_right .tit:after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 80px;
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/images/title_after.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
@media screen and (max-width: 900px) {
main.main_aboutus #ceo_01 .greeting_right .tit {
font-size: 2.2rem;
}
}
main.main_aboutus #ceo_01 .greeting_text {
color: #333333;
padding: 30px 10px;
}
@media screen and (max-width: 1000px) {
main.main_aboutus #ceo_01 .greeting_text {
padding: 30px 10px 0 10px;
}
}
main.main_aboutus #ceo_01 .greeting_text > p {
font-size: 1.8rem;
line-height: 2.2;
padding: 0 20px;
margin-bottom: 0.8em;
}
main.main_aboutus #ceo_01 .greeting_text > p:last-child {
margin-bottom: 0;
}
main.main_aboutus #ceo_01 .greeting_text .greeting_ceo {
margin-top: 32px;
color: #3a4e54;
text-align: right;
line-height: 1;
}
main.main_aboutus #ceo_01 .greeting_text .greeting_ceo .ceo_name {
font-family: 'Noto Serif JP', serif;
font-size: 2.1rem;
letter-spacing: 0.05em;
line-height: 1;
}
main.main_aboutus #ceo_01 .greeting_text .greeting_ceo .ceo_name_sub {
margin-top: 12px;
font-size: 2rem;
font-family: 'mrs-eaves', serif;
line-height: 1;
}
main.main_aboutus #aboutus_2 {
position: relative;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/aboutus_2_bg.jpg);
padding: 16px 0 16px;
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_2 {
padding: 0px 0 32px;
}
}
main.main_aboutus #aboutus_2 .skew-yane::before {
position: absolute;
height: 80px;
top: -40px;
left: 0;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/aboutus_2_bg.jpg);
-webkit-transform: skewY(-3.5deg);
-ms-transform: skewY(-3.5deg);
transform: skewY(-3.5deg);
content: "";
width: 50.1%;
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_2 .skew-yane::before {
height: 70px;
z-index: 0;
}
}
main.main_aboutus #aboutus_2 .skew-yane::after {
position: absolute;
height: 80px;
top: -40px;
left: auto;
right: 0;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/aboutus_2_bg.jpg);
-webkit-transform: skewY(3.5deg);
-ms-transform: skewY(3.5deg);
transform: skewY(3.5deg);
content: "";
width: 50.1%;
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_2 .skew-yane::after {
height: 70px;
z-index: 1;
}
}
main.main_aboutus #aboutus_2 .wrap {
padding: 0 16px 32px;
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_2 .wrap {
padding: 8px 15px 8px;
}
}
main.main_aboutus #aboutus_2 .wrap a {
color: #1378BC;
}
main.main_aboutus #aboutus_2 .topics_top {
margin-top: -70px;
}
main.main_aboutus #aboutus_2 .for_owner_btn {
padding: 14px;
position: relative;
display: block;
background-color: #1378BC;
line-height: 1em;
border-radius: 24px;
display: block;
max-width: 240px;
color: #fff;
}
main.main_aboutus #aboutus_2 .for_owner_btn:after {
content: '';
display: inline-block;
width: 11px; height: 27px; background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/images/arrow03-r.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 38%;
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
main.main_aboutus #aboutus_2 .for_owner_btn a {
cursor: pointer;
}
main.main_aboutus #aboutus_2 a.for_owner_link:hover .for_owner_btn::after {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 24px;
}
main.main_aboutus #aboutus_2 a.for_owner_link:hover .for_owner_btn {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #ef710a;
}
main.main_aboutus #aboutus_2 table.table {
width: 100%;
max-width: 920px;
margin: 0 auto;
}
main.main_aboutus #aboutus_2 table.table caption {
font-size: 0.8rem;
}
main.main_aboutus #aboutus_2 table.table th, main.main_aboutus #aboutus_2 table.table td {
padding: 1.4rem 0.75rem;
vertical-align: top;
border-bottom: 1px solid #525972;
}
main.main_aboutus #aboutus_2 table.table tr {
width: 100%;
}
main.main_aboutus #aboutus_2 table.table tr:last-child th, main.main_aboutus #aboutus_2 table.table tr:last-child td {
border-bottom: none;
}
main.main_aboutus #aboutus_2 table.table th {
width: 8em;
}
main.main_aboutus #aboutus_2 table.table tbody {
font-size: 1.65rem;
letter-spacing: .025em;
color: #3a4e54;
font-weight: bold;
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_2 table.table tbody {
font-size: 1.4rem;
}
}
main.main_aboutus #aboutus_2 ul {
list-style-type: disc;
}
main.main_aboutus #aboutus_2 li {
color: #ea8686;
}
main.main_aboutus #aboutus_2 li span {
color: #63331e;
}
main.main_aboutus #aboutus_2 .box {
max-width: 920px;
background: #fff;
border: 2px solid #525972;
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin: 32px auto;
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_2 .box {
padding: 16px;
margin: 16px auto;
}
}
main.main_aboutus #aboutus_2 .box a {
display: inline-block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
main.main_aboutus #aboutus_2 .box a img {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
main.main_aboutus #aboutus_2 .box a:hover img {
opacity: .56;
}
main.main_aboutus #aboutus_2 .box .txt_line {
text-align: left;
font-size: 1.6rem;
line-height: 2.2;
letter-spacing: 0.025em;
margin-top: 16px;
}
main.main_aboutus #aboutus_2 .box .txt_line p {
font-size: 1.6rem;
line-height: 2.2;
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_2 .box .txt_line p {
font-size: 1.6rem;
line-height: 1.8;
}
}
main.main_aboutus #aboutus_lead {
padding-top: 50px;
padding-bottom: 68px;
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_lead {
padding: 50px 15px 68px;
}
}
main.main_aboutus #aboutus_lead .wrap {
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 570px;
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/aboutus/aboutus_bg1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_lead .wrap {
padding: 15px;
}
}
main.main_aboutus #aboutus_lead .wrap .tit {
font-weight: normal;
font-size: 3.9rem;
line-height: 1.6;
margin-bottom: 24px;
}
@media screen and (max-width: 1050px) {
main.main_aboutus #aboutus_lead .wrap .tit {
font-size: 2.8rem;
}
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_lead .wrap .tit {
font-size: 2.2rem;
line-height: 1.4;
}
}
main.main_aboutus #aboutus_lead .wrap .txt_line p {
font-size: 1.8rem;
line-height: 2.2;
margin-bottom: 0.8em;
}
@media screen and (max-width: 1050px) {
main.main_aboutus #aboutus_lead .wrap .txt_line p {
font-size: 1.8rem;
}
}
@media screen and (max-width: 900px) {
main.main_aboutus #aboutus_lead .wrap .txt_line p {
font-size: 1.5rem;
line-height: 1.8;
}
}
main.main_aboutus #aboutus_lead .wrap .txt_line p:last-child {
margin-bottom: 0;
} #aboutus_3 {
position: relative;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/aboutus_2_bg.jpg);
padding: 50px 0 40px;
}
#aboutus_3 .skew-yane::before {
position: absolute;
height: 80px;
top: -40px;
left: 0;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/aboutus_2_bg.jpg);
-webkit-transform: skewY(-3.5deg);
-ms-transform: skewY(-3.5deg);
transform: skewY(-3.5deg);
content: "";
width: 50.1%;
}
#aboutus_3 .skew-yane::after {
position: absolute;
height: 80px;
top: -40px;
left: auto;
right: 0;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/aboutus_2_bg.jpg);
-webkit-transform: skewY(3.5deg);
-ms-transform: skewY(3.5deg);
transform: skewY(3.5deg);
content: "";
width: 50.1%;
}
#aboutus_3 .topics_top {
margin-top: -50px;
}
#aboutus_3 .container {
max-width: 920px;
margin: 0 auto;
padding: 0 16px 50px;
}
#aboutus_3 .container a {
color: #1378BC;
}
#aboutus_3 tbody {
font-size: 0.98rem;
color: #63331e;
font-weight: bold;
}
@media screen and (max-width: 900px) {
#aboutus_3 tbody {
font-size: 0.76rem;
}
}
#aboutus_3 caption {
font-size: 0.8rem;
}
#aboutus_3 .table td {
padding: 1rem 0.75rem;
vertical-align: top;
}
@media screen and (max-width: 900px) {
#aboutus_3 .table td {
width: 1%;
}
}
#aboutus_3 ul {
list-style-type: disc;
}
#aboutus_3 li {
color: #ea8686;
}
#aboutus_3 li span {
color: #63331e;
}
#staff_01 {
position: relative;
padding-bottom: 80px;
}
#staff_01 .skew-yane::before {
position: absolute;
height: 80px;
top: -40px;
left: 0;
-webkit-transform: skewY(-3.5deg);
-ms-transform: skewY(-3.5deg);
transform: skewY(-3.5deg);
content: "";
width: 50.1%;
}
@media screen and (max-width: 900px) {
#staff_01 .skew-yane::before {
height: 70px;
z-index: 1;
}
}
#staff_01 .skew-yane::after {
position: absolute;
height: 80px;
top: -40px;
left: auto;
right: 0;
-webkit-transform: skewY(3.5deg);
-ms-transform: skewY(3.5deg);
transform: skewY(3.5deg);
content: "";
width: 50.1%;
}
@media screen and (max-width: 900px) {
#staff_01 .skew-yane::after {
height: 70px;
z-index: 1;
}
}
#staff_01 .skew-yane::before {
background: white;
}
#staff_01 .skew-yane::after {
background: white;
}
#staff_01 .container {
max-width: 1020px;
}
#staff_01 .row {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#staff_01 .staff-status h3 {
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-size: 1.8rem;
font-weight: 600;
margin: 20px 0 10px;
}
#staff_01 .staff-status span {
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
color: #ef710a;
font-size: 1.6rem;
font-weight: 500;
}
#staff_01 .staff-status p {
font-size: 1.5rem;
margin-top: 8px;
line-height: 1.8;
}
main.main_philosophy .sec_philo1 {
padding-top: 50px;
padding-bottom: 68px;
}
main.main_philosophy .sec_philo1 .wrap {
max-width: 1100px;
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 700px;
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/aboutus/philo_bg1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .wrap {
padding: 24px;
}
}
main.main_philosophy .sec_philo1 .blk_philo {
margin-bottom: 64px;
}
main.main_philosophy .sec_philo1 .blk_philo .tit_philo {
font-size: 2.8rem;
font-weight: 200;
line-height: 1;
padding: 20px 0;
margin-bottom: 40px;
position: relative;
border-bottom: 3px solid #e5e5e5;
color: #0d3387;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .blk_philo .tit_philo {
font-size: 2rem;
padding: 12px 0;
margin-bottom: 24px;
}
}
main.main_philosophy .sec_philo1 .blk_philo .tit_philo::after {
position: absolute;
width: 0;
bottom: -3px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
height: 3px;
background: #0d3387;
}
main.main_philosophy .sec_philo1 .blk_philo .is-show:after {
width: 350px;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .blk_philo .is-show:after {
width: 30%;
}
}
main.main_philosophy .sec_philo1 .blk_philosophy {
text-align: center;
}
main.main_philosophy .sec_philo1 .blk_philosophy > .tit {
color: #0d3387;
font-family: ten-mincho-text, serif;
font-size: 2.8rem;
line-height: 2;
margin: 8px auto;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .blk_philosophy > .tit {
font-size: 2.0rem;
}
}
main.main_philosophy .sec_philo1 .blk_philosophy > .tit span {
font-size: 3.9rem;
font-weight: normal;
display: block;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .blk_philosophy > .tit span {
font-size: 2.8rem;
}
}
main.main_philosophy .sec_philo1 .blk_vision .txt_line {
max-width: 920px;
margin: 0 auto;
padding: 40px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 280px;
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/aboutus/philo_mission_bg1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
main.main_philosophy .sec_philo1 .blk_vision .txt_line p {
margin: 24px auto;
font-family: ten-mincho-text, serif;
font-size: 1.9rem;
line-height: 1.9;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .blk_vision .txt_line p {
font-size: 1.8rem;
line-height: 1.6;
}
}
main.main_philosophy .sec_philo1 .blk_mission .txt_line {
max-width: 920px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
main.main_philosophy .sec_philo1 .blk_mission .txt_line p {
margin: 0 auto;
font-size: 1.5rem;
font-family: ten-mincho-text, serif;
line-height: 2;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .blk_mission .txt_line p {
line-height: 1.6;
}
}
main.main_philosophy .sec_philo1 #anker_message {
margin-top: -68px;
padding-top: 68px;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 #anker_message {
margin-top: -102px;
padding-top: 102px;
}
}
main.main_philosophy .sec_philo1 .blk_message {
max-width: 1100px;
}
main.main_philosophy .sec_philo1 .blk_message .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .blk_message .lo1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
}
}
main.main_philosophy .sec_philo1 .blk_message .lo1 .tmb {
margin-right: 40px;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .blk_message .lo1 .tmb {
max-width: 60%;
margin: 24px auto 40px;
}
}
main.main_philosophy .sec_philo1 .blk_message .lo1 .txt .txt_line {
max-width: 920px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_philosophy .sec_philo1 .blk_message .lo1 .txt .txt_line p {
margin: 0 auto;
font-size: 1.6rem;
line-height: 2.2;
margin-bottom: 1.6em;
}
@media screen and (max-width: 900px) {
main.main_philosophy .sec_philo1 .blk_message .lo1 .txt .txt_line p {
line-height: 1.8;
}
}
main.main_philosophy .sec_philo1 .blk_message .lo1 .txt .txt_line p:last-child {
margin-bottom: 0;
}
main.main_philosophy .sec_philo1 .blk_message .lo1 .txt .txt_line p.name {
text-align: right;
margin: 24px auto;
font-family: ten-mincho-text, serif;
font-size: 2.1rem;
}
main.main_outline .sec_outline .wrap {
max-width: 1100px;
}
main.main_outline .sec_outline .ul_table_std {
width: 1000px;
margin: 40px auto 40px;
}
@media (max-width: 899px) {
main.main_outline .sec_outline .ul_table_std {
width: auto;
}
}
main.main_outline .sec_outline .ul_table_std > li {
width: 100%;
}
main.main_outline .sec_outline .ul_table_std > li > dl {
width: 100%;
display: table;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dt, main.main_outline .sec_outline .ul_table_std > li > dl > dd {
font-size: 1.6rem;
line-height: 1.4;
padding: 16px 8px 18px 16px;
vertical-align: top;
display: table-cell;
border-bottom: 1px solid #ededed;
color: #3a4e54;
}
@media (max-width: 899px) {
main.main_outline .sec_outline .ul_table_std > li > dl > dt, main.main_outline .sec_outline .ul_table_std > li > dl > dd {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
main.main_outline .sec_outline .ul_table_std > li > dl > dt {
width: 14em;
letter-spacing: .16em;
}
@media (max-width: 899px) {
main.main_outline .sec_outline .ul_table_std > li > dl > dt {
width: 8em;
padding-bottom: 8px;
letter-spacing: normal;
}
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd a {
color: #0d3387;
text-decoration: underline;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd a.btn_googlemap {
font-size: 1.4rem;
padding: 10px 14px;
position: relative;
display: block;
text-decoration: none;
text-align: center;
background-color: #0d3387;
line-height: 1;
border-radius: 24px;
max-width: 120px;
color: #fff;
margin: 8px 0 0;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd a.btn_googlemap:hover {
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #ef710a;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd ul.ul_li01 > li {
margin-bottom: 8px;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd ul.ul_li01 > li:last-child {
margin-bottom: 0;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd ul.ul_works > li {
margin-bottom: 24px;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd ul.ul_works > li:last-child {
margin-bottom: 0;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd ul.ul_works > li > dl > dt, main.main_outline .sec_outline .ul_table_std > li > dl > dd ul.ul_works > li > dl > dd {
line-height: 1.6;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd ul.ul_works > li > dl > dt {
margin-bottom: 6px;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd ul.ul_works > li > dl > dd {
margin-bottom: 12px;
}
main.main_outline .sec_outline .ul_table_std > li > dl > dd ul.ul_works > li > dl > dd:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 900px) {
main.main_outline .sec_history {
margin-top: -72px;
padding-top: 72px;
}
}
@media (max-width: 899px) {
main.main_outline .sec_history .ul_history > li > dl > dt {
width: 6em;
}
}
@media screen and (min-width: 900px) {
main.main_outline .sec_access {
margin-top: -72px;
padding-top: 72px;
}
}
main.main_outline .sec_access .blk_access1 .dl_date {
margin: 24px auto;
}
main.main_outline .sec_access .blk_access1 .dl_date dt, main.main_outline .sec_access .blk_access1 .dl_date dd {
font-size: 1.6rem;
font-weight: bold;
margin: 8px 0;
}
main.main_outline .sec_access .blk_access1 .googlemap {
margin: 24px auto;
}
main.main_outline .sec_access .blk_access1 .googlemap iframe {
max-width: 1100px;
width: 100%;
height: 250px;
}
main.main_outline .sec_access .blk_access1 .ul_route {
margin: 16px auto 32px;
}
main.main_outline .sec_access .blk_access1 .ul_route > li {
margin-bottom: 32px;
}
@media screen and (max-width: 900px) {
main.main_outline .sec_access .blk_access1 .ul_route > li {
margin-bottom: 32px;
}
}
main.main_outline .sec_access .blk_access1 .ul_route > li > dl {
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_outline .sec_access .blk_access1 .ul_route > li > dl {
text-align: left;
}
}
main.main_outline .sec_access .blk_access1 .ul_route > li > dl > dt, main.main_outline .sec_access .blk_access1 .ul_route > li > dl > dd {
line-height: 1.8;
}
main.main_outline .sec_access .blk_access1 .ul_route > li > dl > dt {
font-size: 1.7rem;
color: #0d3387;
margin-bottom: .4em;
}
main.main_outline .sec_access .blk_access1 .ul_route > li > dl > dd {
font-size: 1.6rem;
} @media screen and (max-width: 900px) {
main.main_guide .main_tit_guide {
margin-bottom: 24px;
}
}
main.main_guide .main_tit_guide .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_guide .main_tit_guide .tit_main01 {
margin-top: -56px;
}
}
main.main_guide .main_tit_guide .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 235px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
main.main_guide .main_tit_guide .tit_main01:before {
background-size: cover;
}
}
@media screen and (max-width: 900px) {
main.main_guide .main_tit_guide .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_guide .main_tit_guide .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_guide .main_tit_guide .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_guide .main_tit_guide .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_guide .sec_guide .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_guide .sec_guide .tit_sec03 {
padding: 8px 0;
}
}
main.main_guide .sec_guide .tit_sec03:before, main.main_guide .sec_guide .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 900px) {
main.main_guide .sec_guide .tit_sec03:before, main.main_guide .sec_guide .tit_sec03:after {
display: none;
}
}
main.main_guide .sec_guide .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_guide .sec_guide .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_guide .sec_guide .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_guide .sec_guide .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_guide .sec_guide .tit_sec03 > .tit {
font-weight: 800;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_guide .sec_guide .tit_sec03 > .tit {
font-size: 3.2rem;
}
}
main.main_guide .sec_guide .tit_sec03 > .tit2 {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_guide .sec_guide .tit_sec03 > .tit2 span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_guide .sec_guide .tit_sec03 > .tit2 {
font-size: 2rem;
}
main.main_guide .sec_guide .tit_sec03 > .tit2 span {
font-size: 2.6rem;
}
}
main.main_guide .sec_guide .btn_mailform {
display: block;
position: relative;
text-align: center;
padding: 14px;
border-radius: 24px;
max-width: 260px;
margin: 16px 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
line-height: 1;
font-size: 1.6rem;
letter-spacing: 0.025em;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
background-color: #E5E5E5;
color: #2B2B2B;
}
@media screen and (max-width: 900px) {
main.main_guide .sec_guide .btn_mailform {
padding: 10px 12px;
}
}
main.main_guide .sec_guide .btn_mailform:after {
content: "";
display: inline-block;
width: 11px; height: 13px; background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_arr_main.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
right: 18px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
main.main_guide .sec_guide .btn_mailform:hover {
color: #fff;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #ef710a;
}
main.main_guide .sec_guide .btn_mailform:hover:after {
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_arr_w.svg);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 12px;
}
main.main_guide #guide_feat .ul_feat {
margin: 40px auto 80px;
}
@media screen and (min-width: 900px) {
main.main_guide #guide_feat .ul_feat {
width: 1000px;
}
}
@media screen and (max-width: 1240px) {
main.main_guide #guide_feat .ul_feat {
width: auto;
max-width: 1000px;
}
}
@media screen and (max-width: 900px) {
main.main_guide #guide_feat .ul_feat {
margin: 20px auto 40px;
}
}
main.main_guide #guide_feat .ul_feat > li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
@media screen and (max-width: 900px) {
main.main_guide #guide_feat .ul_feat > li {
margin-bottom: 24px;
}
}
main.main_guide #guide_feat .ul_feat > li:last-child {
margin-bottom: 0;
}
main.main_guide #guide_feat .ul_feat > li:nth-child(even) {
margin-left: 56px;
}
@media screen and (max-width: 1240px) {
main.main_guide #guide_feat .ul_feat > li:nth-child(even) {
margin-left: 32px;
}
}
@media screen and (max-width: 900px) {
main.main_guide #guide_feat .ul_feat > li:nth-child(even) {
margin-left: 0;
}
}
main.main_guide #guide_feat .ul_feat > li .tit {
margin-right: 32px;
}
@media screen and (max-width: 1240px) {
main.main_guide #guide_feat .ul_feat > li .tit {
margin-right: 12px;
width: 22%;
}
}
@media screen and (max-width: 900px) {
main.main_guide #guide_feat .ul_feat > li .tit {
margin-right: 8px;
width: 30%;
}
}
main.main_guide #guide_feat .ul_feat > li .txt_line {
font-size: 2.4rem;
font-weight: 700;
line-height: 1.6;
}
@media screen and (max-width: 1240px) {
main.main_guide #guide_feat .ul_feat > li .txt_line {
width: 78%;
font-size: 2rem;
}
}
@media screen and (max-width: 900px) {
main.main_guide #guide_feat .ul_feat > li .txt_line {
width: 70%;
font-size: 1.8rem;
line-height: 1.4;
}
}
main.main_guide #guide_feat .ul_feat > li .txt_line b {
color: #f78700;
}
main.main_guide #guide_flow .ol_flow {
margin: 40px auto 80px;
}
@media screen and (min-width: 900px) {
main.main_guide #guide_flow .ol_flow {
width: 1000px;
}
}
@media screen and (max-width: 1240px) {
main.main_guide #guide_flow .ol_flow {
width: auto;
max-width: 1000px;
}
}
main.main_guide #guide_flow .ol_flow > li {
margin-bottom: 48px;
position: relative; }
@media screen and (min-width: 900px) {
main.main_guide #guide_flow .ol_flow > li {
padding-left: 120px;
}
}
@media screen and (max-width: 900px) {
main.main_guide #guide_flow .ol_flow > li {
padding-left: 70px;
margin-bottom: 24px;
}
}
main.main_guide #guide_flow .ol_flow > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 78px;
height: 78px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/ol_numb01.svg) center center/contain no-repeat;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 900px) {
main.main_guide #guide_flow .ol_flow > li:before {
width: 56px;
height: 56px;
}
}
main.main_guide #guide_flow .ol_flow > li:nth-child(2):before {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/ol_numb02.svg) center center/contain no-repeat;
}
main.main_guide #guide_flow .ol_flow > li:nth-child(3):before {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/ol_numb03.svg) center center/contain no-repeat;
}
main.main_guide #guide_flow .ol_flow > li:nth-child(4):before {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/ol_numb04.svg) center center/contain no-repeat;
}
main.main_guide #guide_flow .ol_flow > li:nth-child(5):before {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/ol_numb05.svg) center center/contain no-repeat;
}
main.main_guide #guide_flow .ol_flow > li:nth-child(6):before {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/ol_numb06.svg) center center/contain no-repeat;
}
main.main_guide #guide_flow .ol_flow > li:nth-child(7):before {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/ol_numb07.svg) center center/contain no-repeat;
}
main.main_guide #guide_flow .ol_flow > li:nth-child(8):before {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/ol_numb08.svg) center center/contain no-repeat;
}
main.main_guide #guide_flow .ol_flow > li:last-child {
margin-bottom: 0;
}
main.main_guide #guide_flow .ol_flow > li:last-child:after {
display: none;
}
main.main_guide #guide_flow .ol_flow > li > .tit {
color: #003977;
font-size: 2.6rem;
line-height: 1.8;
letter-spacing: 0.025em;
padding: 0.4em 0.2em;
border-bottom: 1px solid #776a67;
}
@media screen and (max-width: 900px) {
main.main_guide #guide_flow .ol_flow > li > .tit {
font-size: 2.2rem;
}
}
main.main_guide #guide_flow .ol_flow > li .txt_line {
font-size: 1.6rem;
line-height: 2.2;
letter-spacing: 0.01em;
padding: 0.8em 0.2em;
}
@media screen and (max-width: 900px) {
main.main_guide #guide_flow .ol_flow > li .txt_line {
font-size: 1.4rem;
line-height: 1.8;
}
}
main.main_guide #guide_flow .ol_flow > li .txt_line .tmb {
margin: 32px auto;
}
@media screen and (max-width: 900px) {
main.main_guide #guide_flow .ol_flow > li .txt_line .tmb {
margin: 24px auto 24px -70px;
}
}
main.main_guide #guide_flow .ol_flow > li .txt_line .tmb img {
border-radius: 12px;
}
@media screen and (max-width: 900px) {
main.main_guide #guide_flow .ol_flow > li .txt_line .tmb img {
border-radius: 8px;
}
}
main.main_guide #guide_flow .ol_flow > li .txt_line p {
line-height: 2.2;
}
@media screen and (max-width: 900px) {
main.main_guide #guide_flow .ol_flow > li .txt_line p {
line-height: 1.8;
}
}
main.main_guide #guide_flow .ol_flow > li .blk_tel {
margin: 8px 16px 16px -16px;
}
main.main_guide #guide_flow .ol_flow > li .blk_tel a.js_tel02 {
display: inline-block;
padding: 8px 16px;
color: #0d3387;
color: #333;
}
main.main_guide #guide_flow .ol_flow > li .blk_tel a.js_tel02 span.p_tel {
display: inline-block;
position: relative;
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 2.8rem;
line-height: 1;
}
@media screen and (max-width: 900px) {
main.main_guide #guide_flow .ol_flow > li .blk_tel a.js_tel02 span.p_tel {
font-size: 2em;
}
}
main.main_guide #guide_flow .ol_flow > li .blk_tel a.js_tel02 span.p_tel:before {
content: "";
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/contact/icn_tel.svg);
background-size: contain;
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
margin-right: 0.2em;
margin-bottom: 0.1em;
}
main.main_guide #guide_flow .ol_flow > li .blk_tel a.js_tel02:hover {
text-decoration: none;
color: #ef710a;
}
main.main_guide #guide_flow .ol_flow > li .blk_tel a.js_tel02:hover span.p_tel {
text-decoration: none;
}
main.main_guide #guide_flow .cp_arrows *,
main.main_guide #guide_flow .cp_arrows *:before,
main.main_guide #guide_flow .cp_arrows *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_guide #guide_flow .cp_arrows {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 220px; margin: -70px auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 78px;
top: 80px;
}
@media screen and (max-width: 768px) {
main.main_guide #guide_flow .cp_arrows {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_guide #guide_flow .cp_arrows {
left: 66px;
top: 50px;
}
}
main.main_guide #guide_flow .cp_arrows .cp_arrow {
position: absolute;
top: 48%; right: 49px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
@media screen and (max-width: 767px) {
main.main_guide #guide_flow .cp_arrows .cp_arrow {
right: 35px;
}
}
main.main_guide #guide_flow .cp_arrows .cp_arrowfirst {
-webkit-animation: arrow-move08 2s ease-in-out infinite;
animation: arrow-move08 2s ease-in-out infinite;
}
main.main_guide #guide_flow .cp_arrows .cp_arrowsecond {
-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
animation: arrow-move08 2s 1s ease-in-out infinite;
}
main.main_guide #guide_flow .cp_arrows .cp_arrow:before,
main.main_guide #guide_flow .cp_arrows .cp_arrow:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 20px;
height: 4px;
content: '';
background: #7db8d8;
}
main.main_guide #guide_flow .cp_arrows .cp_arrow:before {
-webkit-transform: rotate(45deg) translateX(-12%);
-ms-transform: rotate(45deg) translateX(-12%);
transform: rotate(45deg) translateX(-12%);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
main.main_guide #guide_flow .cp_arrows .cp_arrow:after {
-webkit-transform: rotate(-45deg) translateX(12%);
-ms-transform: rotate(-45deg) translateX(12%);
transform: rotate(-45deg) translateX(12%);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
@-webkit-keyframes arrow-move08 {
0% {
top: 40%; opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes arrow-move08 {
0% {
top: 40%; opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
} main.main_cat_service .main_tit_service {
min-height: 350px;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/service/rpa/main_bg_rpa.jpg) center bottom/cover no-repeat;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
main.main_cat_service .main_tit_service:before {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
left: 0;
top: 0;
}
main.main_cat_service .main_tit_service .wrap {
min-height: 310px;
padding: 40px 0 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
main.main_cat_service .main_tit_service .wrap .tit_main02 {
max-width: 564px;
margin: 0 auto 16px;
border: 2px solid #fff;
padding: 12px;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
font-weight: 900;
}
@media screen and (max-width: 900px) {
main.main_cat_service .main_tit_service .wrap .tit_main02 {
max-width: inherit;
}
}
main.main_cat_service .main_tit_service .wrap .tit_main02 .title {
font-size: 4.8rem;
line-height: 1;
letter-spacing: 0.05em;
font-weight: 900;
}
@media screen and (max-width: 900px) {
main.main_cat_service .main_tit_service .wrap .tit_main02 .title {
font-size: 4rem;
}
}
main.main_cat_service .main_tit_service .wrap .tit_main02 .att {
font-size: 2.6rem;
line-height: 1.4;
}
@media screen and (max-width: 900px) {
main.main_cat_service .main_tit_service .wrap .tit_main02 .att {
font-size: 2rem;
}
}
main.main_cat_service .main_tit_service .wrap .desc {
padding: 0 0 16px;
font-size: 2rem;
font-weight: bold;
line-height: 1.8;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
}
@media screen and (max-width: 900px) {
main.main_cat_service .main_tit_service .wrap .desc {
font-size: 1.6rem;
line-height: 1.6;
}
}
main.main_cat_service .main_tit_service #breadcrumb {
width: 100%;
background: #fff;
position: static;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
z-index: 100;
}
main.main_cat_service .main_tit_service #breadcrumb > ul {
max-width: 1100px;
}
main.main_cat_service .sec_cat_service .blk_lead > .lo1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
main.main_cat_service .sec_cat_service .blk_lead > .lo1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
main.main_cat_service .sec_cat_service .blk_lead > .lo1 .tmb {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
@media screen and (max-width: 900px) {
main.main_cat_service .sec_cat_service .blk_lead > .lo1 .tmb {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
text-align: center;
margin-bottom: 32px;
}
}
main.main_cat_service .sec_cat_service .blk_lead > .lo1 .txt {
max-width: 660px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
@media screen and (max-width: 1050px) {
main.main_cat_service .sec_cat_service .blk_lead > .lo1 .txt {
padding-right: 24px;
}
}
@media screen and (max-width: 900px) {
main.main_cat_service .sec_cat_service .blk_lead > .lo1 .txt {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
}
main.main_cat_service .sec_cat_service .blk_lead > .lo1 .txt .txt_line {
font-size: 1.6rem;
}
main.main_cat_service .sec_cat_service .blk_lead > .lo1 .txt .txt_line p {
line-height: 2;
margin-bottom: 1.6em;
}
main.main_cat_service .sec_cat_service .blk_lead > .lo1 .txt .txt_line p:last-child {
margin-bottom: 0;
}
main.main_service .sec_service1 .box {
max-width: 600px;
margin: 56px auto 40px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e5e5e5;
background: #fff;
padding: 16px;
}
@media screen and (max-width: 900px) {
main.main_service .sec_service1 .box {
max-width: 80%;
}
}
main.main_service .sec_service1 .box p {
font-size: 1.5rem;
line-height: 2;
}
@media screen and (max-width: 900px) {
main.main_service .sec_service1 .box p {
font-size: 1.4rem;
}
}
@media screen and (max-width: 900px) {
main.main_roofchange .main_tit_roofchange {
margin-bottom: 24px;
}
}
main.main_roofchange .main_tit_roofchange .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_roofchange .main_tit_roofchange .tit_main01 {
margin-top: -56px;
}
}
main.main_roofchange .main_tit_roofchange .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
main.main_roofchange .main_tit_roofchange .tit_main01:before {
background-size: cover;
}
}
@media screen and (max-width: 900px) {
main.main_roofchange .main_tit_roofchange .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_roofchange .main_tit_roofchange .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_roofchange .main_tit_roofchange .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_roofchange .main_tit_roofchange .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_roofchange .sec_roofchange .wrap {
z-index: 100;
position: relative;
padding: 0 0;
}
@media screen and (max-width: 900px) {
main.main_roofchange .sec_roofchange .wrap {
margin: 0 24px;
}
}
main.main_roofchange .sec_roofchange .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_roofchange .sec_roofchange .tit_sec03 {
padding: 8px 0;
}
}
main.main_roofchange .sec_roofchange .tit_sec03:before, main.main_roofchange .sec_roofchange .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main.main_roofchange .sec_roofchange .tit_sec03:before, main.main_roofchange .sec_roofchange .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_roofchange .sec_roofchange .tit_sec03:before, main.main_roofchange .sec_roofchange .tit_sec03:after {
display: none;
}
}
main.main_roofchange .sec_roofchange .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_roofchange .sec_roofchange .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_roofchange .sec_roofchange .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_roofchange .sec_roofchange .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_roofchange .sec_roofchange .tit_sec03 > .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
line-height: 1.4;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_roofchange .sec_roofchange .tit_sec03 > .tit span {
line-height: 1.4;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_roofchange .sec_roofchange .tit_sec03 > .tit {
font-size: 2rem;
}
main.main_roofchange .sec_roofchange .tit_sec03 > .tit span {
font-size: 2.6rem;
}
}
main.main_roofchange #rc_lead {
padding-bottom: 70px;
}
main.main_roofchange #rc_lead .blk_lead .txt_line {
font-size: 1.6rem;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
text-align: center;
}
main.main_roofchange #rc_lead .blk_lead .txt_line p {
font-size: 1.6rem;
line-height: 2;
}
main.main_roofchange #rc_lead .ul_beforeafter {
max-width: 1000px;
margin: 40px auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main.main_roofchange #rc_lead .ul_beforeafter > li {
width: 42%;
margin: 0 4% 4%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_lead .ul_beforeafter > li {
width: 92%;
margin-bottom: 12%;
}
}
main.main_roofchange #rc_lead .ul_beforeafter > li:last-child {
margin-bottom: 0;
}
main.main_roofchange #rc_lead .ul_beforeafter > li .photoba {
text-align: center;
}
main.main_roofchange #rc_lead .ul_beforeafter > li .photoba .label {
font-size: 2.5rem;
font-family: source-sans-pro, sans-serif;
font-weight: 600;
letter-spacing: 0.1em;
}
main.main_roofchange #rc_lead .ul_beforeafter > li .photoba .cap {
font-size: 1.9rem;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_lead .ul_beforeafter > li .photoba .cap {
font-size: 1.6rem;
}
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_lead .ul_beforeafter > li .before {
width: 92%;
margin: 0 auto 4%;
}
}
main.main_roofchange #rc_lead .ul_beforeafter > li .before .label {
color: #b10000;
}
main.main_roofchange #rc_lead .ul_beforeafter > li .before .tmb img {
border: 3px solid #b10000;
}
main.main_roofchange #rc_lead .ul_beforeafter > li .after .label {
color: #1378bc;
}
main.main_roofchange #rc_lead .ul_beforeafter > li .after .tmb img {
border: 3px solid #1378bc;
}
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows *,
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows *:before,
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 220px; margin: -70px auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows {
display: none;
}
}
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows .cp_arrow {
position: absolute;
top: 48%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows .cp_arrowfirst,
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows .cp_arrowsecond {
width: 48px;
height: 28px;
content: '';
display: block;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/icn_arr_ba.svg) no-repeat;
background-position: right center;
}
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows .cp_arrowfirst {
-webkit-animation: arrow-move08 2s ease-in-out infinite;
animation: arrow-move08 2s ease-in-out infinite;
}
main.main_roofchange #rc_lead .ul_beforeafter .cp_arrows .cp_arrowsecond {
-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
animation: arrow-move08 2s 1s ease-in-out infinite;
}
@keyframes arrow-move08 {
0% {
top: 40%; opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
main.main_roofchange #rc_trouble {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 90px;
padding-bottom: 120px;
}
main.main_roofchange #rc_trouble:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane.svg) center top repeat-x;
z-index: 0;
}
main.main_roofchange #rc_trouble .blk_trouble .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
margin-bottom: 24px;
}
main.main_roofchange #rc_trouble .blk_trouble .tit span {
font-size: 2.8rem;
color: #e23434;
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_trouble .blk_trouble .tit {
font-size: 2rem;
margin-bottom: 40px;
}
main.main_roofchange #rc_trouble .blk_trouble .tit span {
font-size: 2.6rem;
}
}
main.main_roofchange #rc_trouble .blk_trouble .ul_cheack > li {
font-size: 1.8rem;
font-family: 'tbcinergothic-std';
color: #e23434;
line-height: 1.8;
letter-spacing: 0.025em;
position: relative;
padding: 2px 0 0px 48px;
margin: 4px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_roofchange #rc_trouble .blk_trouble .ul_cheack > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 7px;
}
main.main_roofchange #rc_trouble .blk_trouble .ul_std1 {
max-width: 700px;
min-height: 200px;
position: relative;
padding-left: 260px;
margin: 24px auto 32px;
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_trouble .blk_trouble .ul_std1 {
padding-left: 160px;
}
}
main.main_roofchange #rc_trouble .blk_trouble .ul_std1:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 180px;
height: 180px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/trouble_tmb1.png) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: -16px;
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_trouble .blk_trouble .ul_std1:before {
width: 120px;
height: 120px;
top: 32px;
}
}
main.main_roofchange #rc_trouble .blk_trouble .ul_std2 {
max-width: 700px;
min-height: 200px;
position: relative;
padding-right: 260px;
margin: 24px auto 32px;
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_trouble .blk_trouble .ul_std2 {
padding-right: 160px;
}
}
main.main_roofchange #rc_trouble .blk_trouble .ul_std2:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 180px;
height: 180px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/trouble_tmb2.png) center center no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: -16px;
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_trouble .blk_trouble .ul_std2:before {
width: 120px;
height: 120px;
top: 32px;
}
}
main.main_roofchange #rc_trouble .ul_merit {
max-width: 1000px;
margin: 0 auto;
}
main.main_roofchange #rc_trouble .ul_merit > li {
min-height: 240px;
padding: 24px 32px;
background: #fff;
border: 2px solid #666;
margin-bottom: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-position: 32px 24px;
background-size: 137px 24px;
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_trouble .ul_merit > li {
padding: 16px 16px;
}
}
main.main_roofchange #rc_trouble .ul_merit > li:last-child {
margin-bottom: 0;
}
main.main_roofchange #rc_trouble .ul_merit > li .tit {
font-family: 'tbcinergothic-std';
font-size: 22px;
padding: 40px 0 24px;
}
main.main_roofchange #rc_trouble .ul_merit > li .tit.h_line01 {
position: relative;
margin: 0 0 24px;
}
main.main_roofchange #rc_trouble .ul_merit > li .tit.h_line01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 103px;
height: 24px;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/sc_pt1.svg) 0 0 no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 0;
}
main.main_roofchange #rc_trouble .ul_merit > li .tit.h_line01:after {
content: "";
width: 92px;
height: 3px;
background: #555;
position: absolute;
bottom: 0;
left: 0;
}
main.main_roofchange #rc_trouble .ul_merit > li .txt_line {
font-size: 1.6rem;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
}
main.main_roofchange #rc_trouble .ul_merit > li .txt_line p {
font-size: 1.6rem;
line-height: 2;
}
main.main_roofchange #rc_trouble .ul_merit > li:nth-child(2) .tit:before {
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/sc_pt2.svg);
}
main.main_roofchange #rc_trouble .ul_merit > li:nth-child(3) .tit:before {
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/sc_pt3.svg);
}
main.main_roofchange #rc_trouble .ul_merit > li:nth-child(4) .tit:before {
background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/sc_pt4.svg);
}
main.main_roofchange #rc_process {
position: relative;
padding-bottom: 70px;
}
main.main_roofchange #rc_process.skew-yane:before, main.main_roofchange #rc_process.skew-yane:after {
top: -40px;
z-index: 1;
}
main.main_roofchange #rc_process .txt_line {
font-size: 1.6rem;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
text-align: center;
margin-bottom: 40px;
}
main.main_roofchange #rc_process .txt_line p {
font-size: 1.6rem;
line-height: 2;
}
@media screen and (min-width: 1680px) {
main.main_roofchange #rc_process .process_det {
margin: 0 -100px;
}
}
@media screen and (max-width: 900px) {
main.main_roofchange #rc_process .process_det {
margin: 0;
padding-left: 20px;
padding-right: 70px;
}
}
@media screen and (max-width: 769px) {
main.main_roofchange #rc_process .process_det {
margin: 0;
}
}
main.main_roofchange #rc_process .process_det .proc_li .heading {
position: relative;
margin: 20px 0 36px;
}
main.main_roofchange #rc_process .process_det .proc_li .heading:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 74px;
height: 74px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/icn_proc.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
main.main_roofchange #rc_process .process_det .proc_li .heading .tit {
color: #1378BC;
font-size: 2.4rem;
font-family: 'tbcinergothic-std';
line-height: 1.4;
letter-spacing: 0.25em;
margin: 16px 0 16px 96px;
position: relative;
}
main.main_roofchange #rc_process .process_det .proc_li .heading .tit:after {
content: "";
display: block;
vertical-align: middle;
width: 100%;
height: 8px;
border-bottom: 6px dotted #96c6e0;
position: absolute;
left: 0;
bottom: -16px;
}
main.main_roofchange #rc_process .process_det .proc_li .ol_proc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 16px 0 40px -28px;
counter-reset: number;
}
@media screen and (max-width: 1680px) {
main.main_roofchange #rc_process .process_det .proc_li .ol_proc {
margin-left: -2%;
}
}
@media screen and (max-width: 769px) {
main.main_roofchange #rc_process .process_det .proc_li .ol_proc {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 16px 0 40px;
}
}
main.main_roofchange #rc_process .process_det .proc_li .ol_proc > li {
width: 23%;
margin-left: 2%;
margin-bottom: 24px;
}
main.main_roofchange #rc_process .process_det .proc_li .ol_proc > li img {
width: 100%;
}
@media screen and (max-width: 769px) {
main.main_roofchange #rc_process .process_det .proc_li .ol_proc > li {
width: 48%;
margin-left: 0;
}
}
main.main_roofchange #rc_process .process_det .proc_li .ol_proc > li .tmb figcaption {
font-size: 1.6rem;
font-family: 'tbcinergothic-std';
letter-spacing: 0.025em;
padding: 0.8em 0;
}
main.main_roofchange #rc_process .process_det .proc_li .ol_proc > li .tmb figcaption:before {
counter-increment: number;
content: counter(number) ".";
}
@media screen and (max-width: 900px) {
main.main_amamori-repair .main_tit_amamori-repair {
margin-bottom: 24px;
}
}
main.main_amamori-repair .main_tit_amamori-repair .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair .main_tit_amamori-repair .tit_main01 {
margin-top: -56px;
}
}
main.main_amamori-repair .main_tit_amamori-repair .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/amamori-repair/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
main.main_amamori-repair .main_tit_amamori-repair .tit_main01:before {
background-size: cover;
}
}
@media screen and (max-width: 900px) {
main.main_amamori-repair .main_tit_amamori-repair .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_amamori-repair .main_tit_amamori-repair .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_amamori-repair .main_tit_amamori-repair .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_amamori-repair .main_tit_amamori-repair .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_amamori-repair .sec_amamori-repair .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair .sec_amamori-repair .tit_sec03 {
padding: 8px 0;
}
}
main.main_amamori-repair .sec_amamori-repair .tit_sec03:before, main.main_amamori-repair .sec_amamori-repair .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1240px) {
main.main_amamori-repair .sec_amamori-repair .tit_sec03:before, main.main_amamori-repair .sec_amamori-repair .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_amamori-repair .sec_amamori-repair .tit_sec03:before, main.main_amamori-repair .sec_amamori-repair .tit_sec03:after {
display: none;
}
}
main.main_amamori-repair .sec_amamori-repair .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_amamori-repair .sec_amamori-repair .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_amamori-repair .sec_amamori-repair .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair .sec_amamori-repair .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_amamori-repair .sec_amamori-repair .tit_sec03 > .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_amamori-repair .sec_amamori-repair .tit_sec03 > .tit span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair .sec_amamori-repair .tit_sec03 > .tit {
font-size: 2rem;
}
main.main_amamori-repair .sec_amamori-repair .tit_sec03 > .tit span {
font-size: 2.6rem;
}
}
main.main_amamori-repair #ar_lead {
padding-bottom: 70px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_lead {
padding-bottom: 0px;
}
}
main.main_amamori-repair #ar_lead .blk_lead .txt_line {
font-size: 1.6rem;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
text-align: center;
}
main.main_amamori-repair #ar_lead .blk_lead .txt_line p {
font-size: 1.6rem;
line-height: 2;
}
main.main_amamori-repair #ar_trouble {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 90px;
padding-bottom: 120px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_trouble {
padding-bottom: 60px;
}
}
main.main_amamori-repair #ar_trouble:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane.svg) center top repeat-x;
z-index: 0;
}
main.main_amamori-repair #ar_trouble .blk_trouble .wrap {
margin-top: -80px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_trouble .blk_trouble .wrap {
margin-top: -40px;
}
}
main.main_amamori-repair #ar_trouble .blk_trouble .tit_sec03:before, main.main_amamori-repair #ar_trouble .blk_trouble .tit_sec03:after {
display: none;
}
main.main_amamori-repair #ar_trouble .blk_trouble .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
margin-bottom: 24px;
}
main.main_amamori-repair #ar_trouble .blk_trouble .tit span {
font-size: 2.8rem;
color: #e23434;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_trouble .blk_trouble .tit {
font-size: 2rem;
margin-bottom: 16px;
}
main.main_amamori-repair #ar_trouble .blk_trouble .tit span {
font-size: 2.6rem;
}
}
main.main_amamori-repair #ar_trouble .blk_trouble .ul_cheack > li {
font-size: 1.8rem;
color: #e23434;
line-height: 1.8;
letter-spacing: 0.025em;
position: relative;
padding: 2px 0 0px 48px;
margin: 4px 0;
}
main.main_amamori-repair #ar_trouble .blk_trouble .ul_cheack > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 7px;
}
main.main_amamori-repair #ar_trouble .blk_trouble .ul_std1 {
max-width: 700px;
min-height: 200px;
position: relative;
padding-left: 260px;
margin: 24px auto 32px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_trouble .blk_trouble .ul_std1 {
min-height: 120px;
padding-left: 130px;
margin: 12px auto 16px;
}
}
main.main_amamori-repair #ar_trouble .blk_trouble .ul_std1:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 180px;
height: 180px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/amamori-repair/trouble_tmb1.png) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: -16px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_trouble .blk_trouble .ul_std1:before {
width: 100px;
height: 100px;
top: 32px;
}
}
main.main_amamori-repair #ar_trouble .blk_trouble .ul_std1:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 180px;
height: 180px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/amamori-repair/trouble_tmb2.png) center center no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: -16px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_trouble .blk_trouble .ul_std1:after {
width: 120px;
height: 120px;
top: 32px;
}
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_trouble .blk_merit .tit_sec03 {
margin-bottom: 24px;
}
}
main.main_amamori-repair #ar_trouble .ul_merit {
max-width: 1000px;
margin: 0 auto;
}
main.main_amamori-repair #ar_trouble .ul_merit > li {
min-height: 240px;
background: #fff;
padding: 24px 32px;
border: 2px solid #666;
margin-bottom: 32px;
background-position: 32px 24px;
background-size: 137px 24px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_trouble .ul_merit > li {
padding: 16px 16px;
}
}
main.main_amamori-repair #ar_trouble .ul_merit > li:last-child {
margin-bottom: 0;
}
main.main_amamori-repair #ar_trouble .ul_merit > li .txt_ol {
font-size: 1.7rem;
letter-spacing: 0.025em;
font-weight: 800;
color: #ef7373;
position: relative;
padding-left: 40px;
}
main.main_amamori-repair #ar_trouble .ul_merit > li .txt_ol:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 2px;
}
main.main_amamori-repair #ar_trouble .ul_merit > li .tit {
font-family: 'tbcinergothic-std';
font-size: 22px;
padding: 12px 0 16px;
}
main.main_amamori-repair #ar_trouble .ul_merit > li .tit.h_line01 {
position: relative;
margin: 0 0 24px;
}
main.main_amamori-repair #ar_trouble .ul_merit > li .tit.h_line01:after {
content: "";
width: 92px;
height: 3px;
background: #555;
position: absolute;
bottom: 0;
left: 0;
}
main.main_amamori-repair #ar_trouble .ul_merit > li .txt_line {
font-size: 1.6rem;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
}
main.main_amamori-repair #ar_trouble .ul_merit > li .txt_line p {
font-size: 1.6rem;
line-height: 2;
}
main.main_amamori-repair #ar_trouble .ul_merit > li .ul_genin_det > li {
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
position: relative;
padding-left: 1.6em;
}
main.main_amamori-repair #ar_trouble .ul_merit > li .ul_genin_det > li:before {
color: #ef7373;
content: "●";
position: absolute;
left: 0;
top: 0px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_trouble .ul_merit > li .ul_genin_det > li:before {
top: 0px;
}
}
main.main_amamori-repair #ar_process {
position: relative;
padding-bottom: 70px;
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_process {
padding-bottom: 0px;
}
}
main.main_amamori-repair #ar_process .wrap {
z-index: 100;
position: relative;
}
main.main_amamori-repair #ar_process.skew-yane:before, main.main_amamori-repair #ar_process.skew-yane:after {
top: -40px;
z-index: 1;
}
main.main_amamori-repair #ar_process .txt_line {
font-size: 1.6rem;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
text-align: center;
margin-bottom: 40px;
}
main.main_amamori-repair #ar_process .txt_line p {
font-size: 1.6rem;
line-height: 2;
}
main.main_amamori-repair #ar_process .ul_constr {
max-width: 900px;
margin: 32px auto 80px;
}
main.main_amamori-repair #ar_process .ul_constr > li {
font-size: 1.8rem;
color: #1378bc;
line-height: 1.8;
font-weight: 600;
letter-spacing: 0.025em;
position: relative;
padding: 2px 0 0px 48px;
margin: 12px 0;
}
main.main_amamori-repair #ar_process .ul_constr > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/amamori-repair/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 7px;
}
@media screen and (min-width: 1680px) {
main.main_amamori-repair #ar_process .process_det {
margin: 0 -100px;
}
}
@media screen and (max-width: 900px) {
main.main_amamori-repair #ar_process .process_det {
margin: 0;
}
}
@media screen and (max-width: 769px) {
main.main_amamori-repair #ar_process .process_det {
margin: 0;
}
}
main.main_amamori-repair #ar_process .process_det .proc_li .heading {
position: relative;
margin: 20px 0 36px;
}
main.main_amamori-repair #ar_process .process_det .proc_li .heading:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 74px;
height: 74px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/icn_proc.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
main.main_amamori-repair #ar_process .process_det .proc_li .heading .tit {
color: #1378BC;
font-size: 2.4rem;
font-family: 'tbcinergothic-std';
line-height: 1.4;
letter-spacing: 0.25em;
margin: 16px 0 16px 96px;
position: relative;
}
main.main_amamori-repair #ar_process .process_det .proc_li .heading .tit:after {
content: "";
display: block;
vertical-align: middle;
width: 100%;
height: 8px;
border-bottom: 6px dotted #96c6e0;
position: absolute;
left: 0;
bottom: -16px;
}
main.main_amamori-repair #ar_process .process_det .proc_li .ol_proc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 16px 0 40px -28px;
counter-reset: number;
}
@media screen and (max-width: 1680px) {
main.main_amamori-repair #ar_process .process_det .proc_li .ol_proc {
margin-left: -2%;
}
}
@media screen and (max-width: 769px) {
main.main_amamori-repair #ar_process .process_det .proc_li .ol_proc {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 16px 0 40px;
}
}
main.main_amamori-repair #ar_process .process_det .proc_li .ol_proc > li {
width: 23%;
margin-left: 2%;
margin-bottom: 24px;
}
main.main_amamori-repair #ar_process .process_det .proc_li .ol_proc > li img {
width: 100%;
}
@media screen and (max-width: 769px) {
main.main_amamori-repair #ar_process .process_det .proc_li .ol_proc > li {
width: 48%;
margin-left: 0;
}
}
main.main_amamori-repair #ar_process .process_det .proc_li .ol_proc > li .tmb figcaption {
font-size: 1.6rem;
font-family: 'tbcinergothic-std';
letter-spacing: 0.025em;
padding: 0.8em 0;
}
main.main_amamori-repair #ar_process .process_det .proc_li .ol_proc > li .tmb figcaption:before {
counter-increment: number;
content: counter(number) ".";
}
@media screen and (max-width: 900px) {
main.main_maintenance .main_tit_maintenance {
margin-bottom: 24px;
}
}
main.main_maintenance .main_tit_maintenance .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_maintenance .main_tit_maintenance .tit_main01 {
margin-top: -56px;
}
}
main.main_maintenance .main_tit_maintenance .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/maintenance/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
main.main_maintenance .main_tit_maintenance .tit_main01:before {
background-size: cover;
}
}
@media screen and (max-width: 900px) {
main.main_maintenance .main_tit_maintenance .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_maintenance .main_tit_maintenance .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_maintenance .main_tit_maintenance .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_maintenance .main_tit_maintenance .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_maintenance .sec_maintenance .wrap {
z-index: 100;
position: relative;
padding: 0 0;
}
@media screen and (max-width: 900px) {
main.main_maintenance .sec_maintenance .wrap {
margin: 0 24px;
}
}
main.main_maintenance .sec_maintenance .heading .tit {
color: #1378BC;
font-size: 2.5rem;
font-family: 'tbcinergothic-std';
line-height: 1.4;
letter-spacing: 0.1em;
margin: 24px auto 16px;
text-align: center;
position: relative;
}
main.main_maintenance .sec_maintenance .heading .tit:after {
content: "";
display: block;
vertical-align: middle;
width: 60px;
height: 4px;
background: #77b7db;
margin: 24px auto 0;
}
main.main_maintenance .sec_maintenance .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_maintenance .sec_maintenance .tit_sec03 {
padding: 8px 0;
}
}
main.main_maintenance .sec_maintenance .tit_sec03:before, main.main_maintenance .sec_maintenance .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main.main_maintenance .sec_maintenance .tit_sec03:before, main.main_maintenance .sec_maintenance .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_maintenance .sec_maintenance .tit_sec03:before, main.main_maintenance .sec_maintenance .tit_sec03:after {
display: none;
}
}
main.main_maintenance .sec_maintenance .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_maintenance .sec_maintenance .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_maintenance .sec_maintenance .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_maintenance .sec_maintenance .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_maintenance .sec_maintenance .tit_sec03 > .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
line-height: 1.4;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_maintenance .sec_maintenance .tit_sec03 > .tit span {
line-height: 1.4;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_maintenance .sec_maintenance .tit_sec03 > .tit {
font-size: 2rem;
}
main.main_maintenance .sec_maintenance .tit_sec03 > .tit span {
font-size: 2.6rem;
}
}
main.main_maintenance #mn_lead {
padding-bottom: 70px;
}
main.main_maintenance #mn_lead .blk_lead .txt_line {
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
text-align: center;
}
main.main_maintenance #mn_lead .blk_lead .txt_line p {
font-size: 2rem;
line-height: 2;
}
main.main_maintenance #mn_life {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_line_gray.png) center top repeat;
position: relative;
padding-top: 50px;
padding-bottom: 120px;
}
main.main_maintenance #mn_life:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane4.svg) center top repeat-x;
z-index: 0;
}
main.main_maintenance #mn_life .table_taiyo {
width: 100%;
max-width: 1000px;
margin: 24px auto 1em;
}
main.main_maintenance #mn_life .table_taiyo tr th, main.main_maintenance #mn_life .table_taiyo tr td {
width: 30%;
padding: 1rem .75rem;
vertical-align: top;
}
@media screen and (max-width: 900px) {
main.main_maintenance #mn_life .table_taiyo tr th, main.main_maintenance #mn_life .table_taiyo tr td {
padding: .8rem .5rem;
}
}
main.main_maintenance #mn_life .table_taiyo thead {
font-size: 2rem;
color: #000000;
font-weight: 700;
}
@media screen and (max-width: 900px) {
main.main_maintenance #mn_life .table_taiyo thead {
font-size: 1.6rem;
letter-spacing: -.04em;
}
}
main.main_maintenance #mn_life .table_taiyo tbody {
font-size: 1.8rem;
background: #fff;
color: #63331e;
}
@media screen and (max-width: 900px) {
main.main_maintenance #mn_life .table_taiyo tbody {
font-size: 1.6rem;
}
}
main.main_maintenance #mn_life .table_taiyo tbody th, main.main_maintenance #mn_life .table_taiyo tbody td {
border-top: 2px solid #d8d8d8;
border-bottom: 2px solid #d8d8d8;
}
main.main_maintenance #mn_life .table_taiyo tbody tr th:nth-child(1),
main.main_maintenance #mn_life .table_taiyo tbody tr td:nth-child(1) {
font-weight: 700;
}
@media screen and (max-width: 900px) {
main.main_maintenance #mn_life .table_taiyo tbody tr th:nth-child(1),
main.main_maintenance #mn_life .table_taiyo tbody tr td:nth-child(1) {
width: 40%;
}
}
main.main_maintenance #mn_life .table_taiyo caption {
font-size: 1.7rem;
padding: 1rem .75rem;
}
main.main_maintenance #mn_reason {
position: relative;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
padding-bottom: 140px;
}
main.main_maintenance #mn_reason:before {
width: 100%;
height: 82px;
top: -80px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane7.png) center top repeat-x;
z-index: 0;
}
main.main_maintenance #mn_reason:after {
width: 100%;
height: 82px;
bottom: -2px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane2.svg) center top repeat-x;
z-index: 10;
}
main.main_maintenance #mn_reason .ul_reason {
max-width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
main.main_maintenance #mn_reason .ul_reason {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
main.main_maintenance #mn_reason .ul_reason > li {
width: 48%;
background: #fff;
padding: 24px 32px;
border: 2px solid #666;
margin-bottom: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 900px) {
main.main_maintenance #mn_reason .ul_reason > li {
width: auto;
padding: 16px 16px;
}
}
main.main_maintenance #mn_reason .ul_reason > li .txt_ol {
font-size: 1.7rem;
letter-spacing: 0.025em;
font-weight: 800;
color: #ef7373;
position: relative;
padding-left: 40px;
}
main.main_maintenance #mn_reason .ul_reason > li .txt_ol:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 2px;
}
main.main_maintenance #mn_reason .ul_reason > li .tit {
font-family: 'tbcinergothic-std';
font-size: 2.4rem;
padding: 12px 0 16px;
line-height: 1.4;
}
main.main_maintenance #mn_reason .ul_reason > li .tit.h_line01 {
position: relative;
margin: 0 0 24px;
}
main.main_maintenance #mn_reason .ul_reason > li .tit.h_line01:after {
content: "";
width: 92px;
height: 3px;
background: #555;
position: absolute;
bottom: 0;
left: 0;
}
main.main_maintenance #mn_reason .ul_reason > li .txt_line {
font-size: 1.6rem;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
}
main.main_maintenance #mn_reason .ul_reason > li .txt_line p {
font-size: 1.6rem;
line-height: 2;
}
main.main_maintenance #mn_reason .ul_reason > li .ul_genin_det > li {
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense .main_tit_disaster-defense {
margin-bottom: 24px;
}
}
main.main_disaster-defense .main_tit_disaster-defense .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense .main_tit_disaster-defense .tit_main01 {
margin-top: -56px;
}
}
main.main_disaster-defense .main_tit_disaster-defense .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/disaster-defense/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
main.main_disaster-defense .main_tit_disaster-defense .tit_main01:before {
background-size: cover;
}
}
@media screen and (max-width: 900px) {
main.main_disaster-defense .main_tit_disaster-defense .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_disaster-defense .main_tit_disaster-defense .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_disaster-defense .main_tit_disaster-defense .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_disaster-defense .main_tit_disaster-defense .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_disaster-defense .sec_disaster-defense .wrap {
z-index: 100;
position: relative;
padding: 0 0;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense .sec_disaster-defense .wrap {
margin: 0 24px;
}
}
main.main_disaster-defense .sec_disaster-defense .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense .sec_disaster-defense .tit_sec03 {
padding: 8px 0;
}
}
main.main_disaster-defense .sec_disaster-defense .tit_sec03:before, main.main_disaster-defense .sec_disaster-defense .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main.main_disaster-defense .sec_disaster-defense .tit_sec03:before, main.main_disaster-defense .sec_disaster-defense .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_disaster-defense .sec_disaster-defense .tit_sec03:before, main.main_disaster-defense .sec_disaster-defense .tit_sec03:after {
display: none;
}
}
main.main_disaster-defense .sec_disaster-defense .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_disaster-defense .sec_disaster-defense .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_disaster-defense .sec_disaster-defense .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense .sec_disaster-defense .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_disaster-defense .sec_disaster-defense .tit_sec03 > .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
line-height: 1.4;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_disaster-defense .sec_disaster-defense .tit_sec03 > .tit span {
line-height: 1.4;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense .sec_disaster-defense .tit_sec03 > .tit {
font-size: 2rem;
}
main.main_disaster-defense .sec_disaster-defense .tit_sec03 > .tit span {
font-size: 2.6rem;
}
}
main.main_disaster-defense #dd_lead {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 90px;
padding-bottom: 120px;
padding-bottom: 70px;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense #dd_lead {
padding-bottom: 60px;
}
}
main.main_disaster-defense #dd_lead:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane4.svg) center top repeat-x;
z-index: 0;
}
main.main_disaster-defense #dd_lead:after {
width: 100%;
height: 82px;
bottom: -81px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane6.png) center top repeat-x;
z-index: 10;
}
main.main_disaster-defense #dd_lead .blk_trouble .wrap {
position: relative;
}
main.main_disaster-defense #dd_lead .blk_trouble .wrap:before {
content: "";
display: block;
width: 317px;
height: 357px;
position: absolute;
left: 0;
top: 32px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/disaster-defense/lead_obj1.png) center center no-repeat;
background-size: contain;
}
main.main_disaster-defense #dd_lead .blk_trouble .wrap:after {
content: "";
display: block;
width: 298px;
height: 368px;
position: absolute;
right: 0;
top: 32px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/disaster-defense/lead_obj2.png) center center no-repeat;
background-size: contain;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense #dd_lead .blk_trouble .wrap:before, main.main_disaster-defense #dd_lead .blk_trouble .wrap:after {
background: none;
}
}
main.main_disaster-defense #dd_lead .ul_lead {
font-size: 2.5rem;
font-family: 'tbcinergothic-std';
letter-spacing: 0.1em;
line-height: 1.8;
text-align: center;
}
main.main_disaster-defense #dd_lead p {
text-align: center;
font-size: 1.7rem;
line-height: 1.8;
letter-spacing: 0.025em;
}
main.main_disaster-defense #dd_lead .ul_lead + p {
text-align: center;
margin-top: 24px;
}
main.main_disaster-defense #dd_lead .ul_lead + p span {
font-size: 2rem;
letter-spacing: 0.1em;
}
main.main_disaster-defense #dd_lead .ul_lead + p b {
display: inline-block;
font-size: 3.6rem;
font-weight: 800;
letter-spacing: 0.025em;
line-height: 1.2;
color: #1378BC;
margin: 24px auto;
}
main.main_disaster-defense #dd_lead .ul_lead + p b:after {
content: "";
display: block;
vertical-align: middle;
width: 60px;
height: 4px;
background: #77b7db;
margin: 24px auto 0;
}
main.main_disaster-defense #dd_lead .blk_lead .txt_line {
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
text-align: center;
}
main.main_disaster-defense #dd_lead .blk_lead .txt_line p {
font-size: 1.6rem;
line-height: 2;
}
main.main_disaster-defense #dd_trblcare {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_line_gray.png) center top repeat;
padding-top: 70px;
padding-bottom: 80px;
position: relative;
}
main.main_disaster-defense #dd_trblcare:after {
width: 100%;
height: 82px;
bottom: -2px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane2.svg) center top repeat-x;
z-index: 10;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare {
max-width: 1000px;
margin: 0 auto;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li {
min-height: 240px;
background: #fff;
padding: 32px 32px 32px 300px;
border: 2px solid #666;
margin-bottom: 32px;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense #dd_trblcare .ul_trblcare > li {
padding: 24px;
}
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 323px;
height: 323px;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/service/disaster-defense/trouble_bg1.png) center center/contain no-repeat;
position: absolute;
left: -64px;
top: -32px;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense #dd_trblcare .ul_trblcare > li:before {
width: 240px;
height: 240px;
position: static;
margin: 0 auto 24px;
display: block;
}
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li:nth-child(2):before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/service/disaster-defense/trouble_bg2.png) center center/contain no-repeat;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li:nth-child(3):before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/service/disaster-defense/trouble_bg3.png) center center/contain no-repeat;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li:nth-child(4):before {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/service/disaster-defense/trouble_bg4.png) center center/contain no-repeat;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li:last-child {
margin-bottom: 0;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li .blk_trbl {
color: #e23434;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li .blk_trbl .tit {
font-family: 'tbcinergothic-std';
font-size: 2.4rem;
letter-spacing: 0.025em;
margin: 0 0 12px;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li .blk_trbl p {
font-family: 'tbcinergothic-std';
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li .blk_care .heading .sub_pt {
font-size: 1.7rem;
letter-spacing: 0.025em;
font-weight: 600;
line-height: 1.4;
color: #1378BC;
position: relative;
padding-left: 40px;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li .blk_care .heading .sub_pt:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 2px;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li .blk_care .heading .tit {
color: #1378BC;
font-size: 2.5rem;
font-weight: 700;
letter-spacing: 0.025em;
line-height: 1.4;
margin: 8px auto 16px;
position: relative;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li .blk_care .heading .tit:after {
content: "";
display: block;
vertical-align: middle;
width: 100px;
height: 4px;
background: #555555;
margin: 16px 0 0;
}
main.main_disaster-defense #dd_trblcare .ul_trblcare > li .blk_care p {
font-size: 1.6rem;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
}
main.main_disaster-defense #dd_trblcare .cp_arrows *,
main.main_disaster-defense #dd_trblcare .cp_arrows *:before,
main.main_disaster-defense #dd_trblcare .cp_arrows *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_disaster-defense #dd_trblcare .cp_arrows {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 48px;
height: 220px; margin: -60px 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
main.main_disaster-defense #dd_trblcare .cp_arrows .cp_arrow {
position: absolute;
top: 48%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
main.main_disaster-defense #dd_trblcare .cp_arrows .cp_arrowfirst,
main.main_disaster-defense #dd_trblcare .cp_arrows .cp_arrowsecond {
width: 48px;
height: 28px;
content: '';
display: block;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/icn_arr_ba.svg) no-repeat;
background-position: right center;
}
main.main_disaster-defense #dd_trblcare .cp_arrows .cp_arrowfirst {
-webkit-animation: arrow-move08 2s ease-in-out infinite;
animation: arrow-move08 2s ease-in-out infinite;
}
main.main_disaster-defense #dd_trblcare .cp_arrows .cp_arrowsecond {
-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
animation: arrow-move08 2s 1s ease-in-out infinite;
}
@keyframes arrow-move08 {
0% {
top: 40%; opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
main.main_disaster-defense .dd_conv {
text-align: center;
padding: 56px 0;
}
main.main_disaster-defense .dd_conv p {
font-size: 2.4rem;
font-weight: 700;
line-height: 1.8;
color: #222a4f;
}
@media screen and (max-width: 900px) {
main.main_disaster-defense .dd_conv p {
font-size: 2rem;
}
}
main.main_disaster-defense .dd_conv p b {
color: #1378bc;
}
main.main_disaster-defense .dd_conv .tmb {
margin: 40px auto;
}
@media screen and (max-width: 900px) {
main.main_research .main_tit_research {
margin-bottom: 24px;
}
}
main.main_research .main_tit_research .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_research .main_tit_research .tit_main01 {
margin-top: -56px;
}
}
main.main_research .main_tit_research .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/research/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
main.main_research .main_tit_research .tit_main01:before {
background-size: cover;
}
}
@media screen and (max-width: 900px) {
main.main_research .main_tit_research .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_research .main_tit_research .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_research .main_tit_research .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_research .main_tit_research .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_research .sec_research .wrap {
z-index: 100;
position: relative;
padding: 0 0;
}
@media screen and (max-width: 900px) {
main.main_research .sec_research .wrap {
margin: 0 24px;
}
}
main.main_research .sec_research .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_research .sec_research .tit_sec03 {
padding: 8px 0;
}
}
main.main_research .sec_research .tit_sec03:before, main.main_research .sec_research .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main.main_research .sec_research .tit_sec03:before, main.main_research .sec_research .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_research .sec_research .tit_sec03:before, main.main_research .sec_research .tit_sec03:after {
display: none;
}
}
main.main_research .sec_research .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_research .sec_research .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_research .sec_research .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_research .sec_research .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_research .sec_research .tit_sec03 > .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
line-height: 1.4;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_research .sec_research .tit_sec03 > .tit span {
line-height: 1.4;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_research .sec_research .tit_sec03 > .tit {
font-size: 2rem;
}
main.main_research .sec_research .tit_sec03 > .tit span {
font-size: 2.6rem;
}
}
main.main_research .sec_research .box {
max-width: 720px;
border: 2px solid #666;
background: #f4f4f4;
margin: 40px auto;
padding: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 900px) {
main.main_research .sec_research .box {
padding: 24px;
}
}
main.main_research .sec_research .box > .heading .sub_point {
font-size: 1.7rem;
letter-spacing: 0.025em;
font-weight: 800;
color: #ef7373;
position: relative;
padding-left: 40px;
}
main.main_research .sec_research .box > .heading .sub_point:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 2px;
}
main.main_research .sec_research .box > .heading .tit {
font-size: 2.4rem;
font-family: 'tbcinergothic-std';
line-height: 1.4;
letter-spacing: 0.1em;
margin: 12px auto 16px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_research .sec_research .box > .heading .tit {
font-size: 2.0rem;
}
}
main.main_research .sec_research .box > .heading .tit:after {
content: "";
display: block;
width: 100px;
height: 4px;
background: #555;
margin: 24px 0 0;
}
main.main_research .sec_research .box .txt_line {
color: #555;
line-height: 2;
}
main.main_research .sec_research .box .txt_line p {
letter-spacing: 0.025em;
font-size: 1.6rem;
line-height: 2;
margin-bottom: 1.6em;
}
@media screen and (max-width: 900px) {
main.main_research .sec_research .box .txt_line p {
line-height: 1.8;
}
}
main.main_research .sec_research .box .txt_line p:last-child {
margin-bottom: 0;
}
main.main_research #research_about .pic1 {
text-align: center;
margin: 0 auto -80px;
position: relative;
z-index: 100;
}
@media screen and (max-width: 900px) {
main.main_research #research_about .pic1 {
margin: 0 15px -64px;
}
}
main.main_research #research_about .blk_lead {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/research/bg_sky_top.jpg) center 0 repeat-x #fff;
position: relative;
padding-top: 80px;
padding-bottom: 80px;
min-height: 620px;
}
@media screen and (max-width: 900px) {
main.main_research #research_about .blk_lead {
padding-top: 72px;
}
}
main.main_research #research_about .blk_lead:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane.svg) center top repeat-x;
z-index: 0;
}
main.main_research #research_about .blk_lead .ul_reason {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 16px 0;
}
main.main_research #research_about .blk_lead .ul_reason > li {
font-size: 1.8rem;
font-family: 'tbcinergothic-std';
letter-spacing: 0.025em;
border-radius: 32px;
background: #fff2a4;
text-align: center;
padding: 0.8em 1.6em;
margin: 0 8px;
position: relative; }
@media screen and (max-width: 900px) {
main.main_research #research_about .blk_lead .ul_reason > li {
padding: 0.6em 1.2em;
font-size: 1.6rem;
margin: 0 4px;
}
}
main.main_research #research_about .blk_lead .balloon1 {
position: relative;
}
main.main_research #research_about .blk_lead .balloon1:before {
content: "";
position: absolute;
top: 98%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #fff2a4;
}
main.main_research #research_about .blk_lead .rotate01.is-show {
-webkit-transition: all 0.3s 1s cubic-bezier(0.5, -10, 0.5, 10);
-o-transition: all 0.3s 1s cubic-bezier(0.5, -10, 0.5, 10);
transition: all 0.3s 1s cubic-bezier(0.5, -10, 0.5, 10);
}
main.main_research #research_about .blk_lead .rotate01.is-show {
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
main.main_research #research_about .blk_lead .heading {
margin: 0 auto;
}
main.main_research #research_about .blk_lead .heading .tit2 {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_research #research_about .blk_lead .heading .tit2 span {
font-size: 3rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_research #research_about .blk_lead .heading .tit2 {
font-size: 2rem;
}
main.main_research #research_about .blk_lead .heading .tit2 span {
font-size: 2.4rem;
line-height: 1.6;
}
}
main.main_research #research_about .blk_lead .txt_line {
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_research #research_about .blk_lead .txt_line {
text-align: left;
padding: 0;
margin-bottom: 40px;
}
}
main.main_research #research_about .blk_lead .txt_line p {
font-weight: 600;
color: #333;
font-size: 1.8rem;
line-height: 2.2;
}
@media screen and (max-width: 900px) {
main.main_research #research_about .blk_lead .txt_line p {
font-size: 1.6rem;
line-height: 1.8;
}
}
@media screen and (max-width: 900px) {
main.main_research #research_about .blk_lead + .box,
main.main_research #research_about .blk_lead + .box + .box,
main.main_research #research_about .blk_lead + .box + .box + .box {
margin: 0 30px 40px;
}
}
main.main_research #research_selfcheck {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 72px;
padding-bottom: 8px;
}
main.main_research #research_selfcheck:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane.svg) center top repeat-x;
z-index: 0;
}
main.main_research #research_selfcheck .heading {
text-align: center;
margin: 0 auto 32px;
}
main.main_research #research_selfcheck .heading .tit {
font-size: 2.8rem;
font-weight: 700;
letter-spacing: 0.025em;
line-height: 1.4;
margin: 8px auto 16px;
}
main.main_research #research_selfcheck .blk_selfcheck .ul_cheack > li {
font-size: 1.8rem;
font-family: 'tbcinergothic-std';
color: #e23434;
line-height: 1.8;
letter-spacing: 0.025em;
position: relative;
padding: 2px 0 0px 48px;
margin: 4px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
main.main_research #research_selfcheck .blk_selfcheck .ul_cheack > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 7px;
}
main.main_research #research_selfcheck .blk_selfcheck .ul_std1 {
max-width: 700px;
min-height: 200px;
position: relative;
padding-left: 260px;
margin: 24px auto 32px;
}
@media screen and (max-width: 900px) {
main.main_research #research_selfcheck .blk_selfcheck .ul_std1 {
padding-left: 160px;
}
}
main.main_research #research_selfcheck .blk_selfcheck .ul_std1:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 180px;
height: 180px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/trouble_tmb1.png) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: -16px;
}
@media screen and (max-width: 900px) {
main.main_research #research_selfcheck .blk_selfcheck .ul_std1:before {
width: 120px;
height: 120px;
top: 32px;
}
}
main.main_research #research_selfcheck .blk_selfcheck .ul_std2 {
max-width: 700px;
min-height: 200px;
position: relative;
padding-right: 260px;
margin: 24px auto 32px;
}
@media screen and (max-width: 900px) {
main.main_research #research_selfcheck .blk_selfcheck .ul_std2 {
padding-right: 160px;
}
}
main.main_research #research_selfcheck .blk_selfcheck .ul_std2:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 180px;
height: 180px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/service/roofchange/trouble_tmb2.png) center center no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: -16px;
}
@media screen and (max-width: 900px) {
main.main_research #research_selfcheck .blk_selfcheck .ul_std2:before {
width: 120px;
height: 120px;
top: 32px;
}
}
main.main_research #research_conv {
position: relative;
padding-top: 24px;
}
main.main_research #research_conv:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane6.png) center top repeat-x;
z-index: 0;
}
main.main_research #research_conv .wrap > .txt_line {
color: #555;
text-align: center;
margin-bottom: 40px;
}
main.main_research #research_conv .wrap > .txt_line p {
font-size: 1.9rem;
font-weight: 600;
letter-spacing: 0.025em;
line-height: 2;
}
@media screen and (max-width: 900px) {
main.main_research #research_conv .wrap > .txt_line p {
font-size: 1.7rem;
}
}
main.main_research #research_conv .ul_free {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
main.main_research #research_conv .ul_free > li {
margin: 0 24px;
text-align: center;
}
main.main_research #research_conv .ul_free > li p {
color: #1378BC;
font-size: 2rem;
font-family: 'tbcinergothic-std';
line-height: 1.2;
letter-spacing: 0.25em;
margin: 8px 0 8px;
} @media screen and (max-width: 900px) {
main.main_biz .main_tit_biz {
margin-bottom: 24px;
}
}
main.main_biz .main_tit_biz .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_biz .main_tit_biz .tit_main01 {
margin-top: -56px;
}
}
main.main_biz .main_tit_biz .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/biz/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
main.main_biz .main_tit_biz .tit_main01:before {
background-size: cover;
}
}
@media screen and (max-width: 900px) {
main.main_biz .main_tit_biz .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_biz .main_tit_biz .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_biz .main_tit_biz .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_biz .main_tit_biz .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_biz .sec_biz .wrap {
z-index: 100;
position: relative;
padding: 0 0;
}
@media screen and (max-width: 900px) {
main.main_biz .sec_biz .wrap {
margin: 0 24px;
}
}
main.main_biz .sec_biz .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_biz .sec_biz .tit_sec03 {
padding: 8px 0;
}
}
main.main_biz .sec_biz .tit_sec03:before, main.main_biz .sec_biz .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main.main_biz .sec_biz .tit_sec03:before, main.main_biz .sec_biz .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_biz .sec_biz .tit_sec03:before, main.main_biz .sec_biz .tit_sec03:after {
display: none;
}
}
main.main_biz .sec_biz .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_biz .sec_biz .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_biz .sec_biz .tit_sec03 > .tit {
text-align: center;
font-size: 3rem;
font-weight: 800;
line-height: 1.4;
color: #1378BC;
letter-spacing: 0.025em;
}
main.main_biz .sec_biz .tit_sec03 > .tit span {
line-height: 1.4;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_biz .sec_biz .tit_sec03 > .tit {
font-size: 2rem;
}
main.main_biz .sec_biz .tit_sec03 > .tit span {
font-size: 2.6rem;
}
}
main.main_biz .sec_biz .txt_line {
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.025em;
color: #555;
line-height: 2.2;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_biz .sec_biz .txt_line {
text-align: left;
font-size: 1.6rem;
}
}
main.main_biz .sec_biz .txt_line p {
line-height: 2;
}
@media screen and (max-width: 900px) {
main.main_biz .sec_biz .txt_line p {
line-height: 1.8;
}
}
main.main_biz .sec_biz .ul_cheack {
max-width: 740px;
margin: 32px auto;
background: #fffcd4;
padding: 32px 50px;
z-index: 10;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_biz .sec_biz .ul_cheack {
padding: 16px 24px;
}
}
main.main_biz .sec_biz .ul_cheack > li {
font-size: 1.8rem;
font-family: 'tbcinergothic-std';
color: #e23434;
line-height: 1.8;
letter-spacing: 0.025em;
position: relative;
padding: 2px 0 0px 48px;
margin: 4px 0;
}
main.main_biz .sec_biz .ul_cheack > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 7px;
}
main.main_biz .sec_biz .ul_cheack + .tmb {
margin: -140px auto 32px;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_biz .sec_biz .ul_cheack + .tmb {
margin: -80px -30px 32px;
}
}
main.main_biz #biz_lead {
padding-bottom: 24px;
}
main.main_biz #biz_lead .tmb {
text-align: center;
margin: 0 auto;
}
main.main_biz #biz_lead .ul_ad {
max-width: 860px;
margin: 16px auto 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
@media screen and (max-width: 900px) {
main.main_biz #biz_lead .ul_ad > li img {
height: 86px;
}
}
main.main_biz #biz_lead .ul_ad > li:nth-child(1) {
margin-bottom: -8px;
}
main.main_biz #biz_lead .blk_lead .txt_line {
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.025em;
color: #555;
line-height: 2;
text-align: center;
}
main.main_biz #biz_lead .blk_lead .txt_line p {
font-size: 1.6rem;
line-height: 2;
}
main.main_biz #biz_estate_maint {
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/biz/estate_bg.png) center 0 repeat-x #fff;
position: relative;
padding-top: 40px;
padding-bottom: 40px;
}
main.main_biz #biz_estate_maint:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane.svg) center top repeat-x;
z-index: 0;
}
main.main_biz #biz_fac_maint {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 40px;
padding-bottom: 120px;
}
main.main_biz #biz_fac_maint:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane.svg) center top repeat-x;
z-index: 0;
}
main.main_biz #biz_fac_maint:after {
width: 100%;
height: 82px;
bottom: -2px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane2.svg) center top repeat-x;
z-index: 10;
} @media screen and (max-width: 900px) {
main.main_price .main_tit_price {
margin-bottom: 24px;
}
}
main.main_price .main_tit_price .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_price .main_tit_price .tit_main01 {
margin-top: -56px;
}
}
main.main_price .main_tit_price .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/price/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
main.main_price .main_tit_price .tit_main01:before {
background-size: cover;
}
}
@media screen and (max-width: 900px) {
main.main_price .main_tit_price .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_price .main_tit_price .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_price .main_tit_price .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_price .main_tit_price .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_price .sec_price .wrap {
z-index: 100;
position: relative;
padding: 0 0;
}
@media screen and (max-width: 900px) {
main.main_price .sec_price .wrap {
margin: 0 24px;
}
}
main.main_price .sec_price .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_price .sec_price .tit_sec03 {
padding: 8px 0;
}
}
main.main_price .sec_price .tit_sec03:before, main.main_price .sec_price .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main.main_price .sec_price .tit_sec03:before, main.main_price .sec_price .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_price .sec_price .tit_sec03:before, main.main_price .sec_price .tit_sec03:after {
display: none;
}
}
main.main_price .sec_price .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_price .sec_price .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_price .sec_price .tit_sec03 > .tit {
text-align: center;
font-size: 2.8rem;
font-weight: 800;
line-height: 1.4;
color: #222A4F;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_price .sec_price .tit_sec03 > .tit {
font-size: 2.2rem;
}
}
main.main_price .sec_price .ul_cheack {
max-width: 740px;
margin: 32px auto;
background: #fffcd4;
padding: 32px 50px;
}
main.main_price .sec_price .ul_cheack > li {
font-size: 1.8rem;
font-family: 'tbcinergothic-std';
color: #e23434;
line-height: 1.8;
letter-spacing: 0.025em;
position: relative;
padding: 2px 0 0px 48px;
margin: 4px 0;
}
main.main_price .sec_price .ul_cheack > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 7px;
}
main.main_price #price_lead {
padding-bottom: 24px;
}
@media screen and (max-width: 900px) {
main.main_price #price_lead {
padding-bottom: 0;
}
}
main.main_price #price_lead .wrap > .txt_line {
color: #555;
text-align: center;
margin-bottom: 40px;
}
main.main_price #price_lead .wrap > .txt_line p {
font-size: 1.9rem;
font-weight: 600;
letter-spacing: 0.025em;
line-height: 2;
}
@media screen and (max-width: 900px) {
main.main_price #price_lead .wrap > .txt_line p {
font-size: 1.7rem;
}
}
main.main_price #price_lead .wrap .txt_line + .tmb {
text-align: center;
margin: 32px auto;
}
main.main_price #price_lead .box {
max-width: 720px;
border: 2px solid #666;
background: #f4f4f4;
margin: 40px auto;
padding: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 900px) {
main.main_price #price_lead .box {
padding: 24px;
}
}
main.main_price #price_lead .box > .heading .sub_point {
font-size: 1.7rem;
letter-spacing: 0.025em;
font-weight: 800;
color: #ef7373;
position: relative;
padding-left: 40px;
}
main.main_price #price_lead .box > .heading .sub_point:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 2px;
}
main.main_price #price_lead .box > .heading .tit {
font-size: 2.4rem;
font-family: 'tbcinergothic-std';
line-height: 1.4;
letter-spacing: 0.1em;
margin: 12px auto 16px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_price #price_lead .box > .heading .tit {
font-size: 2.0rem;
}
}
main.main_price #price_lead .box > .heading .tit:after {
content: "";
display: block;
width: 100px;
height: 4px;
background: #555;
margin: 24px 0 0;
}
main.main_price #price_lead .box .txt_line {
color: #555;
line-height: 2;
}
main.main_price #price_lead .box .txt_line p {
letter-spacing: 0.025em;
font-size: 1.6rem;
line-height: 2;
margin-bottom: 1.6em;
}
@media screen and (max-width: 900px) {
main.main_price #price_lead .box .txt_line p {
line-height: 1.8;
}
}
main.main_price #price_lead .box .txt_line p:last-child {
margin-bottom: 0;
}
main.main_price #price_lead .conv {
max-width: 720px;
border: 2px solid #000;
background: #1378bc;
margin: 40px auto;
padding: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_price #price_lead .conv {
padding: 24px;
}
}
main.main_price #price_lead .conv p {
font-size: 1.8rem;
line-height: 2.2;
}
@media screen and (max-width: 900px) {
main.main_price #price_lead .conv p {
font-size: 1.6rem;
line-height: 1.8;
}
}
main.main_price #price_lead .conv p b {
font-size: 2.2rem;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_price #price_lead .conv p b {
font-size: 2.0rem;
}
}
main.main_price #price_plan {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_line_gray.png) center top repeat;
position: relative;
padding-top: 50px;
padding-bottom: 120px;
}
main.main_price #price_plan:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane4.svg) center top repeat-x;
z-index: 0;
}
main.main_price #price_plan:after {
width: 100%;
height: 82px;
bottom: -2px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane2.svg) center top repeat-x;
z-index: 10;
}
main.main_price #price_plan .wrap > .heading .tit {
color: #1378BC;
font-size: 2.5rem;
font-family: 'tbcinergothic-std';
line-height: 1.4;
letter-spacing: 0.1em;
margin: 24px auto 16px;
text-align: center;
position: relative;
}
main.main_price #price_plan .wrap > .heading .tit:after {
content: "";
display: block;
vertical-align: middle;
width: 60px;
height: 4px;
background: #77b7db;
margin: 24px auto 0;
}
main.main_price #price_plan .table_taiyo {
width: 100%;
max-width: 1000px;
margin: 24px auto 1em;
}
@media screen and (max-width: 900px) {
main.main_price #price_plan .table_taiyo {
border-top: 2px solid #d8d8d8;
}
}
main.main_price #price_plan .table_taiyo tr th, main.main_price #price_plan .table_taiyo tr td {
padding: 1rem .75rem;
vertical-align: top;
}
@media screen and (max-width: 900px) {
main.main_price #price_plan .table_taiyo tr th, main.main_price #price_plan .table_taiyo tr td {
width: 100%;
display: block;
padding: .8em .8em;
}
}
main.main_price #price_plan .table_taiyo thead {
font-size: 2rem;
color: #000000;
font-weight: 700;
}
@media screen and (max-width: 900px) {
main.main_price #price_plan .table_taiyo thead {
font-size: 1.6rem;
letter-spacing: -.04em;
display: none;
}
}
main.main_price #price_plan .table_taiyo tbody {
font-size: 1.8rem;
background: #fff;
}
@media screen and (max-width: 900px) {
main.main_price #price_plan .table_taiyo tbody {
font-size: 1.8rem;
}
}
main.main_price #price_plan .table_taiyo tbody th, main.main_price #price_plan .table_taiyo tbody td {
border-top: 2px solid #d8d8d8;
border-bottom: 2px solid #d8d8d8;
vertical-align: middle;
}
@media screen and (max-width: 900px) {
main.main_price #price_plan .table_taiyo tbody th, main.main_price #price_plan .table_taiyo tbody td {
border-top: none;
border-bottom: none;
}
}
main.main_price #price_plan .table_taiyo tbody tr th:nth-child(1),
main.main_price #price_plan .table_taiyo tbody tr td:nth-child(1) {
width: 18%;
color: #63331e;
font-weight: 700;
}
@media screen and (max-width: 900px) {
main.main_price #price_plan .table_taiyo tbody tr th:nth-child(1),
main.main_price #price_plan .table_taiyo tbody tr td:nth-child(1) {
width: 100%;
}
}
@media screen and (max-width: 900px) {
main.main_price #price_plan .table_taiyo tbody tr th:nth-child(2),
main.main_price #price_plan .table_taiyo tbody tr td:nth-child(2) {
width: 100%;
font-size: 1.7rem;
padding-top: 0;
}
}
main.main_price #price_plan .table_taiyo tbody tr th:nth-child(3),
main.main_price #price_plan .table_taiyo tbody tr td:nth-child(3) {
width: 20%;
}
@media screen and (max-width: 900px) {
main.main_price #price_plan .table_taiyo tbody tr th:nth-child(3),
main.main_price #price_plan .table_taiyo tbody tr td:nth-child(3) {
width: 100%;
text-align: right;
border-bottom: 2px solid #d8d8d8;
}
}
main.main_price #price_plan .table_taiyo caption {
font-size: 1.7rem;
padding: 1rem .75rem;
} @media screen and (max-width: 900px) {
main.main_story .main_tit_story {
margin-bottom: 24px;
}
}
main.main_story .main_tit_story .tit_main01 {
position: relative;
text-align: center;
margin-top: -68px;
}
@media screen and (max-width: 900px) {
main.main_story .main_tit_story .tit_main01 {
margin-top: -56px;
}
}
main.main_story .main_tit_story .tit_main01:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/story/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
@media screen and (max-width: 1240px) {
main.main_story .main_tit_story .tit_main01:before {
background-size: cover;
}
}
@media screen and (max-width: 900px) {
main.main_story .main_tit_story .tit_main01:before {
background-size: cover;
height: 88px;
}
}
main.main_story .main_tit_story .tit_main01 .title {
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
main.main_story .main_tit_story .tit_main01 .title:before {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_l.png);
}
main.main_story .main_tit_story .tit_main01 .title:after {
background-image: url(https://e-yane.co.jp/wp-content/themes/taulabo/images/ttl_bdr_w_r.png);
}
main.main_story .sec_story .wrap {
z-index: 100;
position: relative;
padding: 0 0;
}
@media screen and (max-width: 900px) {
main.main_story .sec_story .wrap {
margin: 0 24px;
}
}
main.main_story .sec_story .tit_sec03 {
max-width: 1080px;
text-align: center;
margin: 0 auto;
padding: 28px 0;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_story .sec_story .tit_sec03 {
padding: 8px 0;
}
}
main.main_story .sec_story .tit_sec03:before, main.main_story .sec_story .tit_sec03:after {
width: 210px;
height: 46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
position: absolute;
margin-top: 22px;
}
@media screen and (max-width: 1000px) {
main.main_story .sec_story .tit_sec03:before, main.main_story .sec_story .tit_sec03:after {
display: none;
}
}
@media screen and (max-width: 900px) {
main.main_story .sec_story .tit_sec03:before, main.main_story .sec_story .tit_sec03:after {
display: none;
}
}
main.main_story .sec_story .tit_sec03:before {
left: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_l.svg) no-repeat;
background-position: left center;
}
main.main_story .sec_story .tit_sec03:after {
right: 0;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/index/h_linedot1_r.svg) no-repeat;
background-position: right center;
}
main.main_story .sec_story .tit_sec03 > .tit {
text-align: center;
font-size: 3rem;
font-weight: 800;
line-height: 1.4;
color: #1378BC;
letter-spacing: 0.025em;
}
main.main_story .sec_story .tit_sec03 > .tit span {
line-height: 1.4;
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_story .sec_story .tit_sec03 > .tit {
font-size: 2rem;
}
main.main_story .sec_story .tit_sec03 > .tit span {
font-size: 2.6rem;
}
}
main.main_story #story_lead {
padding-bottom: 24px;
}
main.main_story #story_lead .txt_line {
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.025em;
color: #555;
line-height: 2.2;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_story #story_lead .txt_line {
font-size: 1.6rem;
}
}
main.main_story #story_lead .txt_line p {
line-height: 2;
}
@media screen and (max-width: 900px) {
main.main_story #story_lead .txt_line p {
line-height: 1.8;
}
}
main.main_story #story_rooga {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (max-width: 900px) {
main.main_story #story_rooga {
padding-top: 24px;
padding-bottom: 24px;
}
}
main.main_story #story_rooga:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane.svg) center top repeat-x;
z-index: 0;
}
main.main_story #story_rooga .box {
max-width: 1000px;
border: 2px solid #d3d3c7;
background: #fff;
margin: 40px auto;
padding: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 900px) {
main.main_story #story_rooga .box {
padding: 24px;
}
}
main.main_story #story_rooga .box > .heading .tit {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.025em;
margin: 12px auto 16px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_story #story_rooga .box > .heading .tit {
font-size: 2.0rem;
}
}
main.main_story #story_rooga .box > .heading .tit:after {
content: "";
display: block;
width: 100px;
height: 4px;
background: #555;
margin: 16px 0 0;
}
main.main_story #story_rooga .box .tmb {
margin: 0 auto 16px;
text-align: center;
}
main.main_story #story_rooga .box .txt_line {
color: #555;
line-height: 2;
font-family: 'tbcinergothic-std';
text-align: left;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.025em;
}
main.main_story #story_rooga .box .txt_line p {
letter-spacing: 0.025em;
font-size: 1.7rem;
line-height: 2;
margin-bottom: 1.6em;
}
@media screen and (max-width: 900px) {
main.main_story #story_rooga .box .txt_line p {
line-height: 1.8;
}
}
main.main_story #story_rooga .box .txt_line p:last-child {
margin-bottom: 0;
}
main.main_story #story_rooga .box .txt_line .ul_check {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 520px;
}
@media screen and (max-width: 900px) {
main.main_story #story_rooga .box .txt_line .ul_check {
width: auto;
}
}
main.main_story #story_rooga .box .txt_line .ul_check > li {
width: 232px;
padding: 8px 8px 8px 48px;
background: #fff1ab;
border-radius: 24px;
margin-bottom: 16px;
margin-right: 16px;
position: relative;
}
main.main_story #story_rooga .box .txt_line .ul_check > li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 21px;
height: 17px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 18px;
top: 14px;
}
main.main_story #story_design {
position: relative;
padding-top: 80px;
}
main.main_story #story_design:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane6.png) center top repeat-x;
z-index: 0;
}
main.main_story #story_design .tit_sec03 {
padding-top: 0;
margin-bottom: 32px;
}
main.main_story #story_design .tit_sec03 > .sub {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .tit_sec03 > .sub {
font-size: 1.6rem;
}
}
main.main_story #story_design .tit_sec03 > .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
font-size: 3.6rem;
color: #1378BC;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .tit_sec03 > .tit {
font-size: 2rem;
}
}
main.main_story #story_design .blk_lead .tit {
max-width: 860px;
margin: 0 auto;
background: -webkit-gradient(linear, right top, left top, from(white), to(#f09dc1));
background: -webkit-linear-gradient(right, white 0%, #f09dc1 100%);
background: -o-linear-gradient(right, white 0%, #f09dc1 100%);
background: linear-gradient(-90deg, white 0%, #f09dc1 100%);
padding: 8px 12px 8px 72px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .blk_lead .tit {
padding-left: 24px;
}
main.main_story #story_design .blk_lead .tit img {
height: 24px;
}
}
main.main_story #story_design .blk_qa {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 16px auto 16px;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .blk_qa img {
width: 100%;
}
}
main.main_story #story_design .blk_pattern {
max-width: 720px;
margin: 0 auto;
}
main.main_story #story_design .blk_pattern .tit {
font-size: 2.8rem;
font-weight: 600;
line-height: 1;
letter-spacing: -0.01em;
color: #8aacda;
border-bottom: 2px solid #8aacda;
padding: 6px 0;
margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .blk_pattern .tit {
font-size: 2.4rem;
}
}
main.main_story #story_design .blk_pattern .txt_line {
font-family: 'tbcinergothic-std';
font-size: 1.5rem;
font-weight: 600;
line-height: 1.8;
letter-spacing: 0.005em;
margin-bottom: 16px;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .blk_pattern .txt_line {
font-size: 1.6rem;
}
}
main.main_story #story_design .blk_pattern .ul_pattern {
max-width: 720px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .blk_pattern .ul_pattern {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
main.main_story #story_design .blk_pattern .ul_pattern > li .cap {
color: #fff;
background: #9db8df;
font-size: 1.8rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.025em;
padding: 0.16em 0.4em;
margin-bottom: 2px;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .blk_pattern .ul_pattern > li {
margin-bottom: 16px;
}
main.main_story #story_design .blk_pattern .ul_pattern > li img {
width: 100%;
}
}
main.main_story #story_design .box {
max-width: 940px;
margin: 56px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 32px;
border: 3px solid #bfbfbf;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .box {
padding: 24px;
}
}
main.main_story #story_design .box .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
margin-bottom: 24px;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .box .tit {
font-size: 2rem;
margin-bottom: 16px;
text-align: left;
}
}
main.main_story #story_design .box .txt_line {
margin: 24px auto 32px;
text-align: center;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .box .txt_line {
text-align: left;
}
}
main.main_story #story_design .box p {
font-family: 'tbcinergothic-std';
font-size: 1.8rem;
font-weight: 600;
line-height: 1.8;
letter-spacing: 0.025em;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .box p {
font-size: 1.6rem;
}
}
main.main_story #story_design .box .ul_try110 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto -32px;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .box .ul_try110 {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
main.main_story #story_design .box .ul_try110 > li {
margin-bottom: 32px;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .box .ul_try110 > li img {
width: 100%;
}
}
main.main_story #story_design .blk_download {
margin: 40px auto;
}
main.main_story #story_design .blk_download .txt_line {
text-align: center;
margin: 16px auto 24px;
}
main.main_story #story_design .blk_download .txt_line p {
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.005em;
line-height: 1.8;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .blk_download .txt_line p {
font-size: 1.6rem;
}
}
main.main_story #story_design .blk_download .txt_line p b {
font-weight: 600;
}
main.main_story #story_design .blk_download .btn_area .btn_std {
font-size: 2.1rem;
font-weight: 600;
letter-spacing: 0.025em;
padding: 16px 12px;
position: relative;
display: block;
text-align: center;
background-color: #444;
line-height: 1;
border-radius: 32px;
max-width: 640px;
color: #fff;
margin: 0 auto;
}
@media screen and (max-width: 900px) {
main.main_story #story_design .blk_download .btn_area .btn_std {
max-width: 400px;
padding: 8px 8px;
font-size: 1.8rem;
line-height: 1.2;
border-radius: 40px;
}
}
main.main_story #story_design .blk_download .btn_area .btn_std:after {
content: ""; display: inline-block; width: 14px; height: 17px; background-image: url(//e-yane.co.jp/wp-content/themes/taulabo/images/arrow03-r.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top: 38%;
right: 28px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
main.main_story #story_design .blk_download .btn_area .btn_std:hover {
background-color: #f45b5b;
}
main.main_story #story_design .blk_download .btn_area .btn_std:hover:after {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
right: 24px;
}
main.main_story #story_cause {
position: relative;
padding-top: 64px;
padding-bottom: 120px;
}
main.main_story #story_cause:before {
width: 100%;
height: 82px;
top: 0;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane4.svg) center top repeat-x;
z-index: 0;
}
main.main_story #story_cause:after {
width: 100%;
height: 82px;
bottom: -2px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane3.png) center top repeat-x;
z-index: 10;
}
main.main_story #story_cause .wrap > .heading .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
margin-bottom: 24px;
}
main.main_story #story_cause .wrap > .heading .tit span {
font-size: 2.8rem;
color: #e23434;
}
@media screen and (max-width: 900px) {
main.main_story #story_cause .wrap > .heading .tit {
font-size: 2rem;
margin-bottom: 16px;
}
main.main_story #story_cause .wrap > .heading .tit span {
font-size: 2.6rem;
}
}
main.main_story #story_cause .ul_cause {
max-width: 820px;
margin: 0 auto;
}
@media screen and (max-width: 900px) {
main.main_story #story_cause .ul_cause {
margin-top: 32px;
}
}
main.main_story #story_cause .ul_cause > li {
background: #f4f4f4;
padding: 40px 32px;
margin-bottom: 52px;
position: relative;
}
main.main_story #story_cause .ul_cause > li:last-child {
margin-bottom: 0;
}
main.main_story #story_cause .ul_cause > li .heading {
padding: 0.6em 0.8em;
display: inline-block;
font-family: 'tbcinergothic-std';
text-align: center;
font-size: 1.8rem;
font-weight: 600;
line-height: 1;
letter-spacing: 0.025em;
background: #5b5b5b;
color: #fff;
position: absolute;
left: -16px;
top: -16px;
}
main.main_story #story_cause .ul_cause > li .txt_line {
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.025em;
}
main.main_story #story_select {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 0px;
padding-bottom: 120px;
}
main.main_story #story_select:after {
width: 100%;
height: 82px;
bottom: -2px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane2.svg) center top repeat-x;
z-index: 10;
}
main.main_story #story_select .tit_sec03 {
padding-top: 0;
}
main.main_story #story_select .tit_sec03 > .copy {
font-size: 2rem;
font-family: "tbcinergothic-std", source-han-sans-japanese, sans-serif;
font-weight: 400;
color: #222A4F;
letter-spacing: 0.025em;
padding: 8px 0;
}
@media screen and (max-width: 900px) {
main.main_story #story_select .tit_sec03 > .copy {
font-size: 1.6rem;
}
}
main.main_story #story_select .tit_sec03 > .tit {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
color: #222A4F;
letter-spacing: 0.025em;
}
main.main_story #story_select .tit_sec03 > .tit span {
font-size: 3.6rem;
color: #1378BC;
}
@media screen and (max-width: 900px) {
main.main_story #story_select .tit_sec03 > .tit {
font-size: 2rem;
}
main.main_story #story_select .tit_sec03 > .tit span {
font-size: 2.6rem;
}
}
main.main_story #story_select .ul_select {
max-width: 940px;
margin: 24px auto 0;
}
main.main_story #story_select .ul_select > li {
background: #fff;
padding: 32px 32px 32px;
margin-bottom: 64px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_story #story_select .ul_select > li {
width: auto;
padding-top: 64px;
}
}
main.main_story #story_select .ul_select > li:last-child {
margin-bottom: 0;
}
main.main_story #story_select .ul_select > li .heading {
padding: 0.6em 0.8em;
display: inline-block;
font-family: 'tbcinergothic-std';
text-align: center;
font-size: 2rem;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.025em;
background: #1378BC;
color: #fff;
position: absolute;
left: -24px;
top: -24px;
padding-left: 1.6em;
}
@media screen and (max-width: 900px) {
main.main_story #story_select .ul_select > li .heading {
text-align: left;
line-height: 1.8;
}
}
main.main_story #story_select .ul_select > li .txt_line {
font-size: 1.7rem;
letter-spacing: 0.025em;
}
main.main_story #story_select .ul_select > li .txt_line .ul_naka {
margin: 0 0 16px;
}
main.main_story #story_select .ul_select > li .txt_line .ul_naka > li {
font-size: 1.9rem;
font-weight: 600;
}
main.main_story #story_select .ul_select > li .txt_line .ul_point > li {
font-size: 1.6rem;
letter-spacing: 0.025em;
line-height: 2;
position: relative;
padding-left: 1.6em;
}
main.main_story #story_select .ul_select > li .txt_line .ul_point > li:before {
color: #ef7373;
content: "●";
position: absolute;
left: 0;
top: 0px;
}
@media screen and (max-width: 900px) {
main.main_story #story_select .ul_select > li .txt_line .ul_point > li:before {
top: 0px;
}
}
main.main_story #story_select .ul_select > li .txt_line p {
letter-spacing: 0.025em;
font-size: 1.7rem;
line-height: 2;
margin-bottom: 0.8em;
}
@media screen and (max-width: 900px) {
main.main_story #story_select .ul_select > li .txt_line p {
line-height: 1.8;
}
}
main.main_story #story_select .ul_select > li .txt_line p:last-child {
margin-bottom: 0;
}
main.main_story #story_select .box {
max-width: 720px;
border: 2px solid #d3d3c7;
background: #f4f4f4;
margin: 40px auto;
padding: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 900px) {
main.main_story #story_select .box {
padding: 24px;
}
}
main.main_story #story_select .box > .heading .sub_point {
font-size: 1.7rem;
letter-spacing: 0.025em;
font-weight: 800;
color: #ef7373;
position: relative;
padding-left: 40px;
}
main.main_story #story_select .box > .heading .sub_point:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 30px;
height: 24px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/icn_check.svg) center center no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 2px;
}
main.main_story #story_select .box > .heading .tit {
font-size: 2.4rem;
font-family: 'tbcinergothic-std';
line-height: 1.4;
letter-spacing: 0.1em;
margin: 12px auto 16px;
position: relative;
}
@media screen and (max-width: 900px) {
main.main_story #story_select .box > .heading .tit {
font-size: 2.0rem;
}
}
main.main_story #story_select .box > .heading .tit:after {
content: "";
display: block;
width: 100px;
height: 4px;
background: #555;
margin: 24px 0 0;
}
main.main_story #story_select .box .txt_line {
color: #555;
line-height: 2;
}
main.main_story #story_select .box .txt_line p {
letter-spacing: 0.025em;
font-size: 1.6rem;
line-height: 2;
margin-bottom: 1.6em;
}
@media screen and (max-width: 900px) {
main.main_story #story_select .box .txt_line p {
line-height: 1.8;
}
}
main.main_story #story_select .box .txt_line p:last-child {
margin-bottom: 0;
}
.balloon2 {
position: relative;
display: inline-block;
margin: 15px 5px 1.1em 5px;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #FFF;
font-size: 14px;
background: #aaa;
border-radius: 10px;
}
.balloon2:before {
content: "";
position: absolute;
top: 98%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #aaa;
}
.rotate01.is-show {
-webkit-transition: all 0.3s 1s cubic-bezier(0.5, -10, 0.5, 10);
-o-transition: all 0.3s 1s cubic-bezier(0.5, -10, 0.5, 10);
transition: all 0.3s 1s cubic-bezier(0.5, -10, 0.5, 10);
}
.rotate01.is-show {
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
#recruit-entry .blk_form .entry-form-field__privacy-check {
margin-top: clamp(17px, 2.2727272vw, 40px);
text-align: center;
}
.-t_flx{
justify-content: center;
}
@media (max-width:1330px) {
.offset-lg-1{
margin-left: 2%;
}
.-t_tlt{
font-size: 14px !important;
}
}
@media (max-width:1240px) {
.-t_tlt{
padding: 8px 10px !important;
}
}
@media (max-width:991px) {
.offset-lg-1{
margin-left: 0;
}
} .t-contact{
margin: 0 2em;
padding-bottom: 3%;
}
#contact_box.t-contact_box{
max-width: 950px !important;
border-radius: 0 !important;
padding: 0 !important;
border: 3px solid #f1f0f1;
margin: 0 auto;
}
#contact_box.t-contact_box > .-t_content{
margin: 0 2em;
}
#contact_box.t-contact_box > .-t_content > .-t_read{
color: #1278bc;
font-size: 30px;
font-weight: bold;
background-color: #f1f0f1;
margin: 10px 0 0;
padding: 5px 0 5px;
text-align: center;
}
#contact_box.t-contact_box > .-t_content > .-t_read > span{
font-size: 35px;
color: #e2003b;
}
#contact_box.t-contact_box > .-t_content > .-t_wrap{
padding: 40px 70px;
}
.-t_box{
display: block;
padding-bottom: 70px;
}
.-t_item{
padding: 0 0 15px;
}
.-t_item > .vertical-item{
width: 26%;
}
.-sp_block{
display: none;
}
.mw_wp_form_confirm .t-contact_box > .-t_content > .notice{
display: block;
margin-top: clamp(28px, 3.3088235294vw, 45px);
padding: clamp(16px, 1.8382352941vw, 25px);
background: rgba(217, 20, 14, 0.05);
border: 3px solid #e2003b;
font-size: 15px;
line-height: 2;
text-align: center;
color: #e2003b;
}
.t-contact_box > .-t_content > .notice{
display: none;
}
#net-contact-complete .container .blk_complete {
padding: 32px 0;
text-align: center;
}
#net-contact-complete .container .blk_complete .tit_complete {
font-size: 2rem;
line-height: 1;
padding: 8px 0;
margin-bottom: 8px;
}
#net-contact-complete .container .blk_complete .txt_line {
font-size: 1.8rem;
}
#net-contact-complete .container .blk_complete .txt_line p {
line-height: 2;
margin-bottom: 1.6em;
}
@media (max-width:999px) {
#contact_box.t-contact_box > .-t_content > .-t_read{
font-size: 25px;
}
#contact_box.t-contact_box > .-t_content > .-t_read > span{
font-size: 28px;
}
#contact_box.t-contact_box > .-t_content > .-t_wrap{
padding: 40px 0;
}
}
@media (max-width:900px) {
#contact_box.t-contact_box{
margin-top: 40px;
}
}
@media (max-width:767px) {
.-t_item > .vertical-item{
width: 50%;
}
.-t_box{
padding-bottom: 120px;
}
#contact_box.t-contact_box > .-t_content > .-t_wrap{
padding-bottom: 0;
}
.-sp_block{
display: block;
}
#contact_box.t-contact_box > .-t_content{
margin: 0 1em;
}
.t-contact{
margin: 0 1em;
}
}
@media (max-width:560px) {
#contact_box.t-contact_box > .-t_content > .-t_read{
padding: 10px 0 5px;
}
} :root{
--arrow-recruiting: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23085da3%22%20d%3D%22M0%20256a256%20256%200%201%200%20512%200A256%20256%200%201%200%200%20256zM281%20385c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9l71-71L136%20280c-13.3%200-24-10.7-24-24s10.7-24%2024-24l182.1%200-71-71c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200L393%20239c9.4%209.4%209.4%2024.6%200%2033.9L281%20385z%22%2F%3E%3C%2Fsvg%3E');
--mail-recruiting: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cg%20style%3D%22isolation%3Aisolate%3B%22%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%20style%3D%22fill%3A%23085da3%3B%20stroke-width%3A0px%3B%22%2F%3E%3Crect%20x%3D%2210.53%22%20y%3D%2217.63%22%20width%3D%2228.94%22%20height%3D%2219.49%22%20style%3D%22fill%3A%23fff%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpolygon%20points%3D%2225%2027.21%2010.53%2036.96%2025%2036.96%2039.47%2036.96%2025%2027.21%22%20style%3D%22fill%3A%23c3d22e%3B%20isolation%3Aisolate%3B%20mix-blend-mode%3Amultiply%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpolygon%20points%3D%2225%2027.39%2010.53%2037.13%2025%2037.13%2039.47%2037.13%2025%2027.39%22%20style%3D%22fill%3A%23fff%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpath%20d%3D%22m24.49%2C5l-13.96%2C12.67h28.94l-13.96-12.67c-.29-.26-.74-.26-1.03%2C0h.01Z%22%20style%3D%22fill%3A%23f4f4f4%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpath%20d%3D%22m24.49%2C27.62l-13.96-9.95%2C14.47-.04%2C14.47.04-13.96%2C9.95c-.29.19-.74.19-1.03%2C0h.01Z%22%20style%3D%22fill%3A%23ddd%3B%20stroke-width%3A0px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
--icon-recruiting: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054.41%2030%22%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpolygon%20points%3D%22.56%2014.68%204.65%202.37%205.7%201.74%208.58%202.64%209.26%204.33%2014.63%204.25%2019.72%203.47%2023.96%20.64%2027%20.64%2036.41%203.47%2045.16%203.97%2045.84%202.68%2048.38%201.7%2049.88%202.46%2053.78%2014.49%2053.44%2015.99%2050.7%2016.89%2049.28%2016.36%2048.87%2015.18%2046.95%2015.46%2040.94%2016.06%2041.89%2017.93%2040.69%2020.64%2037.8%2021.43%2036.75%2023.52%2033.9%2024.5%2032.99%2026.75%2030.3%2027.35%2029.7%2029.08%2028.4%2029.42%2026.1%2028.48%2023.93%2029.42%2022.54%2028.73%2021.98%2027.43%2020.59%2027.74%2019.09%2026.94%2018.59%2026.07%2015.69%2025.38%2014.62%2023.24%2012.98%2022.63%2011.35%2018.33%207.05%2016.9%205.67%2016.51%203.71%2016.9%20.86%2015.8%20.56%2014.68%22%20style%3D%22fill%3A%23fff%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cg%20style%3D%22opacity%3A.5%3B%22%3E%3Cpath%20d%3D%22m11.35%2C18.33l1.64.25s2.58-1.26%2C3.4-1.2%2C2.2.44%2C2.08%2C1.39c-.13.94-.63%2C1.64-.63%2C1.64%2C0%2C0%2C2.01-.76%2C2.71-.31s1.07%2C2.14%2C1.07%2C2.14c0%2C0%2C2.33-.69%2C3.15-.13.82.57-.44%2C2.46-.44%2C2.46%2C0%2C0%2C2.58-1.64%2C3.08-.38.5%2C1.26-.31%2C3.4-.31%2C3.4l-2.46%2C2.08s-1.2-.13-1.76-.82l-.57-.69s-2.01.19-2.83-.76c-.82-.94-.88-1.32-.88-1.32%2C0%2C0-2.27.19-2.9-.69-.63-.88-1.07-2.14-1.07-2.14%2C0%2C0-1.57-.13-2.46-1.76-.88-1.64-.82-3.15-.82-3.15Z%22%20style%3D%22fill%3A%2398bbdc%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpath%20d%3D%22m17.77%2C5.8S23.06.64%2C25.26.64s5.98%2C1.39%2C7.87%2C1.89c1.89.5%2C6.04%2C1.2%2C8%2C1.32%2C1.95.13%2C4.03.13%2C4.03.13%2C0%2C0%2C0-1.32%2C1.45-1.64%2C1.45-.31%2C2.83-.57%2C3.27.13.44.69%2C3.9%2C12.02%2C3.9%2C12.02%2C0%2C0-.06%2C1.57-1.64%2C2.14-1.57.57-2.39.06-2.39.06l-.88-1.51-3.27.57s-4.34.31-4.66.31-5.67-.76-9-3.34c-3.34-2.58-6.3-6.8-6.3-6.8l-4.85%2C3.02s-1.57%2C1.01-2.96-.19-.06-2.96-.06-2.96Z%22%20style%3D%22fill%3A%2398bbdc%3B%20stroke-width%3A0px%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22m54.3%2C14.08l-3.72-11.33c-.39-1.18-1.66-1.82-2.84-1.44l-1.53.5c-.57.19-1.03.59-1.31%2C1.12-.07.15-.13.3-.17.46-4.07%2C0-10.91-.83-13.18-1.82C29.09.51%2C26.83.15%2C26.61.12c-.28-.08-1.79-.44-3.75.71-.99.58-1.95%2C1.29-2.76%2C1.93-.62.13-5.27%2C1.09-10.35%2C1.02-.02-.29-.1-.57-.24-.83-.27-.54-.74-.94-1.31-1.12l-1.53-.5c-1.18-.39-2.45.26-2.84%2C1.44L.11%2C14.08c-.19.57-.14%2C1.18.13%2C1.72.27.54.74.94%2C1.31%2C1.13l1.53.5c.23.07.46.11.7.11.35%2C0%2C.7-.08%2C1.02-.24.54-.27.94-.74%2C1.12-1.31l3.6-10.95c3.25.07%2C6.35-.28%2C8.37-.6-.55.43-1.16%2C1.2-1.33%2C2.18-.15.82.05%2C1.63.57%2C2.33.6.82%2C1.61%2C1.12%2C2.82.86.84-.18%2C1.5-.56%2C1.53-.58%2C0%2C0%2C.04-.03.05-.03l3.79-2.68c.35.58%2C1.53%2C2.43%2C3.59%2C4.44%2C1.43%2C1.39%2C2.98%2C2.57%2C4.61%2C3.49%2C2.05%2C1.16%2C4.23%2C1.93%2C6.48%2C2.28.03%2C0%2C.05%2C0%2C.08%2C0%2C.02%2C0%2C.07%2C0%2C.08%2C0l.59-.06c.61%2C1.17.61%2C1.64-.38%2C3.2-.38.59-1.74.83-2.55.85-1.73-.56-4.39-3.34-4.41-3.37-.24-.25-.64-.26-.9-.02-.12.12-.19.27-.2.44%2C0%2C.17.06.33.17.45.11.11%2C2.52%2C2.65%2C4.51%2C3.53-.15.67-.45%2C1.17-.88%2C1.49-.82.62-1.92.52-2.14.49-2.33-.85-4.22-3.07-4.23-3.09-.22-.27-.62-.3-.89-.08-.27.22-.3.62-.08.89.08.09%2C1.9%2C2.26%2C4.37%2C3.31-.09.6-.32%2C1.04-.68%2C1.33-.73.59-1.83.51-2.15.47-1.03-.58-1.67-1.35-1.67-1.36-.04-.06-.1-.1-.16-.14-.08-.36-.21-.71-.39-1.04-.26-.48-.66-.78-1.17-.88-.37-.07-.79-.03-1.25.12.07-.54-.08-1.04-.43-1.45-.46-.54-1.11-.79-1.88-.74-.32.02-.65.1-.98.22-.04-.47-.25-1.02-.84-1.52-.73-.62-1.66-.73-2.71-.32.07-.71-.02-1.53-.58-2.17-.43-.48-1.12-.69-1.99-.6-1.13.11-2.54.72-3.25%2C1.39-.22-.07-.58-.19-1.02-.34-1.66-.56-4.43-1.5-5.79-1.5-.35%2C0-.63.28-.63.63%2C0%2C.42.4.57.53.62.16.06.49.14.95.26.99.25%2C2.63.66%2C3.76%2C1.16.09.82.53%2C3.33%2C2.51%2C4.52.22.13.46.22.73.28.13.34.36.85.75%2C1.34.57.71%2C1.6%2C1.52%2C3.28%2C1.43.21.42.6%2C1.03%2C1.31%2C1.43.66.37%2C1.43.47%2C2.3.31.22.49.65%2C1.16%2C1.39%2C1.5.75.34%2C1.62.26%2C2.57-.24.18-.09.35-.19.51-.29.43.29%2C1.35.84%2C2.32.84.41%2C0%2C.79-.1%2C1.12-.3.9-.54%2C1.13-1.33%2C1.19-1.84.67%2C0%2C1.68-.13%2C2.48-.78.61-.49.99-1.18%2C1.14-2.06.64%2C0%2C1.64-.13%2C2.48-.76.71-.53%2C1.18-1.3%2C1.39-2.3.87-.07%2C2.5-.35%2C3.18-1.41%2C1.07-1.69%2C1.24-2.63.64-4.02l5.63-.47c.17-.02.32-.1.43-.23.11-.13.15-.3.14-.46l.2.62c.19.57.59%2C1.03%2C1.12%2C1.31.32.16.67.24%2C1.02.24.24%2C0%2C.47-.04.7-.11l1.53-.5c.57-.19%2C1.03-.59%2C1.31-1.13.27-.54.32-1.15.13-1.72Zm-1.18%2C1.19c-.13.26-.35.45-.62.54l-1.53.5c-.27.09-.56.07-.82-.06-.26-.13-.45-.35-.54-.62l-3.72-11.33s-.02-.08-.03-.12c.01-.05.03-.1.03-.15%2C0-.07-.02-.13-.04-.19.02-.12.05-.24.1-.35.13-.26.35-.45.62-.54l1.53-.5c.56-.18%2C1.18.14%2C1.36.69l3.72%2C11.33c.09.27.07.56-.06.82ZM1.29%2C15.27c-.13-.26-.15-.55-.06-.82L4.95%2C3.11c.15-.44.56-.74%2C1.03-.74.11%2C0%2C.23.02.33.05l1.53.5c.27.09.49.28.62.54.13.26.15.55.06.82l-3.72%2C11.33c-.09.27-.28.49-.54.62-.26.13-.55.15-.82.06l-1.53-.5c-.27-.09-.49-.28-.62-.54Zm15.96%2C5.24c-.12.27-.04.59.19.77.24.18.57.17.79-.02.02-.01%2C1.55-1.29%2C2.48-.51.37.31.48.65.35%2C1.1-.07.23-.18.44-.25.54-.06.07-.11.14-.15.21-.18.28-.11.65.15.85.27.2.65.15.86-.1%2C0-.01.07-.08.13-.18.31-.37.99-.79%2C1.62-.83.36-.03.63.07.83.3.56.65-.72%2C1.86-.73%2C1.88-.25.23-.28.63-.05.89.23.26.62.29.88.07.61-.51%2C1.73-1.18%2C2.31-1.08.13.03.22.09.3.24.32.6.41%2C1.14.25%2C1.64-.22.73-.95%2C1.42-2.17%2C2.06-.59.31-1.08.38-1.46.21-.65-.29-.9-1.24-.9-1.24-.04-.17-.15-.32-.3-.4-.1-.06-.2-.08-.31-.08-.06%2C0-.12%2C0-.19.03-.76.23-1.4.22-1.89-.05-.68-.38-.9-1.16-.9-1.16-.08-.32-.39-.52-.71-.47-2.62.4-3.23-2.08-3.26-2.19-.06-.28-.31-.48-.6-.49-.23%2C0-.42-.06-.57-.15-1.23-.74-1.68-2.3-1.83-3.14.34.07.61.13.78.17.08.04.18.06.28.06.03%2C0%2C.06%2C0%2C.1%2C0%2C.29%2C0%2C.54-.19.61-.47%2C0%2C0%2C0%2C0%2C0%2C0%2C.43-.38%2C1.51-.92%2C2.47-1.01.45-.04.78.02.92.18.67.75-.04%2C2.36-.04%2C2.38Zm4.72%2C6.61h0s0%2C0%2C0%2C0h0Zm7.54.45c.01.3-.07.74-.58%2C1.05-.42.25-1.11.05-1.68-.26.56-.5.94-1.04%2C1.14-1.6.28.24.66.54%2C1.12.82Zm18.53-12.63c-.13-.1-.3-.15-.46-.14l-7.46.66c-2.08-.33-4.08-1.04-5.97-2.11-1.54-.87-3-1.97-4.34-3.29-2.07-2.01-3.23-3.91-3.45-4.28l.49-.35c.28-.2.35-.6.15-.88-.2-.29-.6-.35-.88-.15l-5.28%2C3.73c-.08.04-1.96%2C1.06-2.7.06-.31-.42-.42-.88-.34-1.35.12-.65.59-1.23.98-1.48.36-.23.83-.61%2C1.39-1.05.96-.76%2C2.16-1.7%2C3.32-2.38%2C1.6-.93%2C2.76-.59%2C2.77-.58.01%2C0%2C.03%2C0%2C.05%2C0%2C.02%2C0%2C.04.01.05.01.02%2C0%2C2.3.35%2C4.68%2C1.38.7.3%2C2.49.89%2C6.6%2C1.41%2C2.56.33%2C5.16.51%2C7.12.51l3.44%2C10.46c-.04-.07-.09-.13-.15-.18Z%22%20style%3D%22fill%3A%231378bc%3B%20stroke-width%3A0px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
--icon-message-recruiting: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2030%22%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20d%3D%22m17%2C29.25c-3.23%2C0-6.36-.83-9.04-2.41l-.35-.21-3.03%2C1.53.28-3.69-.24-.24c-2.5-2.57-3.88-5.85-3.88-9.23C.75%2C7.14%2C8.04.75%2C17%2C.75s16.25%2C6.39%2C16.25%2C14.25-7.29%2C14.25-16.25%2C14.25Z%22%20style%3D%22fill%3A%23fff%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cpath%20d%3D%22m17%2C1.5c8.55%2C0%2C15.5%2C6.06%2C15.5%2C13.5s-6.95%2C13.5-15.5%2C13.5c-3.1%2C0-6.09-.8-8.65-2.3l-.71-.42-.73.37-1.48.75.15-2.03.05-.67-.47-.48c-2.36-2.43-3.66-5.53-3.66-8.71C1.5%2C7.56%2C8.45%2C1.5%2C17%2C1.5m0-1.5C7.61%2C0%2C0%2C6.72%2C0%2C15c0%2C3.72%2C1.54%2C7.13%2C4.09%2C9.75l-.27%2C3.68c-.03.35.24.62.54.62.08%2C0%2C.16-.02.23-.06l2.99-1.51c2.7%2C1.59%2C5.93%2C2.51%2C9.42%2C2.51%2C9.39%2C0%2C17-6.72%2C17-15S26.39%2C0%2C17%2C0h0Z%22%20style%3D%22fill%3A%231378bc%3B%20stroke-width%3A0px%3B%22%2F%3E%3Cline%20x1%3D%228.23%22%20y1%3D%2210.71%22%20x2%3D%2225.77%22%20y2%3D%2210.71%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A1.5px%3B%22%2F%3E%3Cline%20x1%3D%228.23%22%20y1%3D%2215%22%20x2%3D%2225.77%22%20y2%3D%2215%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A1.5px%3B%22%2F%3E%3Cline%20x1%3D%228.23%22%20y1%3D%2219.29%22%20x2%3D%2219.39%22%20y2%3D%2219.29%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A1.5px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
--icon-about-recruiting: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2047%2030%22%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Crect%20x%3D%229.89%22%20y%3D%22.75%22%20width%3D%2221.26%22%20height%3D%2228.5%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A1.5px%3B%22%2F%3E%3Cpolyline%20points%3D%2231.15%205.64%2038.81%205.64%2038.81%2017.76%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A1.5px%3B%22%2F%3E%3Crect%20x%3D%2231.15%22%20y%3D%2217.76%22%20width%3D%2211.06%22%20height%3D%2211.49%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A1.5px%3B%22%2F%3E%3Crect%20x%3D%2216.7%22%20y%3D%2224.57%22%20width%3D%227.65%22%20height%3D%224.68%22%20style%3D%22fill%3A%2398bbdc%3B%20stroke%3A%231378bc%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Crect%20x%3D%2212.44%22%20y%3D%2224.57%22%20width%3D%222.55%22%20height%3D%224.68%22%20style%3D%22fill%3A%2398bbdc%3B%20stroke%3A%231378bc%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Crect%20x%3D%2226.05%22%20y%3D%2224.57%22%20width%3D%222.55%22%20height%3D%224.68%22%20style%3D%22fill%3A%2398bbdc%3B%20stroke%3A%231378bc%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cline%20x1%3D%2213.29%22%20y1%3D%2218.74%22%20x2%3D%2227.75%22%20y2%3D%2218.74%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cline%20x1%3D%2213.29%22%20y1%3D%2214.91%22%20x2%3D%2227.75%22%20y2%3D%2214.91%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cline%20x1%3D%2213.29%22%20y1%3D%2211.09%22%20x2%3D%2227.75%22%20y2%3D%2211.09%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cline%20x1%3D%2213.29%22%20y1%3D%227.26%22%20x2%3D%2227.75%22%20y2%3D%227.26%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cline%20x1%3D%2233.28%22%20y1%3D%2213.94%22%20x2%3D%2236.68%22%20y2%3D%2213.94%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cline%20x1%3D%2233.28%22%20y1%3D%2211.38%22%20x2%3D%2236.68%22%20y2%3D%2211.38%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cline%20x1%3D%2233.28%22%20y1%3D%228.83%22%20x2%3D%2236.68%22%20y2%3D%228.83%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Crect%20x%3D%223.94%22%20y%3D%2218.62%22%20width%3D%223.4%22%20height%3D%227.66%22%20rx%3D%221.41%22%20ry%3D%221.41%22%20style%3D%22fill%3A%2398bbdc%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Crect%20x%3D%2236.26%22%20y%3D%2220.32%22%20width%3D%223.4%22%20height%3D%225.96%22%20rx%3D%221.41%22%20ry%3D%221.41%22%20style%3D%22fill%3A%2398bbdc%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cline%20x1%3D%22.75%22%20y1%3D%2229.25%22%20x2%3D%2246.25%22%20y2%3D%2229.25%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A1.5px%3B%22%2F%3E%3Cline%20x1%3D%225.64%22%20y1%3D%2229.25%22%20x2%3D%225.64%22%20y2%3D%2223.29%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3Cline%20x1%3D%2237.96%22%20y1%3D%2229.25%22%20x2%3D%2237.96%22%20y2%3D%2224.15%22%20style%3D%22fill%3Anone%3B%20stroke%3A%231378bc%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#main_recruiting .main_tit_recruiting .tit_main01:before{
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 234px;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/recruiting/main_bg.png) center 0 no-repeat;
background-size: contain;
margin: 0 auto;
}
.main_tit_recruiting .tit_main01 .title{
max-width: 1000px;
padding: 40px 0;
margin: 0 auto;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/guide/h_bg1.png) center center repeat-x;
color: #fff;
}
#recruiting_ttl{
position: relative;
padding-bottom: 120px;
}
#recruiting_ttl::after{
width: 100%;
height: 82px;
bottom: -2px;
content: "";
position: absolute;
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_yane3.png) center top repeat-x;
z-index: 10;
}
.recruiting_lead{
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.025em;
color: #555;
line-height: 2.2;
text-align: center;
}
main.main_story #features {
background: url(//e-yane.co.jp/wp-content/themes/taulabo/site/img/common/wall_bg.jpg) repeat;
position: relative;
padding-top: 0px;
padding-bottom: clamp(50px, 6.25vw, 120px);
}
#features.sec_story .tit_sec03.heading > .tit{
text-align: center;
font-size: 2rem;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.025em;
color: #222A4F;
}
#features.sec_story .tit_sec03.heading > .tit > span{
line-height: 1.4;
font-size: 3.6rem;
color: #1378BC;
font-weight: bold;
}
.c-row{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.c-row > .c-card{
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
max-width: 320px;
width: 100%;
padding: 40px 30px;
background-color: #fff;
border: 1px solid #D3D3C7;
box-shadow: 5px 5px 0px 0px #D3D3C7;
}
.c-row > .c-card.-tag{
position: relative;
}
.c-row > .c-card.-tag::before{
content: "";
top: 0;
left: 0;
border-bottom: 8em solid transparent;
border-left: 8em solid #1378BC;
position: absolute;
z-index: 100;
}
.c-row > .c-card.-tag::after{
content: attr(data-text);
display: block;
top: 4%;
color: #fff;
font-size: 20px;
font-weight: bold;
left: 3%;
position: absolute;
z-index: 101;
}
.c-row > .c-card > h3{
font-size: 23px;
color: #222A4F;
border-bottom: 1px solid #222A4F;
padding-bottom: 10px;
margin-bottom: 30px;
}
.c-row > .c-card > .txt{
margin-top: 20px;
font-size: 16px;
}
.recruiting-contact{
background-color: #1378BC;
position: relative;
overflow: hidden;
}
.recruiting-contact::before{
content: "";
top: 0;
left: 0;
border-bottom: 17em solid transparent;
border-left: 10em solid #085DA3;
position: absolute;
z-index: 102;
}
.recruiting-contact > .content::before{
content: "";
top: 0;
left: 0;
border-bottom: 21em solid transparent;
border-left: 12.5em solid #0D6BB0;
position: absolute;
z-index: 101;
}
.recruiting-contact::after{
content: "";
bottom: 0;
right: 0;
border-top: 17em solid transparent;
border-right: 10em solid #085DA3;
position: absolute;
z-index: 102;
}
.recruiting-contact > .content::after{
content: "";
bottom: 0;
right: 0;
border-top: 21em solid transparent;
border-right: 12.5em solid #0D6BB0;
position: absolute;
z-index: 101;
}
.recruiting-contact > .content > .action{
padding: 30px 0;
text-align: center;
}
.recruiting-contact > .content > .action > .-bg > .btn{
padding: 30px 100px;
background-color: #fff;
color: #085DA3;
font-size: 20px;
font-weight: bold;
border-radius: 4px;
display: inline-flex;
align-items: center;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease;
position: relative;
z-index: 200;
}
.recruiting-contact > .content > .action > .-bg{
background-color: #fff;
display: inline-block;
border-radius: 4px;
}
@media (hover: hover) and (pointer: fine) {
.recruiting-contact > .content > .action > .-bg > .btn:hover{
opacity: .65;
}
}
.recruiting-contact > .content > .action > .-bg > .btn::before{
content: var(--mail-recruiting);
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
margin-right: 1em;
}
.recruiting-contact > .content > .action > .-bg > .btn::after{
content: var(--arrow-recruiting);
display: inline-block;
width: 25px;
height: 25px;
margin-left: 1em;
}
#features > .-t_requirements{
padding-top: clamp(50px, 5.2083333333vw, 100px);
}
#features > .-t_requirements > .sub-ttl{
font-size: 25px;
font-weight: bold;
color: #1378BC;
margin-left: 1.8em;
margin-bottom: 20px;
}
#features > .-t_requirements > .sub-ttl::before{
content: var(--icon-recruiting);
display: inline-block;
width: 55px;
vertical-align: sub;
margin-right: 10px;
}
.requirements > .c-row{
flex-wrap: wrap;
}
.requirements > .c-row > .c-card{
flex-basis: 45%;
max-width: 45%;
padding: clamp(18px, 0.9375vw, 25px) 10px clamp(18px, 0.9375vw, 25px) clamp(45px, 2.34375vw, 60px);
font-size: 18px;
font-weight: bold;
display: flex;
align-items: flex-start;
box-shadow: none;
}
.requirements > .c-row > .c-card.c-card.-tag::before{
content: "";
top: 0;
left: 0;
border-bottom: 3em solid transparent;
border-left: 3em solid #1378BC;
position: absolute;
z-index: 100;
}
.requirements > .c-row > .c-card.c-card.-tag::after{
content: attr(data-text);
display: block;
top: 2%;
color: #fff;
font-size: 15px;
font-weight: bold;
left: 1.5%;
position: absolute;
z-index: 101;
}
#features > .table{
max-width: 995px;
margin: 40px auto 0;
}
#features > .table > .list > .item{
display: flex;
border: 1px solid #D3D3C7;
}
#features > .table > .list > .item + .item{
border-top: none;
}
#features > .table > .list > .item > dt{
width: 25%;
max-width: 100%;
background-color: #085DA3;
font-size: 18px;
font-weight: bold;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
#features > .table > .list > .item > dd{
width: 75%;
max-width: 100%;
background-color: #fff;
padding: 30px 10px 30px 40px;
font-size: 18px;
}
#features.recruiting-form{
background: url(https://e-yane.co.jp/wp-content/themes/taulabo/site/img/common/bg_sky_top.jpg) center 0 repeat-x #fff !important;
position: relative;
padding-bottom: 80px;
}
#main_recruiting .recruiting-about{
position: relative;
background: url(//e-yane.co.jp/wp-content/themes/taulabo/images/aboutus_2_bg.jpg);
}
.recruiting-about > #ceo_01{
padding: 0 0 70px !important;
}
.recruiting-about > #ceo_01 > .wrap > .content{
max-width: 995px;
margin: 0 auto;
padding: 60px;
background-color: #fff;
border: 2px solid #D3D3C7;
}
.recruiting-about > #ceo_01 > .wrap > .content + .content{
margin-top: 40px;
}
.recruiting-about > #ceo_01 > .wrap > .content.-flx{
display: flex;
gap: 60px;
justify-content: space-between;
}
.recruiting-about > #ceo_01 > .wrap > .content.-flx.-reverse{
flex-direction: row-reverse;
}
.recruiting-about > #ceo_01 > .wrap > .content > .img > img{
border: 2px solid #555555;
}
.recruiting-about > #ceo_01 > .wrap > .content > .message{
width: 410px;
max-width: 100%;
}
.recruiting-about > #ceo_01 > .wrap > .content > .message > .ttl{
font-size: 24px;
font-weight: bold;
color: #1378BC;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #D3D3C7;
}
.recruiting-about > #ceo_01 > .wrap > .content > .message > .ttl::before{
content: var(--icon-message-recruiting);
display: inline-block;
width: 35px;
vertical-align: sub;
margin-right: 10px;
}
.recruiting-about > #ceo_01 > .wrap > .content.-flx.-reverse > .message > .ttl::before{
content: var(--icon-about-recruiting);
display: inline-block;
width: 45px;
vertical-align: sub;
margin-left: 10px;
}
.recruiting-about > #ceo_01 > .wrap > .content > .message > .txt{
font-size: 16px;
line-height: 2;
}
.recruiting-about > #ceo_01 > .wrap > .content > .message > .name{
font-size: 16px;
line-height: 2;
text-align: right;
margin-top: 20px;
}
#contact_box.t-contact_box.-recruiting{
border: none;
}
#contact_box.-recruiting th .emphasis{
margin-left: 0;
background-color: #C71212;
margin-right: 15px;
border-radius: 5px;
}
#contact_box.-recruiting th .any{
background-color: #BBBBBB;
color: #fff;
border-radius: 5px;
font-size: 1.4rem;
margin-right: 15px;
width: 53px;
height: 28px;
line-height: 28px;
display: inline-block;
text-align: center;
}
#contact_box.-recruiting th{
color: #555555;
display: flex;
align-items: center;
flex: 0 0 auto;
width: 15em;
padding: calc(0.875em + 1px) 0;
}
#contact_box.-recruiting .item{
display: flex;
align-items: baseline;
}
#contact_box.-recruiting td{
display: flex;
align-items: center;
gap: 5px;
}
#contact_box.-recruiting td#-flx{
flex-direction: column;
align-items: flex-start;
width: 100%;
}
#contact_box.-recruiting .contact_bottom .privacy{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 18px;
max-width: 326px;
width: 100%;
height: 50px;
margin: 0 auto;
}
#contact_box.-recruiting div.contact_bottom div.item{
margin: 0 auto;
justify-content: center;
}
.radio_btn td{
margin-top: 10px;
}
#-flx .mwform-checkbox-field label, #-flx .mwform-radio-field label{
display: flex;
align-items: center;
}
#-flx .horizontal-item + .horizontal-item{
margin-left: 0 !important;
}
.mw_wp_form_confirm .privacy{
display: none;
}
#recruiting-contact-complete{
padding: 0 1em;
}
#recruiting-contact-complete .blk_complete{
display: flex;
flex-direction: column;
align-items: center;
}
#recruiting-contact-complete .tit_complete{
font-size: 25px;
margin-bottom: 20px;
}
#recruiting-contact-complete .txt_line{
font-size: 16px;
}
@media (max-width:1240px) {
#main_recruiting .main_tit_recruiting .tit_main01:before{
background-size: cover;
}
#features > .table > .list > .item > dd{
padding-left: 10px;
}
.recruiting-about > #ceo_01 > .wrap > .content.-flx {
gap: 30px;
}
}
@media (max-width:1000px) {
.requirements > .c-row{
flex-direction: column;
}
.requirements > .c-row > .c-card{
flex-basis: 100%;
max-width: 100%;
}
#features > .-t_requirements > .sub-ttl{
text-align: center;
margin-left: 0;
}
.requirements > .c-row > .c-card.c-card.-tag::after{
left: 1%;
}
.recruiting-contact > .content > .action > .-bg > .btn{
padding: 15px 30px;
}
main.main_aboutus .sec_aboutus .tit_sec03:before, main.main_aboutus .sec_aboutus .tit_sec03:after{
width: 170px;
}
.recruiting-about > #ceo_01 > .wrap > .content.-flx,.recruiting-about > #ceo_01 > .wrap > .content.-flx.-reverse{
flex-direction: column;
align-items: center;
}
.recruiting-about > #ceo_01 > .wrap > .content > .message{
width: 100%;
}
}
@media (max-width:900px) {
#main_recruiting .main_tit_recruiting .tit_main01:before{
height: 200px;
}
.recruiting-about > #ceo_01 > .wrap > .content{
margin: 40px auto;
}
.recruiting-about > #ceo_01 > .wrap > .content + .content{
margin-top: 0;
}
#features > .table{
padding: 0 24px;
}
.recruiting-contact > .content > .action > .-bg > .btn{
padding: 15px 15px;
}
.recruiting-about > #ceo_01 > .wrap > .content.-flx,.recruiting-about > #ceo_01 > .wrap > .content.-flx.-reverse{
width: 90%;
}
}
@media (max-width:767px) {
.recruiting-contact > .content > .action > .-bg > .btn{
font-size: 16px;
}
#features > .table > .list > .item > dd{
font-size: 16px;
padding: 15px 10px;
}
#contact_box.-recruiting .item{
flex-direction: column;
}
#contact_box.-recruiting .-sp_item{
flex-direction: row;
}
#contact_box.-recruiting td{
width: 100%;
}
.item > td > .mwform-tel-field{
width: 100%;
}
#contact_box.-recruiting th{
margin-bottom: 0;
}
#contact_box.-recruiting .item.back{
align-items: center;
}
.recruiting-about > #ceo_01{
padding: 0!important;
}
.recruiting-contact > .content > .action > .-bg > .btn::before{
width: 40px;
height: 40px;
}
}
@media (max-width:560px) {
#main_recruiting .main_tit_recruiting .tit_main01:before{
height: 140px;
}
.c-row > .c-card{
max-width: 100%;
}
.recruiting-contact > .content > .action{
padding: 20px 1em;
}
.recruiting-about > #ceo_01 > .wrap > .content.-flx,.recruiting-about > #ceo_01 > .wrap > .content.-flx.-reverse{
width: 100%;
padding: 15px;
}
.recruiting-about > #ceo_01 > .wrap > .content > .img > img{
width: 100%;
}
#contact_box.-recruiting .-sp_item{
flex-direction: column;
}
#contact_box.-recruiting td#-flx{
flex-wrap: wrap;
flex-direction: row;
gap: 0 20px;
margin-top: 0;
}
#features > .-t_requirements > .sub-ttl{
font-size: 18px;
}
#features > .-t_requirements > .sub-ttl::before{
width: 45px;
}
#features > .table > .list > .item{
flex-direction: column;
}
#features > .table > .list > .item > dd{
width: 100%;
}
#features > .table > .list > .item > dt{
padding: 10px;
width: 100%;
}
.recruiting-about > #ceo_01 > .wrap > .content > .message > .ttl{
margin-bottom: 20px;
}
.recruiting-about > #ceo_01 > .wrap > .content.-flx{
gap: 20px;
}
.recruiting-about > #ceo_01 > .wrap > .content{
margin: 20px auto;
}
}
.recruiting-bnr{
text-align: center;
margin-top: 2.5em;
}
.recruiting-bnr a{
display: inline-block;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.recruiting-bnr a:hover{
opacity: .65;
}
 .mw_wp_form .error {
font-size : 93%;
color : #B70000;
display : block;
} .mw_wp_form .akismet_error {
display: block;
} .mw_wp_form .vertical-item {
display: block;
}
.mw_wp_form .vertical-item + .vertical-item {
margin-top: 5px;
} .mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 10px;
} .mwform-checkbox-field label,
.mwform-radio-field label {
font-weight: normal;
margin-bottom: 0;
}
.mwform-checkbox-field input,
.mwform-radio-field input {
margin-right: 5px;
} .mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
width: 40%;
margin: 0 5px;
} .mw-wp-form-deprecated-message {
background: #fdeeee;
border: 1px solid #f7bdb8;
border-radius: 5px;
color: #af4040;
font-size: 13px;
line-height: 1.6;
margin: 0 0 10px;
padding: 1em;
} .mw_wp_form input[type="file"] {
display: inline-block;
} .mwform-file-delete {
cursor: pointer;
visibility: hidden;
} .mwform-tel-field input[type="text"],
.mwform-zip-field input[type="text"] {
display: inline-block;
width: auto;
}
.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block}.wp-block-avatar{line-height:0}.wp-block-avatar,.wp-block-avatar img{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}.wp-block-audio{box-sizing:border-box}.wp-block-audio figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%}.wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){background-color:transparent;background-image:none}.wp-block-button .wp-block-button__link:where(.has-border-color){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-color]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-color]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-color]){border-left-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-style]){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-style]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-style]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-style]){border-left-width:medium}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table:where(:not(.has-text-color)){color:#40464d}.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{border-color:#ddd}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd}.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-code{box-sizing:border-box}.wp-block-code code{display:block;font-family:inherit;overflow-wrap:break-word;white-space:pre-wrap}.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination.aligncenter{justify-content:center}.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:right}.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:transparent}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{content:"";display:block;font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:inherit;width:100%;z-index:1}.wp-block-cover h1:where(:not(.has-text-color)),.wp-block-cover h2:where(:not(.has-text-color)),.wp-block-cover h3:where(:not(.has-text-color)),.wp-block-cover h4:where(:not(.has-text-color)),.wp-block-cover h5:where(:not(.has-text-color)),.wp-block-cover h6:where(:not(.has-text-color)),.wp-block-cover p:where(:not(.has-text-color)),.wp-block-cover-image h1:where(:not(.has-text-color)),.wp-block-cover-image h2:where(:not(.has-text-color)),.wp-block-cover-image h3:where(:not(.has-text-color)),.wp-block-cover-image h4:where(:not(.has-text-color)),.wp-block-cover-image h5:where(:not(.has-text-color)),.wp-block-cover-image h6:where(:not(.has-text-color)),.wp-block-cover-image p:where(:not(.has-text-color)){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0}.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-touch-callout:inherit){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}.wp-block-details{box-sizing:border-box;overflow:hidden}.wp-block-details summary{cursor:pointer}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{box-sizing:border-box}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-left:.75em}:where(.wp-block-file){margin-bottom:1.5em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 1em 1em 0;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;object-fit:cover;width:100%}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{margin-right:0;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{margin-right:1em;width:calc(33.33333% - .66667em)}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-right:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-right:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{margin-right:1em;width:calc(16.66667% - .83333em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-right:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{margin-right:1em;width:calc(12.5% - .875em)}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:13px;left:0;margin-bottom:0;max-height:60%;overflow:auto;padding:0 8px 8px;position:absolute;text-align:center;width:100%}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;object-fit:cover;width:100%}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100vw;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit}.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}ol,ul{box-sizing:border-box}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{box-sizing:border-box; direction:ltr; display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{ grid-column:1;grid-row:1; margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; grid-column:2;grid-row:1; padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ grid-column:2;grid-row:1 }.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ grid-column:1;grid-row:1 }.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:transparent;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20em);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0}.wp-block-post-comments-form{box-sizing:border-box}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-date{box-sizing:border-box}:where(.wp-block-post-excerpt){margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:transparent}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"],.wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"]{rotate:180deg}.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap}.wp-block-post-time-to-read,.wp-block-post-title{box-sizing:border-box}.wp-block-post-title{word-break:break-word}.wp-block-post-title a{display:inline-block}.wp-block-preformatted{box-sizing:border-box;white-space:pre-wrap}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}.wp-block-pullquote{box-sizing:border-box;overflow-wrap:break-word;padding:3em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{color:inherit}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}:where(.wp-block-pullquote){margin:0 0 1em}.wp-block-pullquote.has-text-align-left blockquote{text-align:left}.wp-block-pullquote.has-text-align-right blockquote{text-align:right}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote cite{color:inherit}.wp-block-post-template{list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.wp-block-post-template{background:none}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container>li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}@media (max-width:600px){.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{grid-template-columns:1fr}}.wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{-webkit-margin-start:2em;-webkit-margin-end:0;float:right;margin-inline-end:0;margin-inline-start:2em}.wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{-webkit-margin-start:0;-webkit-margin-end:2em;float:left;margin-inline-end:2em;margin-inline-start:0}.wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{-webkit-margin-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-inline-start:auto}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{-webkit-margin-start:auto;margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{-webkit-margin-end:auto;margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center}.wp-block-query-title,.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-read-more{display:block;width:-moz-fit-content;width:fit-content}.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{text-decoration:none}ul.wp-block-rss{list-style:none;padding:0}ul.wp-block-rss.wp-block-rss{box-sizing:border-box}ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;min-height:24px;min-width:24px;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{-webkit-appearance:initial;appearance:none;border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{flex-shrink:0;margin-left:0;max-width:calc(100% - 100px)}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search__button-behavior-expand .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden,.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}.wp-block[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper{float:right}.wp-block-separator{border:1px solid;border-left:none;border-right:none}.wp-block-separator.is-style-dots{background:none!important;border:none;height:auto;line-height:1;text-align:center}.wp-block-separator.is-style-dots:before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}.wp-block-site-logo.is-style-rounded{border-radius:9999px}.wp-block-site-title a{color:inherit}.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block;height:auto;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-delay:0s;transition-duration:0s}}.wp-block-social-link a{align-items:center;display:flex;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#ff4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-threads,.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-x{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none}.wp-block-social-links.is-style-logos-only .wp-social-link a{padding:0}.wp-block-social-links.is-style-logos-only .wp-social-link svg{height:1.25em;width:1.25em}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#ff4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{stroke:#000;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-threads,.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{color:#25d366}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-x{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000}.wp-block-spacer{clear:both}.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:transparent;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:currentColor}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:currentColor}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}:where(.wp-block-term-description){margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-term-description p{margin-bottom:0;margin-top:0}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{overflow:auto;white-space:pre-wrap}:where(pre.wp-block-verse){font-family:inherit}.wp-block-video{box-sizing:border-box}.wp-block-video video{vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-bottom:1em;margin-top:.5em}.editor-styles-wrapper,.entry-content{counter-reset:footnotes}a[data-fn].fn{counter-increment:footnotes;display:inline-flex;font-size:smaller;text-decoration:none;text-indent:-9999999px;vertical-align:super}a[data-fn].fn:after{content:"[" counter(footnotes) "]";float:left;text-indent:0}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}