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


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}table { border-collapse:collapse; border-spacing:0;}fieldset,img { border:0; vertical-align:bottom;}address,caption,cite,scode,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}ol,ul,li { list-style:none; padding:0; margin:0;}caption,th { text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;	font-weight:normal;}q:before,q:after {content:'';}abbr,acronym { border:0;}
*, *::before, *::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html,body {
width: 100%;
overflow-x: hidden;
}
:root {
--white: #fff;
--gray: #ddd;
--light-gray: #f5f5f5;
--black: #333;
--pink: #ca5495;
--purple: #9058a7;
--light-purple: #f4eff7;
--navy: #3b7e3b;
--blue: #00B9EF;
--navy: #003287;
--light-blue: #44b3e1;
--orange: #b9851e;
--orange-hover: #8d6b0e;
--red: #EF584E;
--border: #c6d5e1;
}
body { */
font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
font-weight: 500;
font-size: 14px;
color: #111;
-webkit-text-size-adjust: 100%;
letter-spacing: 1.3px;
word-break: break-all;
background-color: #fff;
}
p {
font-size: 14px;
font-weight: 500;
color: #111;
line-height: 1.8;
letter-spacing: 1.5px;
} ::selection {
background: #003e6a;
color: #fff;
} .gf {
font-family: 'Lateef', sans-serif;
text-transform: uppercase;
}
.en {
font-family: 'Cormorant Garamond', serif;
text-transform: uppercase;
} .mincho {
font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
} .fa, .fas {
font-weight: 900;
padding-right: 5px;
}
button[type="submit"],
input[type="submit"],
input[type="button"] {
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
box-sizing: border-box;
cursor: pointer;
}
button[type="submit"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
button[type="submit"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
section {
padding: 60px 0px;
}
strong {
font-weight: 600;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 78%, #ffeb00 0%) repeat scroll 0 0;
}
.dot_text {
padding-top: .2em;
background-position: top left -5px;
background-repeat: repeat-x;
background-size: 1.2em .3em;
background-image: radial-gradient(.15em .15em at center center,#cd1717,#cd1717 100%,transparent);
} .mb {
display: none !important;
}
.mod {
font-weight: bold;
color: #da1e1e;
}
.fa {
margin-right: 5px;
}
.p_100 {
padding: 100px 0px;
}
.p_80 {
padding:80px 0px;
}
.p_60 {
padding:60px 0px;
}
.p_50 {
padding:50px 0px;
}
.p_40 {
padding:40px 0px;
}
.p_30 {
padding:30px 0px;
}
.p_20 {
padding:20px 0px;
}
.p_10 {
padding:10px 0px;
}
.p_t_10 {
padding-top: 10px !important;
}
.p_t_20 {
padding-top: 20px !important;
}
.p_t_30 {
padding-top: 30px !important;
}
.p_t_50 {
padding-top: 50px !important;
}
.p_b_10 {
padding-bottom: 10px !important;
}
.p_b_20 {
padding-bottom: 20px !important;
}
.m_30 {
margin: 30px 0px !important;
}
.m_t_5 {
margin-top: 5px !important;
}
.m_t_10 {
margin-top: 10px !important;
}
.m_t_12 {
margin-top: 12px !important;
}
.m_t_20 {
margin-top: 20px !important;
}
.m_t_30 {
margin-top: 30px !important;
}
.m_t_40 {
margin-top: 40px !important;
}
.m_t_50 {
margin-top: 50px !important;
}
.m_t_60 {
margin-top: 60px !important;
}
.m_t_80 {
margin-top: 80px !important;
}
.m_b_5 {
margin-bottom: 5px !important;
}
.m_b_10 {
margin-bottom: 10px !important;
}
.m_b_12 {
margin-bottom: 12px !important;
}
.m_b_20 {
margin-bottom: 20px !important;
}
.m_b_30 {
margin-bottom: 30px !important;
}
.m_b_40 {
margin-bottom: 40px !important;
}
.m_b_50 {
margin-bottom: 50px !important;
}
.m_b_60 {
margin-bottom: 60px !important;
}
.m_b_80 {
margin-bottom: 80px !important;
}
.m_l_5 {
margin-left: 5px !important;
}
.m_r_5 {
margin-right: 5px !important;
}
.m_r_10 {
margin-right: 10px !important;
}
.m_r_20 {
margin-right: 20px !important;
}
.m_r_30 {
margin-right: 30px !important;
}
.m_r_50 {
margin-right: 50px !important;
}
.m_l_10 {
margin-left: 10px !important;
}
.m_l_30 {
margin-left: 30px !important;
}
.m_l_50 {
margin-left: 50px !important;
}
.flex_in {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.fl_l {
float: left !important;
}
.fl_r {
float: right !important;
}
.overflow {
overflow: hidden;
}
.fixed{
position: fixed;
top: 0px;
z-index: 9999;
}
.table {
display: table;
}
.clearfix {
display: inline-block;
min-height: 1%;
display: block;
overflow: hidden;
}
.bg_blue {
background-color: #178fbc !important;
}
.bg_yellow {
background-color:#ffdf2f !important;
}
.color_green {
color: #239260 !important;
}
.color_blue {
color: #2fa5cc !important;
}
.color_red {
color: #cd1717 !important;
}
.color_yellow {
color:#FEFF2A !important;
}
.color_orange {
color: #E17A14 !important;
}
.color_white {
color: #fff !important;
}
.bold {
font-weight: bold !important;
}
.b_red {
font-weight: bold !important;
color: #FF3D3D !important;
}
.t_left {
text-align: left !important;
}
.t_right {
text-align: right !important;
}
.t_center {
text-align: center !important;
}
.f_size26 {
font-size: 26px !important;
}
.f_size24 {
font-size: 24px !important;
}
.f_size18 {
font-size: 18px !important;
}
.f_size16 {
font-size: 16px !important;
}
.f_size14 {
font-size: 14px !important;
}
.f_size13 {
font-size: 13px !important;
}
.f_size12 {
font-size: 12px !important;
}
.f_size11 {
font-size: 11px !important;
}
.f_size10 {
font-size: 10px !important;
}
hr {
border: none;
border-bottom: 1px solid #EEE;
}
.p_t_50 {
padding-top: 50px !important;
}
.b_t_g {
border-top: 1px solid #EEE;
}
.b_b_g {
border-bottom: 1px solid #EEE;
}
.cover_yellow {
background: #F7F7EB;
}
.cover_gray {
background: #f7f7f7;
}
.cover_black {
background: #333;
}
.cover_navy {
background: #24313c;
}
.cover_navy .head_title h2,
.cover_navy .imp_subtitle {
color: #fff;
}
.cover_navy .head_title h2:after {
background: #fff;
}
hr {
border: none;
border-bottom: 1px solid #EEE;
}
.w_80_txt {
width: 80%;
margin: 10px auto 0px;
text-align: center;
}
.w_60_txt {
width: 60%;
margin: 10px auto 0px;
text-align: center;
}
.bd_none {
border: 0px !important;
}
.w_80 {
width: 80% !important;
margin: 0 auto;
}
.w_60 {
width: 60% !important;
margin: 0 auto;
}
.w_50 {
width: 50% !important;
margin: 0 auto;
}
.w_40 {
width: 40% !important;
margin: 0 auto;
}
.none {
display: none !important;
} .fade {
position: relative;
transition: 0.8s;
opacity: 0;
transform: translate(0,150px);
-webkit-transform: translate(0,150px);
}
.fade_left {
position: relative;
transition: 0.8s;
opacity: 0;
transform: translateX(150px);
-webkit-transform: translateX(150px);
}
.fade_right {
position: relative;
transition: 0.8s;
opacity: 0;
transform: translateX(-150px);
-webkit-transform: translateX(-150px);
}
.fade_down {
position: relative;
transition: 0.8s;
opacity: 0;
transform: translate(0,-150px);
-webkit-transform: translate(0,-150px);
}
.fade_in {
opacity: 1.0 !important;
transform: translate(0,0);
-webkit-transform: translate(0,0);
} .inner:after, #header #g_navi:after,#content:after, #side:after,、s:after,ul:after,dl:after,#photo-view:after,.clear:after,.wrap:after,.contents-box-list:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
body.archive {
background: #fff;
}
a {
color: #2572a0;
text-decoration: none;
}
a:link {
color: #2572a0;
}
a:visited {
color: #9B1818;
text-decoration: none;
}
a:hover {
color: #245fbb;
text-decoration: underline;
}
#wrapper {
margin: 0 auto;
}
#content {
margin: 0 auto;
padding: 60px 0px;
}
.home #content {
padding-top: 0px;
padding-bottom: 0px;
}
#content .in {
position: relative;
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
#content .in.flex_in {
justify-content: center;
}
body.single-service #content .in,
body.flow #content .in {
max-width: 900px;
padding: 40px;
background: #fff;
box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
}
body.contact #content .in,
body.entry #content .in,
body.confirm #content .in,
body.comp #content .in,
#content.wide .in,
body.single-topics #content .in,
body.single-column #content .in {
max-width: 860px;
min-width: 860px;
padding: 40px;
background: #fff;
box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
}
.inner {
position: relative;
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
#main {
width: calc(100% - 300px);
max-width: 776px;
margin-right: 20px;
padding: 30px;
background-color: #fff;
box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 10%);
}
#main .in {
}
.wide #main {
float: none;
width: 100%;
}
#main img {
max-width: 100%;
height: auto;
}
#side {
width: 280px;
}
#side_wrap {
width: 280px;
} #panel-btn {
display: none;
}
.lt_txt .bg {
position: absolute;
top: 15px;
left: -11px;
z-index: 0;
line-height: 1;
color: rgb(229 229 229 / 30%);
font-size: 162px;
font-weight: 900;
white-space: nowrap;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@media (min-width: 768px) {
.lt_txt .bg {
top: -132px;
left: -24px;
font-size: 130px;
letter-spacing: -.05em;
}
} input,button,textarea,select { font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif; font-size: 15px;
letter-spacing: 0.5px;
}
input[type="search"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input.login,
select { height: 42px;
line-height: 1.6;
padding: 4px;
border-radius:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
background-color: white;
border: 1px solid #dcdcdc;
-moz-box-shadow: 0 1px 0 white;
-webkit-box-shadow: 0 1px 0 white;
box-shadow: 0 1px 0 white;
}
#wrapper table select {
padding: 0px 4px;
height: 36px;
line-height: 1.6;
}
textarea {
width: 98% !important;
min-height: 65px;
padding: 4px;
border-radius:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
background-color: white;
border: 1px solid #dbdbdb;
-moz-box-shadow: 0 1px 0 white;
-webkit-box-shadow: 0 1px 0 white;
box-shadow: 0 1px 0 white;
}
.chk_decision {
display: none;
}
select[name="pref"] {
width: 98px !important;
margin-right:4px;
}
input[name="addr1"] {
width: 300px !important;
margin-right:4px;
}
input[name="addr2"] {
width: 212px !important;
} .button_y {
display: inline-block;
min-width: 180px;
padding: 14px 28px;
font-size: 14px;
font-weight: 600;
text-align: center;
color: #fff !important;
text-decoration: none;
background-color: var(--orange);
letter-spacing: 1.3px;
transition: .25s linear;
-webkit-transition: .25s linear;
-moz-transition: .25s linear;
}
.button_y:hover {
background: var(--orange-hover);
text-decoration: none;
}
.button_n {
position: relative;
display: inline-block;
min-width: 200px;
text-align: center;
padding: 14px 5px;
font-size: 13px;
font-weight: bold;
color: var(--navy) !important;
letter-spacing: 3px;
text-decoration: none;
background-color: #fff;
border: 2px solid var(--navy);
border-radius: 50px;
}
.button_n:after {
content: '';
position: relative;
top: -3px;
left: 10px;
display: inline-block;
width: 24px;
height: 6px;
border-right: 1px solid var(--navy);
border-bottom: 1px solid var(--navy);
transform: skewX(45deg);
-webkit-transform: skew(45deg);
-moz-transform: skew(45deg);
-o-transform: skew(45deg);
transition: .5s;
}
.button_n:hover {
color: #fff !important;
background-color: var(--navy);
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.button_n:hover:after {
left: 15px;
border-color: #fff;
}
button.button_n:after {
content: none;
}
.button_n2 {
position: relative;
display: inline-block;
min-width: 100px;
text-align: center;
padding: 14px 5px;
font-size: 13px;
font-weight: bold;
color: #333 !important;
letter-spacing: 3px;
text-decoration: none;
background-color: #dcdcdc;
border: 1px solid #dcdcdc;
transition: .5s;
border-radius: 30px;
}
.button_n2:hover {
color: #fff !important;
background-color: #333;
border: 1px solid #333;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.btn_contact {
display: block;
width: 120px;
height: 86px;
text-align: center;
padding: 25px 5px;
font-size: 13px;
font-weight: 600;
color: #fff !important;
text-decoration: none;
background: var(--orange);
}
.btn_contact:hover {
background: var(--orange-hover);
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.btn_contact img {
display: block;
position: relative;
width: 22px;
margin: 0 auto 5px;
}
.btn_contact span.txt {
display: inline-block;
font-size: 13px;
line-height: 1;
letter-spacing: 1px;
}
a.btn_contact.type2 {
background: var(--navy);
}
a.btn_contact.type2:hover {
background: #062352;
}
a.link {
position: relative;
padding-left: 25px;
}
a.link:before {
font-family: 'Font Awesome 5 Free';
content: "\f35d";
font-weight: 700;
position: absolute;
left: 3px;
top: -1px;
color: #0084d2;
}
.link_icon {
position: relative;
padding-left: 25px;
}
.link_icon:before {
content: "";
position: absolute;
top: 3px;
left: 2px;
width: 16px;
height: 16px;
background: url(https://sugahara-tax.jp/wp/wp-content/themes/altbase/images/link_icon.png) no-repeat;
background-size: cover;
}
.pdflink img {
display: inline-block;
width: 23px;
height: 26px;
margin-right: 5px;
border-radius: 0;
}
a.st_btn {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 220px;
min-width: 180px;
padding: 16px 16px 16px 34px;
font-size: 15px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.5;
color: #333;
border: 1px solid #ebebeb;
transition: color .2s cubic-bezier(0.33, 1, 0.68, 1);
background: #fff;
box-shadow: 0px 1px 3px 0px rgb(102 102 102 / 10%);
}
a.st_btn:hover {
color: var(--orange);
opacity: 1;
text-decoration: none;
}
.arrow {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 24px;
height: 24px;
position: relative;
border-radius: 50%;
}
.arrow:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
inset: 0 auto auto 0;
background-color: var(--orange);
border-radius: 50%;
}
.arrow:after {
content: '';
display: block;
position: absolute;
pointer-events: none;
top: 9px;
right: 9px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
transform: rotate(135deg);
z-index: 2;
}
a:hover .arrow:before {
background-color: var(--orange-hover);
transform: scale(1.25);
transition: transform .3s cubic-bezier(0.33, 1, 0.68, 1);
}
.arrow.large {
width: 32px;
height: 32px;
}
.arrow.large:after {
top: 13px;
right: 13px;
width: 8px;
height: 8px;
}
a.arrow-c {
position: relative;
}
.arrow-c:after {
content: "";
position: absolute;
top: 6px;
right: -14px;
width: 8px;
height: 8px;
border-top: 1px solid var(--orange-hover);
border-right: 1px solid var(--orange-hover);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
a.rbt_arrow {
position: relative;
}
a.rbt_arrow:before {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
width: 22px;
height: 22px;
background-color: var(--orange);
border-radius: 60px 0px 0px 0px;
}
a.rbt_arrow:after {
content: "";
position: absolute;
bottom: 7px;
right: 7px;
width: 6px;
height: 6px;
border-top: 2px solid var(--white);
border-right: 2px solid var(--white);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
 .start {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9000;
background: var(--navy);
-webkit-animation: slideR 0.6s 3s forwards;
animation: slideR 0.6s 3s forwards;
}
.start .box {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 9999;
width: 230px;
} #top_head {
position: relative;
}
.header_bg h1 {
margin-bottom: 10px;
color: #fff;
font-size: 38px;
line-height: 58px;
font-weight: 500;
letter-spacing: 1.6px;
}
.header_bg p {
padding-left: 5px;
letter-spacing: 1.9px;
font-size: 12px;
color: #fff;
}
.header_bg2 {
position: relative;
z-index: 9;
background: #fff;
transition: .7s;
}
.header_bg2 #g_navi .nav>ul>li>a:after {
background: #000;
}
.header_bg2.fixed {
margin: 0;
background-color: rgb(255 255 255/90%);
transition: .8s;
box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 20%);
}
.header_bg2.fixed #g_navi .nav>ul>li>a {
}
.logo_menu {
position: relative;
height: 86px;
margin: 0 auto;
}
.site_logo {
position: absolute;
top: 18px;
left: 20px;
}
.site_logo p.ld {
margin-bottom: 5px;
color: #555;
font-size: 11px;
line-height: 1;
font-weight: 500;
letter-spacing: 0.3px;
}
.zs-enabled .zs-slideshow {
z-index: 0 !important;
}
#btm_contact {
display: none;
}
#canvas-container {
position: relative;
top: -72px;
z-index: 3;
} .g_navi_sub {
position: absolute;
right: 252px;
transition: .7s;
}
#g_navi {
}
#g_navi nav {
margin: 0 auto 0px;
}
.nav-unshown {
display:none;
}
#g_navi ul {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
}
#g_navi .nav>ul>li {
position: relative;
width: auto;
}
#g_navi .nav>ul>li>a {
display: table;
position: relative;
padding: 33px 12px;
width: 100%;
font-size: 15px;
text-align: center;
font-weight: 500;
color: #555;
transition: .5s;
}
#g_navi .nav>ul>li.active a,
#g_navi .nav>ul>li>a:hover,
#g_navi .nav>ul>li.active a span.gf,
#g_navi .nav>ul>li>a:hover span.gf {
color: var(--navy);
text-decoration: none;
transition: .5s;
}
#g_navi .nav>ul>li>a span {
display: block;
font-size: 15px;
font-weight: 600;
}
#g_navi .nav>ul>li>a span.gf {
display: none;
margin-top: 0px;
font-weight: 500;
font-size: 13px;
color: #333;
line-height: 1;
}
#g_navi .service_list li a {
display: flex;
align-items: center;
} @media screen and (min-width: 768px) {
.nav-item_sub {
position: fixed;
top: 86px;
left: 0;
opacity: 0;
transition: all 0.2s ease;
visibility: hidden;
width: 100%;
padding: 20px 0px;
background-color: rgb(222 222 222/90%);
}
.nav-item:hover .nav-item_sub {
opacity: 1;
visibility: visible;
}
#g_navi .service_list {
margin: 0px 0px 0px;
}
#g_navi .service_list li .icon,
#g_navi .service_list li p {
display: none;
}
#g_navi .service_list li .img {
width: 120px;
}
#g_navi .service_list li .txt {
width: calc(100% - 120px);
padding: 15px;
}
#g_navi .service_list li {
font-size: 13px;
box-shadow: none;
background: #fff;
}
#g_navi .service_list li a {
color: #333 !important;
}
#g_navi .service_list li h3 {
margin-bottom: 0px;
font-size: 13px;
}
#g_navi .service_list li .sub {
top: -13px;
right: 5px;
font-size: 26px;
}
}
@media screen and (max-width: 768px) {
.nav-item_sub {
display: none;
}
.nav-list {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
} .fixed {
position: fixed;
top: 0;
padding: 0;
width: 100%;
z-index: 1000;
}
#g_navi.fixed {
border-bottom: 1px solid #ddd;
}
#g_navi.fixed li {
bottom: -1px;
}
#g_navi.fixed nav {
width: 100%;
}
.header_btn {
position: absolute;
top: 0px;
right: 0px;
display: flex;
}
.header_btn .tel_block {
margin-top: -2px;
padding: 0px 15px 0px 15px;
}
.header_btn .tel_block a {
color: #fff;
}
.tel_num {
position: relative;
font-size: 30px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 1;
text-transform: none;
}
.tel_num span {
font-size: 20px;
}
.tel_num a {
color: #333;
}
.tel_num a:hover {
text-decoration: none;
opacity: 0.7;
}
.tel_block .tel_sub {
margin-bottom: 3px;
font-size: 12px;
letter-spacing: 1px;
font-weight: 400;
text-align: center;
} #eyecatch {
display: flex;
align-items: center;
position: relative;
z-index: 3;
margin-left: 0%;
height: 680px;
background: #fff;
}
#eyecatch:before { }
.inner-content {
position: relative;
left: 6%;
z-index: 3;
}
.inner-content .sub,
.inner-content h1,
#eyecatch p.eye_txt {
color: #fff;
}
.inner-content h1 {
margin-bottom: 12px;
font-size: 44px;
line-height: 1.2;
letter-spacing: 3px;
font-weight: 800;
font-feature-settings: "palt";
font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.inner-content .sub {
margin-left: 7px;
display: block;
letter-spacing: 5.7px;
font-size: 15px;
font-weight: 300;
text-transform: initial;
}
#eyecatch p.eye_txt {
position: relative;
z-index: 2;
margin-top: 12px;
margin-left: 7px;
font-weight: 500;
font-size: 13px;
letter-spacing: 2px;
}
.slide-in {
overflow: hidden;
display: inline-block; }
.slide-in_inner {
display: inline-block;
}
#eyecatch .btn {
margin-top: 20px;
}
#eyecatch .btn .button_y {
padding: 20px 40px;
} .leftAnime{
opacity: 0; }
.slideAnimeLeftRight {
animation-name:slideTextX100;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes slideTextX100 {
from {
transform: translateX(-100%); opacity: 0;
}
to {
transform: translateX(0); opacity: 1;
}
}
.slideAnimeRightLeft {
animation-name:slideTextX-100;
animation-duration:1.2s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes slideTextX-100 {
from {
transform: translateX(100%); opacity: 0;
}
to {
transform: translateX(0); opacity: 1;
}
}
#opening {
position: absolute;
top: 0px;
left: 3%;
z-index: 1;
box-sizing: border-box;
width: 100%;
height: 100%;
}
#opening .overlay {
content: ' ';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
background-color: rgb(10 49 98 / 42%);
}
#opening .slideArea
#opening #openingSlide {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.wipeSlide .slide {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
#opening #openingSlide .slide:not(:first-child) {
display: none;
}
#opening #openingSlide .slide .bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#opening #openingSlide .slide:first-child .bg {
background-position: right bottom;
} .wipeSlide .slide.wipeCurrentSlide .bg {
animation-duration: 5.0s;
animation-timing-function: linear;
animation-fill-mode: both;
animation-name: scaleAnim;
}
@keyframes scaleAnim {
0% {
opacity: 1;
transform: scale(1); }
100% {
transform: scale(1.03) ; } 
} @-webkit-keyframes moveScrollPointer {
0% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
100% {
-webkit-transform:translate3d(0,120px,0);
transform:translate3d(0,120px,0);
}
}
@keyframes moveScrollPointer {
0% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
100% {
-webkit-transform:translate3d(0,120px,0);
transform:translate3d(0,120px,0);
}
}
@-webkit-keyframes moveScrollPointerIn {
0% {
-webkit-transform:scale(0);
transform:scale(0);
}
10% {
-webkit-transform:scale(1);
transform:scale(1);
}
65% {
-webkit-transform:scale(1);
transform:scale(1);
}
100% {
-webkit-transform:scale(0);
transform:scale(0);
}
}
@keyframes moveScrollPointerIn {
0% {
-webkit-transform:scale(0);
transform:scale(0);
}
10% {
-webkit-transform:scale(1);
transform:scale(1);
}
65% {
-webkit-transform:scale(1);
transform:scale(1);
}
100% {
-webkit-transform:scale(0);
transform:scale(0);
}
}
.scrool-area {
position: absolute;
left: 1.5%;
bottom: -4%;
z-index: 9;
width: 1px;
height: 120px;
background-color: #ddd;
}
span.scl-name {
position: absolute;
left: 5px;
writing-mode: vertical-lr;
font-size: 10px;
font-weight: 100;
letter-spacing: 0.5px;
font-style: italic;
text-transform: uppercase;
color: #16406b;
}
.scl-l {
width: 9px;
height: 9px;
position: absolute;
top: -4px;
left: -4px;
-webkit-animation-name: moveScrollPointer;
animation-name: moveScrollPointer;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
}
.scl-l:before {
content: '';
display: block;
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--navy);
-webkit-animation-name: moveScrollPointerIn;
animation-name: moveScrollPointerIn;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
} #breadcrumb ul {
position: relative;
z-index: 3;
white-space: nowrap;
margin: 0px auto;
overflow-x: auto;
overflow-y: hidden;
}
#breadcrumb li {
display: inline-block;
vertical-align: middle;
color: #999;
font-size: 11px;
}
#breadcrumb li a {
display: block;
padding: 0 12px 0 10px;
max-width: 360px;
height: 18px;
line-height: 18px;
text-decoration:none;
color: #999;
white-space: nowrap;
}
#breadcrumb li a .fas {
padding-right: 2px;
}
#breadcrumb li a:after {
position: relative;
display: block;
margin-top: -10px;
margin-left: auto;
margin-right: -15px;
height: 8px;
width: 10px;
content: " ";
-webkit-transform: skew(-45deg);
border-right: 1px solid #999;
}
#breadcrumb li a:before {
float: right;
display: block;
margin-bottom: -10px;
margin-left: auto;
margin-right: -15px;
height: 8px;
width: 10px;
content: " ";
-webkit-transform: skew(45deg);
border-right: 1px solid #999;
}
#breadcrumb li:last-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 32px;
line-height: 32px;
padding: 0 22px 0 12px;
} .lead {
position: relative;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
.lead .txt {
position: relative;
width: 40%;
min-width: 300px;
padding: 45px 0 65px 50px;
}
.lead .txt .area {
position: relative;
}
.lead .txt .area h1 {
position: absolute;
left: 5px;
bottom: -26px;
font-size: 16px;
font-weight: 500;
}
.lead .txt .area span {
font-size: 50px;
line-height: 1;
color: var(--navy);
letter-spacing: 2px;
font-weight: 500;
}
.post-type-archive-consul .lead .txt .area span,
.privacy-policy .lead .txt .area span {
font-size: 42px;
letter-spacing: 3px;
}
.lead .txt .tl {
margin-top: 3px;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
}
.lead .txt .tl:before {
content: "";
width: 2em;
margin-right: 0.5em;
border-top: 1px solid;
}
.lead #breadcrumb {
position: absolute;
left: 58px;
bottom: 30px;
z-index: 3;
width: 100%;
}
.lead .img {
margin-top: 30px;
padding: 0 0 20px 20px;
width: 60%;
position: relative;
z-index: 1;
background: #edf0f5;
}
.lead .img figure {
margin: -30px 0px 0px;
position: relative;
padding-bottom: 30%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 390px;
} .lead_2 {
position: relative;
background-color: var(--navy);
}
.lead_2 .txt {
display: table;
height: 140px;
text-align: center;
}
.lead_2 .area {
display: table-cell;
vertical-align: middle;
color: #fff;
text-align: center;
}
.lead_2 .txt h1 {
font-size: 20px;
line-height: 1.4;
letter-spacing: 3px;
color: #fff;
font-weight: 500;
}
.lead_2 .gf {
display: block;
margin-top: 5px;
font-size: 16px;
line-height: 1;
}
.lead2 {
margin-top: -112px;
background: #f2fbff;
}
#breadcrumb.type2 {
position: relative;
padding-top: 30px;
left: 58px;
} .head_area {
position: relative;
color: var(--navy);
}
.head_area .arrow {
position: relative;
display: inline-block;
padding: 0px 80px;
}
.head_area .arrow:before, .head_area .arrow:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 60px;
height: 1px;
background-color: #555;
}
.head_area .arrow:before {
left: 0;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.head_area .arrow:after {
right: 0;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.head_title {
position: relative;
margin: 40px 0px 40px;
color: #000;
}
.head_title .sub {
margin-top: 10px;
font-size: 12px;
line-height: 1;
font-weight: 400;
letter-spacing: 0px;
color: var(--navy);
} .head_title h2 {
position: relative;
font-size: 26px;
font-weight: 500;
color: #333;
letter-spacing: 2px;
}
body.home .head_title h2 {
font-size: 26px;
}
.head_title h2:before {
content: "";
position: relative;
top: -25px;
left: 0px;
display: block;
width: 42px;
height: 2px;
border-bottom: 1px solid var(--navy);
}
.head_title.t_center h2:before {
left: 43.5%;
}
.head_title h2 span {
display: block;
}
.head_title h2 span.sub {
font-size: 12px;
}
body.home .head_title h2 span.sub {
font-size: 58px;
line-height: 1;
}
body.home .head_title h2 span {
display: block;
font-size: 16px;
}
body.home .head_title h2:before {
content: none;
}
.entry-header {
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px dotted #ddd;
}
.entry-header .head_title {
margin: 15px 0px 30px;
}
.head_title2 {
position: relative;
margin-bottom: 40px;
}
.head_title2 .sub_lead {
font-size: 48px;
font-weight: 500;
color: #ddd;
margin-bottom: 0;
}
.head_title2 h2 {
font-size: 18px;
font-weight: 500;
}
.base_tl {
margin: 40px 0px 20px;
}
.base_tl h3 {
position: relative;
padding-left: 15px;
font-size: 18px;
line-height: 1.6;
font-weight: 500;
color: var(--navy);
letter-spacing: 2px;
border-left: 3px solid var(--navy);
}
.entry-header h1.entry-title {
font-size: 26px;
line-height: 36px;
font-weight: 500;
}
.sub_lead {
position: absolute;
display: block;
top: -36px;
left: -2%;
font-size: 56px;
line-height: 1;
font-weight: 500;
letter-spacing: 0px;
font-style: italic;
color: #ececec;
} .lt_tl {
position: relative;
}
.lt_tl:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #f7f7f7;
z-index: -1;
}
.lt_tl .inner {
position: relative;
margin-top: -30px;
}
.lt_tl .sub_lead {
position: absolute;
left: -50px;
top: -59px;
font-size: 60px;
color: #d9e1e4;
font-style: italic;
} .lt_tl_2 {
position: relative;
}
.lt_tl_2:before,
.lt_tl_2:after {
content: '';
position: absolute;
top: 0;
z-index: -2;
width: 90%;
height: 360px;
background-color: var(--navy);
}
.lt_tl_2:after {
background: #edf0f5;
right: 0;
z-index: -10;
top: 128px;
}
.lt_tl_2 .head_title h2 {
text-align: left;
color: #fff;
}
.lt_tl_2 .head_title .sub {
color: #fff;
}
.lt_tl_2 .ct {
margin-left: 85px;
padding: 60px 40px;
background-color: #f5f5f5;
box-shadow: 0px 1px 10px 0px rgb(11 126 153 / 15%);
} .sub.arrow {
position: relative;
display: inline-block;
padding: 0px 25px;
font-size: 20px;
}
.home .head_title h2 .sub.arrow {
font-size: 30px;
}
.sub.arrow:before,
.sub.arrow:after {
content: '';
position: absolute;
top: 55%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #000;
}
.sub.arrow:before {
left: -22px;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sub.arrow:after {
right: -22px;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.arrow_tl .tl {
position: relative;
font-size: 42px;
font-weight: 500;
}
.arrow_tl .tl a {
color: #000;
transition: .8s;
}
.arrow_tl .tl a:after {
content: "";
position: relative;
bottom: 11px;
left: 20px;
display: inline-block;
width: 28px;
height: 8px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
transform: skewX(45deg);
transition: .8s;
}
.arrow_tl .tl a:hover {
text-decoration: none;
opacity: 0.7;
}
.arrow_tl .tl a:hover:after {
left: 30px;
} .entry-content h2 {
margin: 40px 0px 30px;
padding: 20px 18px 20px;
font-size: 22px;
font-weight: 500;
line-height: 34px;
color: #000;
background-color: #F2F2F2;
}
.entry-content h3 {
margin: 30px 0px 20px;
font-weight: 500;
font-size: 20px;
line-height: 30px;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
padding: 15px 0px 15px 10px;
}
.base_tl h4,
.entry-content h4 {
position: relative;
padding: 10px 0px 10px 15px;
margin-bottom: 20px;
border-left: 2px solid #333;
font-weight: 500;
font-size: 18px;
color: #333;
}
.top_sep_img {
position: relative;
z-index: 1;
height: 290px;
}
.top_sep_img .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://sugahara-tax.jp/wp/wp-content/themes/altbase/images/sep_img2.jpg) no-repeat center/cover;
}
.top_sep_img:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
z-index: 1;
background-color: rgb(255 255 255 / 12%);
transition: .8s;
} .service_area {
position: relative;
background: url(https://sugahara-tax.jp/wp/wp-content/themes/altbase/images/service_bk.jpg) top center no-repeat;
background-size: cover;
} .service_list {
margin: 40px 0px 0px;
}
.service_list li a {
position: relative;
display: block;
color: #333;
}
.service_list li a:hover {
text-decoration: none;
transition: .8s;
}
.service_list li {
align-items: center;
width: calc(100% / 3 - 20px);
margin: 10px 10px;
background: #fff;
box-shadow: 0px 1px 3px 0px rgb(102 102 102 / 10%);
}
.service_list li .img {
position: relative;
overflow: hidden;
} .service_list li .img img {
width: 100%;
height: auto;
}
.service_list a:hover img {
transform: scale(1.1);
transition-duration: .8s;
}
.service_list li .icon {
position: relative;
width: 87px;
margin: -45px auto -15px;
padding: 20px 20px 20px;
z-index: 2;
background: #fff;
border-radius: 50%;
}
.service_list li .icon img {
width: 100%;
}
.service_list li .txt_area {
position: relative;
z-index: 3;
align-items: center;
padding: 0 15px 15px;
}
.service_list li .txt {
width: calc(100% - 38px);
padding-right: 15px;
}
.service_list li .tl h3 {
font-size: 18px;
font-weight: 600;
}
.service_list li p {
margin-top: 10px;
font-size: 14px;
text-align: left;
} #content.sv_detail {
margin-top: 60px;
background-color: #f7f7f7;
}
.service_list_detail {
margin-top: 50px;
}
.service_list_detail li {
position: relative;
margin-top: 90px;
padding: 40px;
background: #fff;
text-align: center;
}
.service_list_detail li .icon {
position: absolute;
left: calc(100% / 2 - 53px);
display: inline-block;
padding: 20px;
background: #fff;
border-radius: 50%;
transform: translateY(-6rem);
}
.service_list_detail li .icon img {
width: 66px;
}
.service_list_detail li .sv_lead_txt {
font-weight: 600;
font-size: 16px;
}
.service_list_detail .head_title {
margin: 20px 0px 20px;
}
.service_list_detail .head_title.t_center h2:before {
display: none;
}
.service_list_detail li .sv_flex {
margin-top: 40px;
align-items: center;
}
.service_list_detail li .img {
width: 50%;
overflow: hidden;
}
.service_list_detail li .img img {
width: 100%;
}
.service_list_detail li .txt {
width: calc(100% - 50%);
padding-left: 40px;
text-align: left;
} .company_area {
position: relative;
padding: 120px 0px 60px;
background-color: #f7f7f7;
}
.company_area:before {
position: absolute;
content: '';
top: 0px;
left: 0;
width: 70%;
height: 100%;
background-color: #f7f7f7;
z-index: -1;
}
.company_area .flex_in {
align-items: center;
z-index: 2;
}
.company_area .left {
position: relative;
width: calc(100% - 520px);
padding-right: 60px;
}
.company_area .right {
width: 520px;
}
.company_area .right img {
width: 100%;
}
.company_area .btn {
margin-top: 30px;
}
.access_area .flex_in {
align-items: stretch;
}
.access_area .left {
width: calc(100% - 500px);
}
.access_area .right {
width: 500px;
}
.access_area .right img {
width: 100%;
height: auto;
}
.access_area .left {
padding: 0px 40px 0px 0px;
}
.access_area .left .img {
margin-bottom: 15px;
height: 240px;
overflow: hidden;
}
.access_area .left .img img {
width: 100%;
}
.access_area .right iframe {
height: 100%;
}
.access_area .right .rt_2 {
margin-top: 10px;
display: flex;
justify-content: space-between;
}
.access_area .right .rt_2 li {
width: 49%;
}
.access_area .right .rt_2 li:last-child {
margin-left: auto;
}
.access_area .btn {
margin-top: 30px;
}
.google-maps {
height: 0;
overflow: hidden;
padding-bottom: 100%;
position: relative; }
body.home .google-maps {
padding-bottom: 90%;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.about_area .google-maps iframe {
} #tab {
margin: 40px auto 20px;
text-align: center;
}
#tab li {
display: inline-block;
}
#tab li a {
display: block;
margin: 5px;
padding: 8px 12px;
color: #000;
font-size: 13px;
background: #e4e4e4;
}
#tab li a.active,
#tab li a:hover {
color: #fff;
background: var(--navy);
text-decoration: none;
} .recruit_step_area {
width: 100%;
margin: 0 auto;
}
.recruit_step {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
position: relative;
margin-top: 40px;
padding: 20px 0;
min-height: 74px;
min-height: 74px;
background: #fff;
box-shadow: 0px 1px 10px 0px rgb(153 83 11 / 15%);
}
.recruit_step:before {
content: "";
width: 1px;
height: calc( 100% - 20px);
position: absolute;
left: 10%;
top: 10px;
background: var(--navy);
}
.recruit_step:after {
content: "";
position: absolute;
left: 50%;
bottom: -24px;
margin-left: -6px;
width: 12px;
height: 12px;
border-top: 1px solid var(--navy);
border-right: 1px solid var(--navy);
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.recruit_step.last:after,
.recruit_step:last-child:after {
content: none;
}
.recruit_step .block_text {
}
.recruit_step .left {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
position: relative;
width: 40%;
}
.recruit_step .right {
width: 60%;
margin-left: auto;
padding-left: 15px;
}
.recruit_step .step_label {
width: 25%;
text-align: center;
font-size: 14px;
line-height: 1.1;
color: var(--navy);
font-weight: 500;
}
.recruit_step .step_label span {
font-size: 26px;
}
.recruit_step .step_title {
position: relative;
display: flex;
align-items: center;
z-index: 1;
width: 75%;
padding-left: 30px;
}
.recruit_step .step_title img {
width: 90px;
}
.recruit_step .step_title h3 {
display: inline-block;
padding-left: 15px;
font-size: 18px;
font-weight: 500;
color: #333;
}
.recruit_step .step_text {
font-size: 13px;
line-height: 1.8;
padding-right: 12px;
position: relative;
z-index: 1;
}
.recruit_type_list li {
width: calc(100% / 3);
padding: 10px;
}
.recruit_type_list li a {
position: relative;
display: block;
color: #000;
}
.recruit_type_list li a:hover {
opacity: .7;
text-decoration: none;
transition: .8s;
}
.recruit_type_list a:hover img {
transform: scale(1.1);
transition-duration: .8s;
}
.recruit_type_list li .img {
overflow: hidden;
width: 100%;
height: auto;
}
.recruit_type_list li .img img {
width: 100%;
height: auto;
transition-duration: .8s;
}
.recruit_type_list li .tl {
margin-top: 10px;
font-size: 20px;
font-weight: 500;
text-align: center;
}
.recruit_frm {
margin: 50px auto 10px;
text-align: center;
}
.tel_form_ct_area {
display: table;
margin: 0 auto;
}
.tel_form_ct_area .tel_block {
padding-right: 30px;
}
.tel_form_ct_area .tel_block .tel_sub {
margin-bottom: 3px;
font-size: 16px;
}
.tel_form_ct_area .btn_contact {
height: 64px;
text-align: center;
padding: 22px 5px;
} body.home section.message {
padding: 120px 0px;
}
.message {
position: relative;
}
.message:before {
content: "";
position: absolute;
top: 0px;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: url(https://sugahara-tax.jp/wp/wp-content/themes/altbase/images/message_bk.jpg) top center no-repeat;
background-size: cover;
}
@media screen and ( min-width:760px ) {
.c_m  {
position: relative;
z-index: 1;
width: 586px;
height: 320px;
margin: 0 auto;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright;
}
.c_m .tl {
font-size: 24px;
font-weight: 600;
margin-left: 45px;
letter-spacing: 8px;
}
.c_m p {
margin-left: 30px;
font-size: 16px;
line-height: 2.4;
letter-spacing: 2.5px;
}
}
@media (min-width: 768px) {
.message .bg {
top: -94px;
left: -37px;
font-size: 130px;
letter-spacing: -.03em;
}
} .a_f_s_area {
padding: 0px 0px 90px;
background: #f7f7f7;
}
.a_f_s_list li {
width: calc(100% / 2 - 2%);
margin: 1%;
}
.a_f_s_list li a {
display: block;
position: relative;
padding: 0;
}
.a_f_s_list li a:before {
background-color: rgb(45 45 45 / 30%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
z-index: 1;
transition: .8s;
}
.a_f_s_list li a:hover {
opacity: .8;
text-decoration: none;
transition: .8s;
}
.a_f_s_list li a:hover img {
transform: scale(1.1);
transition-duration: .9s;
}
.a_f_s_list li a:hover:before {
background-color: rgb(45 45 45 / 50%);
}
.a_f_s_list li a:hover .txt {
}
.a_f_s_list .tl {
position: relative;
margin-bottom: 30px;
}
.a_f_s_list li .img {
width: 100%;
height: 220px;
overflow: hidden;
}
.a_f_s_list li .img img {
width: 100%;
height: auto;
}
.a_f_s_list .txt {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 2.2rem;
color: #fff;
text-align: center;
}
.a_f_s_list li h3 {
font-size: 18px;
font-weight: 600;
}
.a_f_s_list li .txt .sub {
font-size: 14px;
font-weight: 500;
} .case_area {
position: relative;
}
.case_area:before {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: calc(100%);
background: url(https://sugahara-tax.jp/wp/wp-content/themes/altbase/images/case_bk.jpg) top center no-repeat;
background-size: cover;
}
.case_area .inner {
position: relative;
padding: 60px;
background: rgba(255, 255, 255, 0.7);
}
.case_list {
margin: 30px 0px 0px;
}
.case_list li {
width: calc(100% / 2 - 20px);
margin: 10px;
box-shadow: 0px 1px 5px 0px rgb(10 86 96 / 20%);
}
.case_list li a {
position: relative;
display: block;
padding: 20px;
color: #333;
}
.case_list li a:hover {
opacity: 0.7;
text-decoration: none;
}
.case_list li .c_cate {
display: inline-block;
margin-bottom: 10px;
padding: 6px 12px;
font-size: 13px;
background: var(--navy);
color: #fff;
}
.case_list li .tl {
font-weight: 600;
font-size: 14px;
line-height: 1.6;
}
.c_cate_area {
padding: 20px 20px 11px 20px;
background: #f7f7f7;
}
.c_cate_area .c_cate_list li {
margin: 0px 18px 9px 0px;
} section.fee_in {
padding-bottom: 0;
}
section.fee_in {
padding-bottom: 0;
}
ul.fee_sub_list {
padding: 20px 20px 20px 40px;
background: #f7f7f7;
}
ul.fee_sub_list li {
margin-bottom: 8px;
font-size: 14px;
list-style: decimal;
}
ul.fee_sub_list li:last-child {
margin-bottom: 0;
} .anker_link {
margin-top: 30px;
}
.anker_link li {
width: calc(100% / 3 - 12px);
margin: 6px;
}
.anker_link li a {
display: flex;
justify-content: space-between;
padding: 12px 10px;
color: #333;
font-weight: 600;
font-size: 13px;
letter-spacing: 0px;
text-align: center;
border: 1px solid #ebebeb;
transition: color .2s cubic-bezier(0.33, 1, 0.68, 1);
background: #fff;
box-shadow: 0px 1px 3px 0px rgb(102 102 102 / 10%);
}
.anker_link li .arrow {
width: 20px;
height: 20px;
}
.anker_link li .arrow:after {
top: 6px;
right: 7px;
transform: rotate(-135deg);
} .qa_area {
position: relative;
}
.qa_area:before {
content: "";
position: absolute;
top: 90px;
left: 60px;
display: block;
width: 100%;
height: 100%;
background-color: #f3f6fb;
z-index: -1;
}
.fee_area,
.faq_list {
max-width: 860px;
margin: 60px auto 0;
}
.faq_item {
margin-top: 25px;
counter-increment: faq;
}
.faq_item .faq_question:before {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 18px;
content: "Q" counter(faq);
font-family: 'Roboto', sans-serif;
font-size: 24px;
color: var(--navy);
letter-spacing: 1.5px;
}
.faq_question {
cursor: pointer;
position: relative;
display: flex;
align-items: center;
min-height: 70px;
padding: 16px 70px 16px 60px;
background-color: #f7f7f7;
font-size: 18px;
font-weight: 600;
border-radius: 10px 10px 0px 0px;
}
.faq_question .btn {
position: absolute;
top: 42px;
right: 15px;
width: 50px;
font-size: 12px;
letter-spacing: 0px;
text-align: center;
color: #555;
}
.faq_question .btn:before,
.faq_question .btn:after {
content: "";
display: block;
position: absolute;
top: -16px;
left: 0;
right: 0;
margin: 0 auto;
width: 24px;
height: 2px;
background-color: #555;
}
.faq_question .btn:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.faq_question .btn.open:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.faq_answer {
display: none;
padding: 20px;
font-size: 16px;
line-height: 1.8;
background: #fff;
border: 10px solid var(--base);
} .column_list {
margin: 10px 0px 40px;
}
li.column_li {
position: relative;
width: calc(100% / 4 - 20px);
margin: 10px;
background-color: #fff;
box-shadow: 0px 1px 5px 0px rgb(163 90 15 / 20%);
}
li.column_li a {
display: block;
color: #333;
}
li.column_li a:hover {
text-decoration: none;
opacity: 0.8;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
-ms-transition: 0.7s;
transition: 0.7s;
}
li.column_li .img {
overflow: hidden;
max-height: 116px;
}
li.column_li .img img {
width: 100%;
height: auto;
}
li.column_li a:hover img {
transform: scale(1.1);
transition-duration: .8s;
}
li.column_li .date {
position: relative;
}
li.column_li .date span {
position: relative;
display: block;
padding: 7px;
background: #f7f7f7;
font-size: 11px;
font-weight: 500;
text-align: center;
}
li.column_li .cate_info {
margin-top: 20px;
border: 1px solid #505050;
display: inline-block;
padding: 3px 10px;
font-size: 11px;
}
li.column_li .txt {
padding: 15px;
}
li.column_li .txt .tl {
margin: 0px;
font-size: 14px;
font-weight: 600;
}
li.column_li .txt p {
margin: 0;
font-size: 13px;
line-height: 1.8;
}
.column_area .btn {
margin: 0 auto;
text-align: center;
}
.archive_cate_area {
margin-bottom: 30px;
padding: 15px;
background: #f5f5f5;
}
ul.archive_cate_list li {
display: inline-block;
padding: 12px;
}
ul.archive_cate_list li a {
color: #333;
}
.relate_sv_ct {
padding: 20px;
background: #f5f5f5;
}
.relate_sv_ct h2 {
margin-bottom: 20px;
font-size: 18px;
font-weight: 500;
}
.relate_sv_ct a {
color: #333;
text-decoration: none;
}
.relate_sv_ct .img {
width: 300px;
}
.relate_sv_ct .txt {
width: calc( 100% - 300px);
padding-left: 25px;
}
.relate_sv_ct .txt .tl {
margin-bottom: 10px;
font-size: 18px;
font-weight: 500;
}
.relate_sv_ct .txt p {
font-size: 13px;
} .news_area {
position: relative;
z-index: 1;
width: 100%;
}
.news_area:before {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 100%;
background: url(https://sugahara-tax.jp/wp/wp-content/themes/altbase/images/news_area.jpg) top center no-repeat;
background-size: cover;
}
.news_area .inner {
align-items: center;
padding: 60px;
background-color: #fff;
background-color: #ffffffe6;
}
.news_area .left {
width: 200px;
}
.news_area .right {
width: calc(100% - 200px);
padding-left: 60px;
}
.news_area .head_title {
margin-top: 0px;
}
.news_area .head_title h2:before {
content: none;
}
section.topics_area {
padding-bottom: 90px;
}
.headline_list {
margin-bottom: 40px;
}
.headline_list li {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #ddd;
}
.headline_list li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: none;
}
.headline_list li span.date {
width: 120px;
font-size: 14px;
font-weight: 600;
}
.headline_list li span.title {
width: calc(100% - 120px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.headline_list li a {
position: relative;
color: #333;
text-decoration: underline;
}
.headline_list li a:hover {
text-decoration: none;
} .dl_base dl {
display: flex;
flex-wrap: wrap;
}
.dl_base dt {
width: 122px;
padding: 18px 18px 18px 0px;
border-bottom: 1px solid var(--navy);
font-size: 13px;
font-weight: 700;
color: #333;
}
.dl_base dd {
width: calc(100% - 122px);
margin: 0;
padding: 18px 0px 18px 18px;
font-size: 14px;
line-height: 1.8;
border-bottom: 1px solid #ddd;
}
.access_guide {
margin-top: 30px;
counter-reset: number 0;
}
.access_guide li {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
width: 50%;
padding: 10px;
}
.access_guide li .img {
width: 280px;
}
.access_guide li .img img {
width: 100%;
}
.access_guide li .txt {
width: calc(100% - 280px);
padding-left: 30px;
counter-increment: number;
}
.access_guide li .txt:before {
display: block;
margin-bottom: 5px;
content: "0" counter(number) "";
font-size: 30px;
font-style: italic;
}  .prof_area {
position: relative;
overflow: hidden;
}
.prof_area .img {
float: right;
width: 50%;
}
.prof_area .img img {
width: 100%;
max-width: 700px;
}
.prof_area .prof_info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.prof_area .prof_info .wrap {
position: relative;
width: 980px;
margin: 0 auto;
top: 50%;
-webkit-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
}
.prof_info .post {
font-size: 20px;
}
.prof_info .name {
display: inline-block;
position: relative;
left: -5px;
margin-top: 10px;
padding-right: 5px;
font-size: 46px;
letter-spacing: 3px;
line-height: 1;
}
.prof_info .furigana.gf {
display: inline-block;
font-size: 15px;
font-weight: 300;
letter-spacing: 3px;
text-transform: inherit;
}
.prof_txt {
margin: 40px auto;
padding: 40px;
width: 80%;
background: #fff;
box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 5%);
}
.prof_txt p {
font-size: 16px;
line-height: 2;
}
.prof_guide {
margin: 40px 0 0;
background: #f5f5f5;
}
.prof_guide li {
width: calc(100% / 3 - 30px);
margin: 15px;
padding: 15px;
}
.prof_guide li h3 {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #ddd;
font-size: 16px;
font-weight: 500;
}
.timeline {
margin-top: 20px;
}
.timeline > li {
overflow: hidden;
position: relative;
color: #586266;
}
.timeline-date {
float: left;
width: 80px;
padding: 12px 0px;
line-height: 1;
color: #586266;
}
.timeline-date .gf {
padding: 0 2px;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.5px;
}
.timeline-content {
width: calc(100% - 80px);
margin-top: -4px;
padding: 12px 0px 12px 25px;
float: left;
border-left: 1px #b9c5cb solid;
}
.timeline li:last-child .timeline-content {
padding-bottom: 0px;
}
.timeline-content:before {
content: '';
width: 12px;
height: 12px;
background: #347893;
position: absolute;
left: 75px;
top: 13px;
border-radius: 100%;
}
.timeline-content p {
margin-bottom: 20px;
}
.abt_area .abt_area_in {
margin-top: 90px;
}
.abt_area .abt_area_in .left {
width: calc(100% - 480px);
padding-right: 60px;
}
.abt_area .abt_area_in .right {
width: 480px;
}
.abt_area .abt_area_in .right img {
width: 100%;
}
.abt_area .abt_name {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border);
}
.abt_area .abt_name .post {
margin-bottom: 10px;
font-size: 16px;
}
.abt_area .abt_name .name h3 {
display: inline-block;
font-size: 28px;
font-weight: 600;
}
.abt_area .abt_name .name span {
display: inline-block;
margin-left: 7px;
position: relative;
top: -5px;
font-size: 11px;
letter-spacing: 1px;
text-transform: capitalize;
}
.abt_area ul.abt_cat {
margin-bottom: 30px;
}
.abt_area ul.abt_cat li {
display: inline-block;
margin-right: 5px;
padding: 4px 7px;
background: var(--navy);
color: #fff;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.7px;
}
.abt_area ul.abt_cat li:last-child {
margin-right: 0;
}
.abt_area p.abt_txt {
font-size: 14px;
line-height: 1.8;
}
.abt_area .abt_sec {
margin-top: 30px;
}
.abt_area .abt_sec_in {
margin-bottom: 40px;
}
.abt_area .abt_sec_in h3 {
margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.abt_area .abt_sec_in h3 span {
margin-right: 15px;
font-size: 20px;
font-weight: 600;
color: var(--navy);
}
.abt_area .abt_sec_in h3:after {
content: "";
flex: 1;
display: block;
position: relative;
top: 15px;
height: 1px;
background-color: var(--border);
}
.abt_area .abt_sec dl {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 10px;
}
.abt_area .abt_sec dt {
width: 90px;
font-size: 16px;
color: var(--navy);
}
.abt_area .abt_sec dd {
width: calc(100% - 90px);
}
.abt_area .abt_sec .abt_sv_list li {
margin-bottom: 10px;
}
.abt_area .abt_sec .abt_sv_list li:last-child,
.abt_area .abt_sec dl:last-child {
margin-bottom: 0px;
} body.home section.cta,
.cta {
position: relative;
z-index: 3;
width: 100%;
padding: 140px 0px 60px;
margin-bottom: -1px;
background-color: var(--navy);
}
.cta:before,
.cta:after {
content: "";
position: absolute;
top: -1px;
left: 0;
z-index: -1;
width: 100%;
height: calc(100% - 180px);
}
.cta:before {
background: url(https://sugahara-tax.jp/wp/wp-content/themes/altbase/images/cta_bk.jpg) top center no-repeat;
background-size: cover;
}
.cta:after {
background-color: rgb(10 40 72 / 78%);
} .cta .inner {
position: relative;
z-index: 1;
padding: 50px;
background-color: #fff;
}
.cta .cta_tl {
position: relative;
margin: 20px 0;
text-align: center;
}
.cta .cta_tl .sub {
position: absolute;
top: -60px;
left: 50%;
color: rgb(16 102 135 / 5%);
font-size: 140px;
letter-spacing: 5px;
line-height: 1;
text-align: center;
white-space: nowrap;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.cta .cta_tl p {
font-size: 16px;
}
.cta .cta_ct_sec {
position: relative;
z-index: 2;
margin: 0 auto;
text-align: center;
align-items: center;
justify-content: center;
}
.cta .tel_block {
margin-right: 60px;
}
.cta .cta_ct_sec .button_y {
padding: 16px 50px;
font-size: 16px;
}
.cta .cta_ct_sec .tel_num {
font-size: 38px;
letter-spacing: -.5px;
line-height: 1.2;
}
.cta .cta_ct_sec .cta_memo {
margin-top: 5px;
font-size: 14px;
} .entry-content {
}
.entry-header {
position: relative;
}
article img {
max-width: 100%;
height: auto;
}
.post-thumbnail {
margin-bottom: 25px;
}
.entry-content a img:hover {
opacity: 0.6;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.entry-content p {
font-size: 14px;
margin-top: 10px;
margin-bottom: 25px;
line-height: 28px;
}
.entry-content p,
.entry-content li
{
font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif; letter-spacing: .5px;
font-weight: 400;
}
.single .entry-content p,
.page .entry-content p {
margin-bottom: 35px;
}
.et_author {
margin-top: -15px;
margin-bottom: 20px;
}
.et_author h3 {
margin-top: 20px;
font-weight: bold;
font-size: 16px;
}
.nickname {
font-size: 11px;
letter-spacing: 0.5px;
} .entry-header .category_tag {
position: absolute;
top: -2px;
right: 0px;
padding: 0px;
text-align: right;
} .add_lnk_area {
padding: 30px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
}
.add_lnk_area li {
padding: 5px;
display: inline-block;
}
.add_lnk_area li .name {
display: inline-block;
padding-right: 3px;
font-weight: bold;
} #author {
position: relative;
margin: 30px 0px 30px;
padding: 20px;
background: #353535;
color: #fff;
}
#author .fl_l {
text-align: center;
}
#author h3 {
font-size: 16px;
margin-top: 8px;
}
#author p {
margin-top: 30px;
font-size: 14px;
color: #fff;
}
#author a {
text-decoration: underline;
color: #fff;
}
#author_tl {
position: absolute;
top: 2px;
right: 5px;
font-size: 46px;
color: #d4d4d4;
opacity: 0.6;
} .tl_share h3 {
font-size: 18px;
margin-bottom: 15px;
font-weight: bold;
text-align: center;
}
.tl_share h3 span {
position: relative;
display: inline-block;
padding: 0 0.5em;
}
.tl_share h3 span:before, .tl_share h3 span:after {
position: absolute;
top: 50%;
content: '';
width: 1.5em;
height: 1px;
background-color: black;
}
.tl_share h3 span:before {
left: 100%;
transform: rotate(-45deg);
}
.tl_share h3 span:after {
right: 100%;
transform: rotate(45deg);
} .single-topics .entry-content ul,
.single-post .entry-content ul,
ul.check_list {
margin: 20px 0px 30px;
padding: 15px 10px;
background: #fff;
border: 2px solid #d2d7df;
}
.single-topics .entry-content ul li,
.single-post .entry-content ul li,
ul.check_list li {
position: relative;
list-style: none;
padding-bottom: 10px;
padding-left: 36px;
margin: 0 0 10px;
border-bottom: 1px dotted #a3bac3;
font-size: 14px;
}
.single-topics .entry-content ul li:before,
.single-post .entry-content ul li:before,
ul.check_list li:before {
content: '';
display: block;
position: absolute;
top: 0.5em;
left: 0.8em;
width: 12px;
height: 7px;
border-left: 3px solid var(--navy);
border-bottom: 3px solid var(--navy);
transform: rotate(-45deg);
}
ul.check_list.color_red li:before {
color: #FF3D3D;
}
ul.check_list li.color_red,
ul.check_list li.color_red:before {
color: #FF3D3D;
}
.single-topics .entry-content ul li:last-child,
.single-post .entry-content ul li:last-child,
ul.check_list li:last-child {
margin-bottom: 0px !important;
border-bottom: 0px;
padding-bottom: 0px;
}
.single-topics .entry-content ul li p,
.single-post .entry-content ul li p,
ul.check_list li p {
padding-left: 15px;
margin-bottom: 5px !important;
font-size: 15px;
font-weight: normal;
line-height: 1.8;
margin-top: 8px;
} .label_list {
margin: 20px 0px 30px;
padding: 15px;
background: #f5f5f5;
}
.label_list li {
display: inline-block;
margin: 4px 4px;
padding: 8px 12px;
border: 1px solid #ddd;
background: #fff;
font-size: 14px;
} .conclusion {
position: relative;
border: 2px solid #a5c3ca;
border-radius: 3px;
margin-bottom: 30px;
padding: 20px;
}
.con_tl {
position: relative;
display: inline-block;
top: -1.8em;
padding: 0 10px 0px 28px;
font-weight: bold;
color: #158AAD;
font-size: 16px;
background: white;
line-height: 1.2;
}
.con_tl:before {
left: 0;
position: absolute;
font-family: 'Font Awesome 5 Free';
content: '\f00c';
color: #158AAD;
padding-left: 8px;
}
.conclusion p {
margin-top: -15px !important;
margin-bottom: 0px !important;
color: #126984;
} blockquote {
position: relative;
padding: 15px;
margin: 0px 15px 40px;
color: #585858;
border: solid 1px #cecece;
background: #f7f7f7;
}
blockquote:before{
display: inline-block;
position: absolute;
top: -15px;
left: -15px;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
vertical-align: middle;
text-align: center;
content: "\f10d";
font-family: 'Font Awesome 5 Free';
background: #333;
color: #FFF;
font-size: 14px;
}
blockquote:after{
display: inline-block;
position: absolute;
bottom: -15px;
right: -15px;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
vertical-align: middle;
text-align: center;
content: "\f10e";
font-family: 'Font Awesome 5 Free';
background: #333;
color: #FFF;
font-size: 14px;
}
.entry-content blockquote p {
padding: 0;
font-size: 14px;
margin: 10px 0px 20px !important;
line-height: 24px;
}
blockquote cite {
padding-top: 5px;
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
}
#toc_container span.toc_toggle {
display: none;
}
#toc_container p.toc_title {
padding: 3px 18px !important;
} .blog-card {
display: block;
border:1px solid #888;
word-wrap:break-word;
max-width:100%;
margin-bottom: 25px;
}
.single-post .blog-card {
margin-bottom: 45px;
}
.blog-card a {
display: table;
width: 100%;
color: #333;
padding: 20px;
background: #fbfaf8;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.blog-card a:hover{
background: #dcdcdc;
text-decoration: none;
}
.blog-card-thumbnail{
display: table-cell;
vertical-align: top;
width: 80px;
height: 80px;
}
.blog-card-thumbnail img {
padding: 0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.blog-card-content{
display: table-cell;
vertical-align: top;
padding-left: 20px;
}
.blog-card-title{
padding: 0px 10px 10px 0;
font-size: 16px;
line-height: 28px;
font-weight: bold;
}
.blog-card-title::before {
content: '関連記事';
font-size: 12px;
line-height: 18px;
color: #fff;
background: #333;
width: 5em;
display: block;
padding: 0.2em;
margin-bottom: 5px;
text-align: center; }
.blog-card-date{
color:#333;
font-size:75%;
margin-right:10px;
} .widget {
margin-bottom: 20px;
padding: 0;
background: #fff;
box-shadow: 0px 1px 10px 0px rgb(11 126 153 / 15%);
}
.widget h2.widget-title {
padding: 15px 0px 15px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-align: center;
background: var(--navy);
}
.widget>ul {
padding: 20px;
}
.widget>ul>li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #d5dbe2;
}
.widget>ul>li:last-child {
margin-bottom: 0px;
border-bottom: 0px;
padding-bottom: 0px;
}
.widget>ul.sd_column_list>li a {
color: #333;
line-height: 18px;
}
.widget>ul.sd_column_list>li a:hover {
text-decoration: none;
opacity: 0.7;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.widget>ul.sd_column_list>li .img {
width: 65px;
height: 65px;
}
.widget>ul.sd_column_list>li img {
width: 100%;
height: auto;
}
.widget>ul.sd_column_list>li .txt {
width: calc(100% - 65px);
padding-left: 15px;
font-size: 13px;
line-height: 1.4;
}
.widget>ul.sd_column_list>li h3 {
font-size: 14px;
font-weight: 500;
}
.widget>ul.sd_menu {
padding: 0px;
}
.widget>ul.sd_menu li {
margin-bottom: 0;
padding: 0;
border: 0;
}
.widget>ul.sd_menu a {
display: block;
padding: 20px 15px;
margin-bottom: 0px;
border-bottom: 1px solid #d5dbe2;
color: #333;
transition: .5s;
}
.widget>ul.sd_menu a:hover,
.widget>ul.sd_menu a.active {
padding-left: 20px;
text-decoration: none;
color: var(--navy);
}
.widget>ul.sd_menu a:hover h3:after,
.widget>ul.sd_menu a.active h3:after {
content: ">";
padding-left: 10px;
color: var(--navy);
transition: .5s;
} .gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery-item {
display: inline-block;
margin: 0px;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
img.attachment-large.size-large {
width: 100%;
height: auto;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 12px;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
} .category_tag a {
font-size: 12px !important;
display: inline-block;
padding: 2px 8px;
margin: 3px 3px;
background-color: #eaeaea;
color: #777;
border-radius: 5px;
}
.category_tag a:before {
font-family: "Font Awesome 5 Free";
font-weight: 500;
content: "\f02e";
padding-right: 3px;
}
.category_tag a:hover {
text-decoration: none;
background-color: #333;
color: #fff;
}
.tagcloud a {
font-size: 12px !important;
display: inline-block;
padding: 2px 8px;
margin: 3px 3px;
background-color: #eaeaea;
color: #777;
border-radius: 5px;
}
.tagcloud a:before {
font-family: "Font Awesome 5 Free";
font-weight: 500;
content: "\f02c";
padding-right: 3px;
}
.tagcloud a:hover {
text-decoration: none;
background-color: #333;
color: #fff;
} .form_area {
width: 80%;
margin: 0 auto 40px;
padding: 40px;
box-shadow: 0px 0px 10px 2px rgb(11 126 153 / 15%);
}
.form_list {
margin-top: 40px;
}
.form_list p {
text-align: left;
}
.form_list li {
display: table;
width: 100%;
position: relative;
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #dcdcdc;
}
.form_list li:last-child {
border-bottom: 1px solid #dcdcdc;
margin-bottom: 25px;
padding-bottom: 25px;
}
.form_list li .th,
.form_list li .td {
display: table-cell;
vertical-align: middle;
}
.form_list li .th {
width: 240px;
min-width: 240px;
max-width: 240px;
padding-right: 20px;
border-right: 1px dotted #999;
font-weight: 500;
}
.form_list li .td {
width: 100%;
padding-left: 3%;
}
.form_list li .td .txt {
margin-top: 8px;
display: block;
font-size: 12px;
color: #555;
}
.form_list li .td input {
width: 100%;
}
.form_list li .td input[type="radio"],
.form_list li .td input[type="checkbox"]  {
width: auto;
}
.form_list li .td input.readonly {
background: #ddd;
color: #6c6c6c;
}
.form_list li input#zipcd {
width: 30%;
}
.form_list li input#address {
width: calc(100% - 108px);
position: relative;
}
.form_list li input.tel_fm {
width: 25%;
}
.form_list li .td .td_area {
margin-bottom: 8px;
}
.form_list li .td .td_in {
padding-right: 8px;
}
.form_list li .td .datepicker {
margin-right: 8px;
width: 42%;
}
.form_list li .td.contact_type_area label {
display: block;
}
.form_list li input.resume,
.form_list li input.vitae {
width: 80%;
}
.mw_wp_form .horizontal-item label {
min-width: 260px;
display: inline-block;
margin: 5px 0px;
}
.mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 0px !important;
}
.mw_wp_form .td.w_sm .horizontal-item label {
min-width: 80px;
}
.mw_wp_form_confirm .conf_none {
display: none !important;
}
.form_list .button_n {
width: 170px;
min-width: 170px;
}
body.confim .form_list .button_n {
margin-left: 12px;
width: 170px;
min-width: 170px;
}
.form_list .error {
margin-top: 12px;
background: #f94e4e;
color: #fff !important;
padding: 8px 12px;
}
.required {
display: inline-block;
margin-left: 8px;
padding: 1px 6px;
background: #c54e4e;
border-radius: 5px;
color: #fff;
font-size: 11px;
}
.free {
display:inline-block;
margin-left: 8px;
padding: 1px 6px;
background-color: #4E94E4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #FFF;
font-size: 11px;
}
.lb_fl label {
margin-right: 8px;
margin-bottom: 3px;
font-size: 14px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.lb_fl label input {
vertical-align: middle;
margin-right: 5px;
width: 16px;
height: 16px;
}
.mw_wp_form .vertical-item {
display: inline-block !important;
}
.form_list li .td label {
display: inline-block;
min-width: 149px;
}
.policy_check {
margin-top: 20px;
text-align: center;
}
.caution {
margin: 0 auto 30px;
border: 1px solid #efd18f;
padding: 15px;
background: #fffedb;
text-align: center;
font-weight: bold;
color: #e24848;
line-height: 24px;
}
.caution p {
color: #e24848;
}
.form_list .horizontal-item label {
display: inline-block;
}
.form_list .button_n2 {
margin-right: 15px;
} .form_area dl {
padding: 25px 0px;
overflow: hidden;
border-bottom: 1px solid #ddd;
font-size: 13px;
}
.form_area dl:last-child {
border-bottom: 0px;
}
.form_area dt, .form_area dd {
padding: 0px;
float: left;
font-size: 14px;
}
.form_area dt {
font-weight: bold;
width: 20%;
clear: both;
min-width: 150px;
}
#content .form_area dd {
width: 80%;
margin-bottom: 0px;
line-height: 1.8;
}
.form_area dd:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.scr_area {
margin: 40px 0px;
padding: 20px 20px 0px;
height: 220px;
overflow-y: scroll;
background-color: #f7f7f7;
border: 1px solid #dbdbdb;
-moz-box-shadow: 0 1px 0 white;
-webkit-box-shadow: 0 1px 0 white;
box-shadow: 0 1px 0 white;
}
.scr_area h3 {
font-size: 15px;
font-weight: 600;
margin-bottom: 20px;
}
.scr_area span {
display: inline-block;
font-size: 14px;
font-weight: 500;
margin-bottom: 15px;
}
.scr_area p {
margin-bottom: 20px;
font-size: 13px;
} .mw_wp_form_confirm .scr_area {
display: none;
}
.wpcf7-submit {
margin: 0 auto;
min-width: 220px;
letter-spacing: 2px;
font-weight: bold;
}
.div.wpcf7-response-output {
border: 2px solid #ff0000;
padding: 12px;
text-align: center;
}
.radio_li {
margin-top: 10px;
}
.radio_li label {
display: inline-block;
font-weight: bold !important;
font-size: 14px;
} .search-form {
margin: 12px 0px 20px;
}
input.search-field {
width: 80%;
padding: 2px 8px;
height: 46px;
}
input.search-submit.button_n {
min-width: 112px;
border-radius: 5px;
padding: 12px;
margin-left: 5px;
} .flow_contact_list {
margin: 40px auto 20px;
}
.flow_contact_list li {
width: calc(100% / 4);
text-align: center;
}
.flow_contact_list li .img img {
height: 80px;
}
.flow_contact_list li .txt {
}
.flow_contact_list li .txt .step {
display: inline-block;
margin-bottom: 15px;
padding: 3px 10px;
background: #000;
color: #fff;
font-size: 12px;
font-weight: 500;
}
.flow_contact_list li .txt .tl {
margin-top: 15px;
font-size: 13px;
font-weight: 500;
} table {
width: 100%;
} .tl_base {
margin: 30px 0px;
display: table;
width: 100%;
border-collapse: collapse;
}
.tl_base thead th {
text-align: center;
}
.tl_base thead th {
font-weight: 700;
color: #fff;
background: var(--navy);
border: 1px solid #fff;
}
.tl_base td, .tl_base th {
display: table-cell;
vertical-align: middle;
border: 1px solid #c2c4c5;
padding: 15px;
}
.tl_base tr {
display: table-row;
}
.tl_base tbody th  {
min-width: 200px;
background: var(--navy);
color: #fff;
font-weight: 500;
font-size: 14px;
}
.tl_base th.th_2 {
width: 12%;
background: #F7F7EB;
color: #71531d;
font-weight: normal;
}
.tl_base td {
background: #fff;
font-weight: 500;
font-size: 14px;
}
.tl_base td .num {
font-size: 16px;
}
.tl_base td .fee_memo {
font-size: 13px;
font-weight: normal;
}
table.tl_base.price_table td {
font-size: 16px;
} .entry-content table {
width: 100%;
margin: 30px 0;
table-layout:fixed;
}
.entry-content table thead th {
text-align: center;
}
.entry-content table th,
.entry-content table td {
display: table-cell;
vertical-align: middle;
padding: 15px;
border: 1px solid #cdcdcd;
}
.entry-content table th {
min-width: 200px;
background: var(--navy);
color: #fff;
font-weight: 500;
font-size: 14px;
}
.entry-content table td {
font-size: 13px;
} .ori_pagenavi {
clear: both;
padding: 40px 0;
position: relative;
line-height:13px;
text-align: center;
}
.ori_pagenavi span, .ori_pagenavi a {
display: inline-block;
margin: 2px 8px 2px 0;
padding:14px 14px 13px 14px;
border-radius: 20px;
text-decoration:none;
min-width:40px;
color:#fff;
background: #989898;
}
.ori_pagenavi a:hover{
color:#fff;
background: var(--navy);
}
.ori_pagenavi .current{
padding:14px 14px 13px 14px;
background: var(--navy);
color: #fff;
} .f_l_area .f_list {
padding: 30px;
}
.f_l_area .f_list li {
width: calc(100% / 6 - 10px);
margin: 5px;
text-align: center;
}
.f_l_area .f_list li a { 
color: #333;
}
#fnavi {
position: relative;
padding: 60px 0px;
background: #f7f7f7;
} #fnavi .flex_in {
position: relative;
align-items: center;
}
#fnavi .lt_block {
width: 30%;
}
#fnavi .g_map {
width: 70%;
padding-left: 60px;
}
#fnavi .lt_block .img {
margin-bottom: 15px;
}
#fnavi iframe {
width: 100%;
height: 100%;
min-height: 300px;
}
.ft_btm {
padding: 20px 0 20px;
background-color: var(--blue);
}
.ft_btm p {
color: #fff;
clear:both;
text-align:center;
line-height: 1.4;
letter-spacing:1px;
padding : 4px;
}
.ft_btm address {
color: #fff;
clear:both;
text-align:center;
font-weight: 500;
line-height: 1.2;
letter-spacing:1px;
padding : 4px;
}
#footer {
padding: 12px 0px;
background-color: var(--navy);
line-height: 1;
margin: 0 auto;
font-size: 12px;
color: #fff;
}
#footer address{
text-align: center;
line-height: 1.2;
letter-spacing: 1px;
} @media screen and ( max-width:1024px ) {
header .in,#breadcrumb ul,#bread_all ul,#footer_body,
#side,#side_wrap,#main,#main_area {
width: 100%;
float: none;
}
.inner,#content .in,.in {
width: 92%;
margin: 0 auto;
}
body.contact #content .in, body.entry #content .in, body.confirm #content .in, body.comp #content .in, #content.wide .in,body.single-topics #content .in, body.single-column #content .in {
max-width: 92%;
min-width: 92%;
padding: 20px;
}
#main {
margin: 0px;
border-right: 0px;
padding: 0px;
padding: 20px; }
#side {
margin-top: 20px;
}
#g_navi .nav>ul>li>a {
padding: 32px 7px;
font-size: 11px;
}
}
@media screen and ( max-width:950px ) {
.site_logo {
top: 24px;
}
.site_logo img {
width: 220px;
}
#g_navi .nav>ul>li>a {
padding: 35px 7px;
}
#g_navi .nav>ul>li>a span{
font-size: 11px;
}
}
@media screen and ( max-width:840px ) {
} @media screen and ( max-width:760px ) {
.pc {
display: none !important;
}
.mb {
display: block !important;
}
.home #wrapper {
padding-top: 0px;
}
p {
font-size: 13px;
} .sns li a {
font-size: 15px !important;
letter-spacing: 0px;
padding: 15px 3px;
}
.sns li a .fa {
font-size: 15px;
} .header_bg2 {
width: 100%;
}
.logo_menu {
width: 100%;
height: 64px;
}
.header_bg2.fixed {
height: 64px;
}
header.header_bg2 .site_logo {
top: 14px;
left: 10px;
}
header.header_bg2 .site_logo img {
position: relative;
width: 200px;
}
.site_logo p.ld {
font-size: 10px;
}
.header_bg .eyecatch {
margin-top: 135px;
padding: 0px 5px;
}
.header_bg h1 {
font-size: 28px;
line-height: 36px;
}
.header_bg p {
font-size: 10px;
letter-spacing: 3.5px;
word-break: normal;
}
img {
max-width: 100%;
height: auto;
}
.section {
clear: both;
width:100%;
}
body.home section,
section {
padding: 60px 0px;
}
#content.wide .in {
width: 92%;
padding: 20px;
min-width: auto;
}
.entry-content {
margin: 0px 0px;
padding: 0px;
}
#main .entry-content.in {
padding: 0px;
}
.w_80,.w_80_txt,w_60_txt {
width: 100% !important;
}
.head_title {
margin-bottom: 30px;
}
.head_title h2 {
line-height: 1.4;
font-size: 22px;
letter-spacing: 1.5px;
}
.head_title.t_center h2:after {
left: 38%;
}
body.home .head_title h2 span.sub {
font-size: 42px;
}
.entry-content .smr_tl {
margin: 20px 0px;
}
.page .entry-content h2 {
font-size: 16px;
}
#content {
padding: 20px 0px 40px;
}
.single .entry-content h2 {
font-size: 18px;
}
.single .entry-content h3 {
font-size: 16px;
line-height: 26px;
padding: 15px 0px 15px 10px;
}
#breadcrumb, #bread_all {
padding: 0px;
margin-top: 50px;
background: none;
}
#breadcrumb li {
font-size: 10px;
}
#breadcrumb li:last-child, #bread_all li:last-child {
} #eyecatch {
height: 440px;
}
.inner-content {
left: 10%;
width: 85%;
}
.inner-content h1 {
font-size: 22px;
line-height: 1.4;
letter-spacing: 0.5px;
}
.inner-content .sub {
margin-left: -10px;
letter-spacing: 0.1px;
line-height: 1.4;
font-size: 9px;
font-weight: 500;
transform: scale(0.9);
}
#eyecatch p.eye_txt {
font-size: 11px;
letter-spacing: 1px;
}
#opening {
left: 7%;
}
.scrool-area {
left: 3.5%;
} body.home section.message {
padding: 90px 0px;
}
.message .tl {
margin-bottom: 15px;
font-size: 20px;
letter-spacing: 3px;
}
.message .c_m p {
margin-top: 15px;
}
.top_sep_img {
height: 140px;
}
.service_list {
}
.service_list li {
width: calc(100% / 2 - 10px);
margin: 5px;
}
.service_list li .img {
width: 100%;
}
.service_list li .icon {
width: 60px;
margin: -25px auto 0;
padding: 12px 12px 8px;
}
.service_list li .tl h3 {
font-size: 15px;
}
.service_list li .sub {
top: -33px;
font-size: 18px;
}
.service_list li .txt_area {
padding: 0 10px 15px;
}
.service_list li .txt {
width: calc(100% - 20px);
padding-right: 5px;
}
.service_list li .arrow {
width: 20px;
height: 20px;
}
.service_list li .arrow:after {
width: 6px;
height: 6px;
top: 7px;
right: 8px;
}
body.home section.company_area {
padding: 0;
}
.company_area .left,
.company_area .right {
width: 100%;
padding: 0px;
}
.company_area .txt {
margin-top: 25px;
}
.company_area .right .sub_2 {
display: none;
font-size: 62px;
}
.company_area .btn a {
margin: 0 auto;
}
.a_f_s_list li {
width: 90%;
margin: 0 auto 30px;
}
.a_f_s_list li .img {
height: 150px;
}
.a_f_s_list .txt {
height: 3rem;
}
section.topics_area .btn .st_btn {
margin: 0 auto;
}
.headline_list li span.date {
width: 96px;
}
.headline_list li span.title {
width: calc(100% - 96px);
font-size: 12px;
}
.case_list li {
width: 100%;
margin: 10px auto;
}
.case_area .inner {
padding: 20px;
}
.case_list li .c_cate {
padding: 4px 12px;
font-size: 11px;
}
.case_list li .tl {
font-size: 13px;
}
.qa_area:before {
top: 90px;
left: 30px;
}
.qa_area .inner {
padding-left: 0px;
}
.qa_list li .tl {
margin-top: 10px;
display: inline-block;
font-size: 13px;
}
body.home section.cta,
.cta {
padding: 100px 0px 30px;
}
.cta:before, .cta:after {
height: calc(100% - 196px);
}
.cta .inner {
width: 92%;
padding: 20px;
}
.cta .cta_tl {
margin: 30px 0 0px;
}
.cta .cta_tl .sub {
top: 0px;
font-size: 60px;
letter-spacing: 2px;
}
.cta .cta_tl p {
font-size: 14px;
}
.cta_ct_sec.flex_in {
padding: 15px 0px;
}
.cta .cta_ct_sec .tel_block,
.cta .cta_ct_sec .frm_block {
width: 100%;
}
.cta .cta_ct_sec .tel_block {
margin: 0px 0px 25px;
}
.cta .cta_ct_sec .tel_num {
font-size: 32px;
}
.cta .cta_ct_sec .tel_num a {
}
.cta .cta_ct_sec .button_y {
width: 90%;
padding: 16px 0px;
font-size: 14px;
}
section.sec_outline {
padding: 20px 0px;
}
.about_area {
padding-bottom: 40px;
}
.about_area h3 {
font-size: 18px;
}
.about_area .flex_in {
}
.about_area .flex_in .mb {
order: 4;
width: 100%;
}
.about_area .img {
width: 100%;
}
.about_area .txt {
width: 100%;
padding: 20px 0px 0px;
}
.about_area .txt .btn {
margin: 20px 0px;
text-align: center;
}
.service_list {
width: 100%;
margin: 20px auto 0px;
}
.service_list li .tl h3 {
font-size: 13px;
}
.staff_p_list>li {
width: 100%;
margin: 0px 0px 30px;
padding: 20px;
}
.news_area .inner {
display: block;
padding: 30px;
}
.news_area .left,
.news_area .right {
width: 100%;
padding: 0px;
}
.news_area .btn {
margin-top: 30px;
text-align: center;
}
.head_title_2 .sub {
font-size: 24px;
}
.head_title_2 .t_m {
font-size: 12px;
padding-left: 15px;
}
.dl_base dt {
width: 90px !important;
}
.dl_base dd {
width: calc(100% - 90px) !important;
font-size: 13px;
} .lead {
overflow: inherit;
background: none;
}
.lead .txt {
width: 100%;
padding: 30px 20px 20px;
border-left: 0;
order: 1;
z-index: 2;
}
.lead .txt .area h1 {
left: 0;
bottom: -20px;
font-size: 14px;
}
.lead .txt .area span {
font-size: 30px !important;
letter-spacing: 3px;
}
.lead .txt .tl {
font-size: 13px;
}
.lead #breadcrumb {
position: relative;
left: 10px;
bottom: auto;
margin-top: 10px;
width: 100%;
order: 2;
}
.lead .img {
width: 100%;
order: 0;
}
.lead .img figure {
padding-bottom: 0%;
height: 160px;
}
.lead_2 .txt {
height: 100px;
}
.lead_2 .txt h1 {
font-size: 16px;
}
#breadcrumb.type2 {
margin-top: 10px;
padding: 0px;
left: 0px;
}
.single-topics .entry-content ul li,
.entry-content ul li, .single-post .entry-content ul li, ul.check_list li {
font-size: 13px;
}
.access_area .flex_in {
display: block;
}
.access_area .left, .access_area .right {
width: 100%;
padding: 0px;
}
.access_area .left {
}
.access_area .right {
margin-top: 40px;
}
.access_area .google-maps {
padding-bottom: 50%;
}
.staff_p_list li .left,
.staff_p_list li .right,
.staff_p_list li .left,
.staff_p_list li:nth-child(2n) .right {
width: 100%;
padding: 0px;
}
.staff_p_list li .right {
margin-top: 0px;
}
.staff_p_list li .name {
font-size: 24px;
}
.fee_area, .faq_list {
margin: 0px auto 0;
}
.anker_link {
margin-top: 30px;
padding: 10px;
overflow-x: scroll;
overflow-y: hidden;
flex-wrap: inherit;
background: #f7f7f7;
}
.anker_link li {
width: auto;
order: 0;
flex: none;
}
.anker_link li .arrow {
margin-left: 5px;
}
.message .tl {
margin-bottom: 20px;
font-size: 22px;
}
.message .hed_detail {
margin-left: 0px;
width: 100%;
}
.message .message_img {
margin-bottom: 20px;
}
.message .bg {
z-index: -1;
}
#content.sv_detail {
margin-top: 20px;
}
.service_list_detail li {
margin-top: 50px;
padding: 20px;
}
.service_list_detail .head_title {
}
.service_list_detail .head_title h2 {
font-size: 18px;
}
.service_list_detail li .icon {
transform: translateY(-3rem);
left: calc(100% / 2 - 38px);
}
.service_list_detail li .icon img {
width: 36px;
}
.service_list_detail li .sv_lead_txt {
font-size: 14px;
}
.service_list_detail li .sv_flex {
display: block;
margin-top: 20px;
}
.service_list_detail li .img,
.service_list_detail li .txt {
width: 100%;
}
.service_list_detail li .txt {
padding: 0;
margin-top: 20px;
}
section.abt_area {
padding-bottom: 0px;
}
.abt_area .abt_area_in {
margin-top: 20px;
}
.abt_area .abt_area_in .left {
width: 90%;
margin: 0 auto;
padding-right: 0px;
}
.abt_area .abt_area_in .left .img {
margin-bottom: 30px;
max-height: 300px;
overflow: hidden;
}
.abt_area .abt_name {
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 15px;
}
.abt_area .abt_name .post {
margin-bottom: 3px;
font-size: 12px;
}
.abt_area .abt_name .name h3 {
font-size: 22px;
}
.abt_area .abt_name .name span {
top: -4px;
font-size: 10px;
}
.abt_area ul.abt_cat {
margin-bottom: 20px;
}
.abt_area ul.abt_cat li {
margin: 4px;
padding: 4px 4px;
font-size: 11px;
}
.abt_area p.abt_txt {
font-size: 13px;
}
.abt_area .abt_sec dt {
width: 60px;
font-size: 16px;
}
.abt_area .abt_sec dd {
width: calc(100% - 60px);
padding-top: 3px;
font-size: 12px;
} li.column_li {
width: 100%;
margin: 10px 5px;
}
li.column_li .img {
max-height: 180px;
}
li.column_li .txt .tl {
margin-bottom: 0px;
font-size: 14px;
}
li.column_li .txt p {
display: none;
}
ul.news_list li.news_li {
display: block;
padding: 20px 0px;
}
ul.news_list .date_cat, ul.news_list .txt {
display: block;
}
ul.news_list .date_cat {
width: 100%;
margin-bottom: 10px;
}
ul.dep_sec li {
width: 100%;
margin: 2% 0%;
}
ul.dep_sec li .status {
font-size: 10px;
}
.calt_list_1 li {
width: 100%;
}
.calt_list_1 li .left,
.calt_list_1 li .right {
width: 100%;
padding: 0;
}
.calt_list_1 li .left {
padding: 6px 12px;
text-align: left;
}
.calt_list_1 li .right {
margin-top: 15px;
}
.calt_list_1 li .left .tl {
position: relative;
top: -10px;
left: 6px;
display: inline-block;
margin-bottom: 0px;
padding-right: 5px;
font-size: 15px;
}
.calt_list_1 li .left span.m {
top: -10px;
}
.calt_list_1 li .left span.gf {
font-size: 54px;
}
body.single-word .box, body.tax-genre .box, body.word .box, body.faq .box {
padding: 30px;
}
.faq_question {
padding: 16px 45px 16px 60px;
font-size: 15px;
}
.faq_answer {
font-size: 14px;
}
.faq_question .btn {
right: 5px;
width: 40px;
font-size: 10px;
}
.faq_question .btn:before,
.faq_question .btn:after {
top: -14px;
width: 16px;
} .wrap .m_r_10, .wrap .m_r_20, .wrap .m_r_30 {
margin-right: 0px !important;
}
.fl_l,.fl_r {
text-align: center;
float: none !important;
margin-bottom: 15px;
}
#main .in {
padding: 0px 0px 20px;
}
.head_area {
width: 90%;
}
.entry-header {
padding-bottom: 20px;
margin-bottom: 25px;
}
body.single .entry-header .head_title {
margin-top: 15px;
margin-bottom: 10px;
text-align: left;
}
body.single .entry-header h1.entry-title {
font-size: 20px;
line-height: 30px;
margin-bottom: 0px;
}
.entry-content p {
font-size: 14px;
line-height: 26px;
}
.head_area2 h1, .head_area2 h2 {
margin-bottom: 30px;
}
.single .entry-content h2, .in #main h2 {
font-size: 20px;
line-height: 26px;
}
.entry-content h3 {
font-size: 18px;
}
.base_tl h4,
.entry-content h4 {
font-size: 15px;
line-height: 26px;
} .bgata_table.tl_base tbody th {
min-width: 65px;
}
.prof_area .img {
float: none;
width: 100%;
}
.prof_area .prof_info .wrap {
position: absolute;
width: 100%;
padding: 12px 16px;
top: auto;
bottom: -43px;
background-color: rgb(255 255 255 / 85%);
}
.prof_info .post {
font-size: 14px;
}
.prof_info .name {
margin-top: 5px;
font-size: 30px;
}
.prof_info .furigana.gf {
font-size: 11px;
}
.prof_txt.inner {
margin: 40px auto;
padding: 0;
box-shadow: none;
}
.prof_txt p {
font-size: 14px;
line-height: 2;
}
.prof_guide {
background: none;
}
.prof_guide li {
width: 100%;
margin: 0px 0px 15px 0px;
padding: 20px;
background: #f5f5f5;
}
.in #main .relate_sv_ct h2 {
font-size: 16px;
}
.relate_sv_ct .img,
.relate_sv_ct .txt {
width: 100%;
padding: 0px;
}
.relate_sv_ct .img {
margin-bottom: 15px;
}
.service_area p.bg_tl {
bottom: -18px;
font-size: 108px;
}
.service_area .sv_copy {
margin-top: 20px;
font-size: 16px;
line-height: 1.8;
}
.swiper.sl_img_area {
padding: 20px;
}
.service_area .sv_txt {
font-size: 13px;
line-height: 1.8;
} body.faq .head_title {
margin-bottom: 10px;
}
.accbox {
width: 100%;
padding: 0%;
}
.accbox label {
padding: 20px 18px 20px 50px;
font-size: 14px;
}
.faq_icon {
top: 22px;
} #panel-btn {
display: inline-block;
position: absolute;
top: 16px;
right: 20px;
z-index: 99999;
width: 40px;
height: 40px;
border-radius: 50%; }
#panel-btn:hover {
}
#panel-btn:active,
#panel-btn:focus {
background: none;
}
.header_bg #panel-btn-icon,
.header_bg #panel-btn-icon:before,
.header_bg #panel-btn-icon:after {
background: #333;
}
#panel-btn-icon {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 2px;
margin: -1px 0 0 -7px;
background: #333;
transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 14px;
height: 2px;
background: #333;
transition: .3s;
}
#panel-btn-icon:before{
margin-top: -6px;
}
#panel-btn-icon:after{
margin-top: 4px;
}
#panel-btn .close{
background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
margin-top: 0;
}
#panel-btn .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
background: #fff;
}
#panel-btn .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
background: #fff;
} .g_navi_sub {
top: 3px;
right: 6px;
}
#g_navi nav {
margin: 25px auto 0px;
}
#nav-drawer {
position: absolute;
top: 20px;
right: 5px;
z-index: 99999;
} #nav-open {
display: inline-block; width: 30px;
height: 20px;
vertical-align: middle;
} #nav-open span, #nav-open span::before, #nav-open span::after {
position: absolute;
height: 2px; width: 15px; border-radius: 3px;
background: var(--navy);
display: block;
content: '';
cursor: pointer;
}
#nav-open span:before {
bottom: -6px;
}
#nav-open span:after {
bottom: -12px;
} #nav-close {
display: none; position: fixed;
z-index: 99;
top: 0; right: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
} #nav-content {
overflow: auto;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
width: 75%;
max-width: 330px;
height: 100%;
background: #fff;
transition: .3s ease-in-out;
-webkit-transform: translateX(105%);
transform: translateX(105%);
} #nav-input:checked ~ #nav-close {
display: block;
opacity: .5;
}
#nav-input:checked ~ #nav-content {
background: var(--navy);
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
} .nav-tl-menu {
display: block;
position: relative;
padding: 20px 10px 18px 18px;
font-size: 14px;
font-weight: bold;
letter-spacing: 3px;
color: #fff;
background: var(--navy);
}
#nav-content ul {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
#nav-content .nav>ul>li {
width: 100%;
height: auto;
float: none;
padding: 0px;
}
#nav-content .nav>ul>li>a {
display: block;
vertical-align: middle;
width: 100%;
color: #fff !important;
height: auto;
padding: 20px 0px 20px 0px;
}
#g_navi .nav>ul>li.active a span.gf,
#g_navi .nav>ul>li a span.gf {
color: #fff !important;
}
#g_navi .nav>ul>li>a:hover, #g_navi .nav>ul>li.active a {
}
#nav-content .nav>ul>li>a:hover {
text-decoration:none;
}
#nav-content .nav>ul>li>a span {
font-size: 14px;
}
#g_navi .nav>ul>li>a:after {
content: none;
}
#g_navi .mb_navi_btn {
text-align: center;
}
#g_navi .mb_navi_btn .tel_block,
#g_navi .mb_navi_btn .frm_block {
display: block;
width: 100%;
padding: 20px 10px;
}
#g_navi .mb_navi_btn .tel_block {
color: #fff;
}
#g_navi .mb_navi_btn .tel_num a {
color :#fff;
}
#g_navi .mb_navi_btn .tel_block .tel_sub {
letter-spacing: 1.5px;
}
#g_navi .mb_navi_btn .frm_block {
padding-top: 5px;
}
#g_navi .mb_navi_btn .button_y {
margin-top: 30px;
display: inline-block;
min-width: 90%;
width: 90%;
border: 1px solid #fff;
border-radius: 30px;
}
#g_navi .mb_navi_btn .navi_ft_logo {
padding: 20px;
}
#nav-content .nav-item_sub {
padding: 15px;
}
#nav-content .nav-item_sub .inner {
width: 100%;
}
#nav-content .nav-item_sub ul.service_list {
display: block;
margin: 0px;
}
#g_navi .service_list li {
width: 100%;
margin: 0px 0px 15px;
}
#g_navi .service_list li .img {
width: 100px;
}
#g_navi .service_list li .icon,
.service_list li p {
display: none;
}
#g_navi .service_list li .txt {
width: calc(100% - 100px);
padding: 0px 15px;
}
#g_navi .service_list li h3 {
margin: 0px;
font-size: 12px;
} #nav-drawer .close {
position: absolute;
top: 24px;
right: 20px;
width: 20px;
height: 20px;
}
#nav-drawer .close:before, #nav-drawer .close:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: 0;
width: 20px;
height: 2px;
background: #fff;
}
#nav-drawer .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#nav-drawer .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.header_btn {
position: relative;
margin-top: 15px;
text-align: center;
}
.header_btn a.button_y {
min-width: 200px;
border: 1px solid #fff;
}
.header_btn a.button_y img {
width: 24px;
margin-right: 5px;
}
.header_btn a.button_y.type2 {
margin-bottom: 15px;
background: var(--navy);
} .f_l_area .f_list {
padding: 40px 0 20px;
justify-content: center;
}
.f_l_area .f_list li {
width: calc(100% / 3 - 16px);
margin: 0 8px 20px;
text-align: center;
}
#fnavi {
padding: 40px 0px;
}
#fnavi .inner {
display: block;
}
#fnavi .lt_block,#fnavi .g_map {
width: 100%;
padding: 0;
}
#fnavi .lt_block .img {
margin-bottom: 20px;
text-align: center;
}
#fnavi .lt_block img {
width: 260px;
}
#fnavi .g_map {
margin-top: 30px;
}
#fnavi iframe {
min-height: 100px;
} .bg_layer {
display: none;
background: rgba(0,0,0,0.3);
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 3500;
} .form_area {
width: 98%;
padding: 20px 15px;
}
.form_list {
margin-top: 20px;
}
.form_area dt {
float: none;
margin-bottom: 12px;
}
.form_area dd,
#content .form_area dd {
width: 100%;
}
.form_area .button_n {
min-width: 100px;
}
body.confim .form_list .button_n {
width: 120px;
min-width: 120px;
}
input[type="search"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], input.login, select {
width: 100%;
}
.form_list li input#zipcd,
.form_list li .td .datepicker,
.form_list li input.resume, .form_list li input.vitae {
width: 100%;
}
input.tel_fm {
max-width: 75px;
min-width: 75px;
}
.form_list li .th, .form_list li .td {
display: block;
}
.form_list li .th {
width: 100%;
min-width: 100%;
max-width: 100%;
padding-right: 0px;
padding-bottom: 15px;
border-right: 0px;
font-size: 14px;
font-weight: 700;
}
.form_list li .td {
padding-left: 0px;
}
.form_list li .td .td_area {
padding: 12px;
background: #f7f7f7;
border-radius: 5px;
}
.form_list li .td .td_in {
display: block;
margin-bottom: 8px;
}
.form_list li .td .datepicker {
margin: 0px 0px 5px;
}
select[name="pref"] {
margin-bottom: 10px;
}
.mw_wp_form .horizontal-item label {
min-width: 49%;
}
.form_list li input#address {
width: 100%;
}
.flow_contact_list li {
padding: 10px;
width: calc(100% / 2);
}
.flow_contact_list li .txt .tl {
font-size: 12px;
}
.form_list li .td label {
min-width: auto;
margin: 5px 8px;
}
} @media screen and ( max-width:321px ) {
.form_list .button_n2 {
margin-right: 10px;
}
.form_list .button_n2 {
min-width: 80px;
}
.form_list .button_n {
width: 150px;
min-width: 150px;
}
} .nav-item_sub{ z-index:1200; }
.nav-item_sub .gnav_sub_list{ display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; }
.nav-item_sub .gnav_sub_list li{ width:calc(25% - 10px); margin:5px; }
.nav-item_sub .gnav_sub_list li a{ display:block; padding:14px 16px; background:#fff; color:#333; font-size:14px; font-weight:600; line-height:1.4; text-align:left; text-decoration:none; border-radius:3px; transition:.3s; }
.nav-item_sub .gnav_sub_list li a:hover{ background:var(--navy); color:#fff; text-decoration:none; }
.nav-item_sub .gnav_sub_list li a .en{ display:block; margin-top:3px; font-size:11px; font-weight:400; color:#999; letter-spacing:1px; }
.nav-item_sub .gnav_sub_list li a:hover .en{ color:#fff; }
@media screen and (max-width:1100px){ .nav-item_sub .gnav_sub_list li{ width:calc(33.333% - 10px); } }  @media screen and (max-width:768px){
#nav-content .nav-item_sub{ display:block; padding:0 15px 15px; }
#nav-content .nav-item_sub .inner{ width:100%; }
#nav-content .nav-item_sub .gnav_sub_list{ display:flex; flex-wrap:wrap; justify-content:center; }
#nav-content .nav-item_sub .gnav_sub_list li{ display:flex; width:calc(50% - 8px); margin:4px; }
#nav-content .nav-item_sub .gnav_sub_list li a{ display:flex; align-items:center; justify-content:center; width:100%; padding:12px 6px; font-size:13px; line-height:1.3; text-align:center; color:#333 !important; }
#nav-content .nav-item_sub .gnav_sub_list li a .en{ display:none; }
}  .topics_cta {
margin: 60px auto 0;
padding: 32px 20px;
background: #f6f6f4;
border-radius: 6px;
text-align: center;
}
.topics_cta__lead {
margin-bottom: 6px;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.topics_cta__sub {
margin-bottom: 20px;
font-size: 15px;
line-height: 1.7;
}
.topics_cta__btns {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 16px;
}
.topics_cta .btn_contact {
width: 240px;
height: auto;
padding: 18px 10px;
border-radius: 4px;
font-size: 15px;
}
.topics_cta .btn_contact span.txt {
font-size: 15px;
}
@media screen and (max-width: 767px) {
.topics_cta {
margin-top: 40px;
padding: 24px 14px;
}
.topics_cta__lead { font-size: 17px; }
.topics_cta__sub { font-size: 14px; }
.topics_cta__btns { gap: 10px; }
.topics_cta .btn_contact {
width: 47%;
min-width: 140px;
padding: 14px 6px;
}
}  .pilot_faq { margin: 0 0 40px; }
.pilot_faq .pilot_faq_item {
margin: 0 0 16px;
border: 1px solid #d8dde5;
border-radius: 6px;
background: #fff;
overflow: hidden;
}
.pilot_faq .pilot_faq_item dt,
.pilot_faq .pilot_faq_item dd {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
margin: 0;
padding: 18px 22px;
text-align: left;
}
.pilot_faq .pilot_faq_item dt {
background: #eef1f6;
border-bottom: 1px solid #d8dde5;
font-size: 17px;
font-weight: bold;
line-height: 1.6;
color: #003287;
}
.pilot_faq .pilot_faq_item dd {
font-size: 15px;
line-height: 1.9;
color: #333;
}
.pilot_faq .pilot_faq_q,
.pilot_faq .pilot_faq_a {
flex: 0 0 auto;
display: block;
width: 30px;
height: 30px;
margin: 0 14px 0 0;
border-radius: 50%;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 30px;
text-align: center;
}
.pilot_faq .pilot_faq_q { background: #003287; }
.pilot_faq .pilot_faq_a { background: #b9851e; }
.pilot_faq .pilot_faq_txt { flex: 1 1 auto; display: block; padding-top: 2px; }
.pilot_faq .pilot_faq_txt p { margin: 0; }
@media screen and (max-width: 767px) {
.pilot_faq .pilot_faq_item dt,
.pilot_faq .pilot_faq_item dd { padding: 14px 14px; }
.pilot_faq .pilot_faq_item dt { font-size: 15px; }
.pilot_faq .pilot_faq_item dd { font-size: 14px; }
.pilot_faq .pilot_faq_q,
.pilot_faq .pilot_faq_a {
width: 26px;
height: 26px;
margin-right: 10px;
font-size: 13px;
line-height: 26px;
}
}  .pilot_lp { font-size: 15px; line-height: 1.9; }
.pilot_lp p { margin: 0 0 1.5em; line-height: 1.9; }
.pilot_lp p:last-child { margin-bottom: 0; }
.pilot_lp .head_title { margin: 64px 0 28px; }
.pilot_lp > .head_title:first-child { margin-top: 0; }
.pilot_lp .pilot_lead {
margin: 0 0 10px;
padding: 22px 24px;
background: #f6f8fb;
border-left: 4px solid #003287;
font-size: 16px;
line-height: 2;
}
.pilot_lp h3 {
position: relative;
margin: 36px 0 14px;
padding: 0 0 0 15px;
font-size: 19px;
font-weight: bold;
line-height: 1.6;
color: #003287;
}
.pilot_lp h3:before {
content: "";
position: absolute;
left: 0;
top: 0.3em;
bottom: 0.3em;
width: 4px;
background: #b9851e;
border-radius: 2px;
}
.pilot_lp h3 + p { margin-top: 0; } .pilot_lp ul.pilot_list { margin: 0 0 1.6em; padding: 0; list-style: none; }
.pilot_lp ul.pilot_list > li {
position: relative;
margin: 0 0 12px;
padding: 0 0 12px 30px;
border-bottom: 1px dotted #d8dde5;
line-height: 1.85;
}
.pilot_lp ul.pilot_list > li:last-child { margin-bottom: 0; }
.pilot_lp ul.pilot_list > li:before {
content: "";
position: absolute;
left: 5px;
top: 0.5em;
width: 6px;
height: 11px;
border-right: 2px solid #b9851e;
border-bottom: 2px solid #b9851e;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .pilot_lp ol.pilot_flow {
margin: 0 0 1.6em;
padding: 0;
list-style: none;
counter-reset: pilotflow;
}
.pilot_lp ol.pilot_flow > li {
position: relative;
margin: 0;
padding: 2px 0 26px 50px;
line-height: 1.85;
counter-increment: pilotflow;
}
.pilot_lp ol.pilot_flow > li:last-child { padding-bottom: 0; }
.pilot_lp ol.pilot_flow > li:before {
content: counter(pilotflow);
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
border-radius: 50%;
background: #003287;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 30px;
text-align: center;
}
.pilot_lp ol.pilot_flow > li:after {
content: "";
position: absolute;
left: 14px;
top: 36px;
bottom: 8px;
width: 2px;
background: #dfe3ea;
}
.pilot_lp ol.pilot_flow > li:last-child:after { display: none; } .pilot_lp ul.pilot_links { margin: 0 0 1.6em; padding: 0; list-style: none; }
.pilot_lp ul.pilot_links > li {
position: relative;
margin: 0;
padding: 12px 0 12px 24px;
border-bottom: 1px solid #e5e8ee;
line-height: 1.7;
}
.pilot_lp ul.pilot_links > li:first-child { border-top: 1px solid #e5e8ee; }
.pilot_lp ul.pilot_links > li:before {
content: "";
position: absolute;
left: 4px;
top: 1.25em;
width: 6px;
height: 6px;
border-top: 2px solid #003287;
border-right: 2px solid #003287;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
.pilot_lp { font-size: 14px; }
.pilot_lp .head_title { margin: 44px 0 20px; }
.pilot_lp .pilot_lead { padding: 16px 16px; font-size: 15px; }
.pilot_lp h3 { margin: 28px 0 12px; padding-left: 12px; font-size: 17px; }
.pilot_lp ul.pilot_list > li { padding-left: 26px; }
.pilot_lp ol.pilot_flow > li { padding: 0 0 22px 42px; }
.pilot_lp ol.pilot_flow > li:before { width: 26px; height: 26px; line-height: 26px; font-size: 13px; }
.pilot_lp ol.pilot_flow > li:after { left: 12px; top: 32px; }
}  .cta .cta_ct_sec .frm_block + .frm_block { margin-left: 30px; }
.cta .cta_tel_sub { margin: 24px auto 0; max-width: 900px; text-align: center; }
.cta .cta_tel_sub .cta_tel_num { font-size: 22px; font-weight: 500; letter-spacing: 0.5px; line-height: 1.5; color: #333; }
.cta .cta_tel_sub .cta_tel_num a { color: #333; text-decoration: none; }
.cta .cta_tel_sub .cta_tel_num .lbl { font-size: 15px; margin-right: 3px; }
.cta .cta_tel_sub .cta_tel_num .hours { font-size: 15px; }
.cta .cta_tel_sub .cta_tel_note { margin-top: 8px; font-size: 13px; line-height: 1.85; color: #555; }
@media screen and (max-width: 760px) {
.cta .cta_ct_sec .frm_block + .frm_block { margin-left: 0; margin-top: 12px; }
.cta .cta_tel_sub { text-align: left; padding: 0 6px; }
.cta .cta_tel_sub .cta_tel_num { font-size: 20px; }
.cta .cta_tel_sub .cta_tel_num .hours { display: block; font-size: 14px; }
.cta .cta_tel_sub .cta_tel_note { font-size: 12.5px; }
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}