.aligncenter {
display: block;
margin: 0 auto;
}
.mb10 {
margin-bottom: 1em;	
}
.fs36 {
font-size: 36px;
}
.fs24 {
font-size: 24px;
}
.fs18 {
font-size: 18px;
}
.fl15 {
line-height: 1.6em;
}
strong.markup {
color: #C00;
font-size: 130%;
}
strong.markup2 {
color: #C00;
font-size: 210%;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
//  border: 1px solid #000;
padding: 0.5em;
}
th {
background-color: #FAFAFA;
}
div.kanren {
padding: 1em 0;
}
div.kanren table {
}
div.kanren td {
border: 1px solid #000;
}
#staffview {  }
#staffview table {
margin-bottom: 1.5em;
border: 1px solid #000;
}
#staffview th,#staffview td {
border: none;
 padding: 0.1em;
}body,
.site{
display: flex;
flex-direction: column;
min-height: 100vh;
}
a{
color: #006bb5;
}
a:hover{
text-decoration: none;
}
@media screen and (min-width: 769px) { .row-0 {
margin-left:0px;
margin-right:0px;
}
.row-0>div {
padding-right:0px;
padding-left:0px;
}
.row-10 {
margin-left:-5px;
margin-right:-5px;
}	
.row-10>div {
padding-right:5px;
padding-left:5px;
}
.row-20 {
margin-left:-10px;
margin-right:-10px;
}
.row-20>div {
padding-right:10px;
padding-left:10px;
}
.row-30{
margin-left:-15px;
margin-right:-15px;
}
.row-30>div {
padding-right:15px;
padding-left:15px;
}
.row-40{
margin-left:-20px;
margin-right:-20px;
}
.row-40>div{
padding-right:20px;
padding-left:20px;
}
.row-50{
margin-left:-25px;
margin-right:-25px;
}
.row-50>div{
padding-right:25px;
padding-left:25px;
}
.row-60{
margin-left:-30px;
margin-right:-30px;
}
.row-60>div{
padding-right:30px;
padding-left:30px;
}
}
#wrapper-navbar{
box-shadow: 0 4px 8px rgba(0,0,0,.05);
}
#wrapper-footer {
margin-top: auto;
padding: 2rem 0;
background: #07c;
box-shadow: 0 4px 24px rgba(0,0,0,.25)inset;
}
#wrapper-footer a{
color: #000;
}
#wrapper-footer h3{
font-size: 1.5rem;
font-weight: normal;
color: #fff;
}
#wrapper-footer p{
font-size: .937rem;
color: #fff;
}
#wrapper-footer p a{
color: #fff;
}
@media screen and (min-width: 769px) {
.dropdown:hover .dropdown-menu {
display: block;
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0;top:-20px;}
100% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;top:-20px;}
100% {opacity: 1}
}
}
.page .entry-content .acMenu{
margin: 0 0 .25rem;
}
.acMenu dt.open-faq{
display:block;
margin-bottom: .25rem;
padding: .5rem;
background-color: #fff;
border:1px solid rgba(0,0,0,.1);
cursor:pointer;
}
.acMenu dd.open-faq{
margin-bottom: 4rem;
display:none;
} .page-header,
.page .entry-header{
padding: 2rem 0;
}
.page h1 {
display: flex;
align-items: center;
font-size: 1.75rem;
}
.page h1:before,
.page h1:after {
border-top: 1px solid rgba(0,0,0,.5);
content: "";
flex-grow: 1;
}
.page h1:before {
margin-right: 1rem;
}
.page h1:after {
margin-left: 1rem;
}
.page .entry-content h2{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding-left: 1rem;
font-size: 1.5rem;
border-left: 4px solid #07c;
}
.page .entry-content h3{
padding-bottom: 1rem;
font-size: 1.125rem;
border-bottom: 1px solid #eaeaea;
}
.page .entry-content dl{
margin-bottom: 4rem;
}
.car-qa #page-wrapper,.term-car-qa #archive-wrapper{background-color: #e3f9f7;}
.freight-qa #page-wrapper,.term-freight-qa #archive-wrapper{background-color: #e3f9ec;}
.waste-qa #page-wrapper,.term-waste-qa #archive-wrapper{background-color: #e5f9e4;}
.build-qa #page-wrapper,.term-build-qa #archive-wrapper{background-color: #eef8df;}
.warehouse-qa #page-wrapper,.term-warehouse-qa #archive-wrapper{background-color: #f8f6de;}
.antique-qa #page-wrapper,.term-antique-qa #archive-wrapper{background-color: #f9ede4;}
.foreigner-qa #page-wrapper,.term-foreigner-qa #archive-wrapper{background-color: #faeaeb;}
.land-qa #page-wrapper,.term-land-qa #archive-wrapper{background-color: #fae9f3;}
.law-qa #page-wrapper,.term-law-qa #archive-wrapper{background-color: #f9e9fa;}
.inheritance-qa #page-wrapper,.term-inheritance-qa #archive-wrapper{background-color: #eaebfa;}
.divorce-qa #page-wrapper,.term-divorce-qa #archive-wrapper{background-color: #e4f0f9;}
.subsidy-qa #page-wrapper,.term-subsidy-qa #archive-wrapper{background-color: #f8f9f9;}
.fuei-qa #page-wrapper,.term-fuei-qa #archive-wrapper{background-color: #f0e9fa;} .widget_nav_menu{
margin-bottom: 4rem;
}
.widget_nav_menu h3{
margin-top: 2rem;
margin-bottom: 1rem;
font-size: 1rem;
position: relative;
}
.widget_nav_menu h3:before {
margin-right: .5rem;
content: "\f03a";
font-family: FontAwesome;
color: #0ACCB5;
}
.widget_nav_menu h3 {
display: flex;
align-items: start;
}
.widget_nav_menu h3:after {
border-top: 1px solid #0ACCB5;
content: "";
flex-grow: 1;
margin-top: .5rem;
margin-left: 1rem;
}
.widget_nav_menu ul{
margin: 0;
padding: 0;
}
.widget_nav_menu ul li{
margin: 0;
padding: 0;
font-size: .875rem;
list-style: none;
}
.widget_nav_menu ul li:not(:last-child) {
border-bottom: 1px dotted #ddd;
}
.widget_nav_menu ul li a:hover{
text-decoration: none;
}
.widget_nav_menu ul li a {
position: relative;
display: block;
margin: 0;
padding: .5rem;
text-decoration: none;
transition: .3s;
}
.widget_nav_menu ul li a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: rgba(0,119,204,.1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin:left top 0;
-moz-transform-origin:left top 0;
-ms-transform-origin:left top 0;
-o-transform-origin:left top 0;
transform-origin:left top 0;
}
.widget_nav_menu ul li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.widget_nav_menu ul li a:before {
margin-right: .5rem;
content: "\f054";
font-family: FontAwesome;
color: #0ACCB5;
} .profile{}
.profile .container dl{}
.profile .container dt{
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #07c;
position: relative;
}
.profile .container dt:after{
position: absolute;
content: "";
display: block;
width: 40px;
height: 3px;
right: 0;
bottom: -1px;
background-color: #07c;
}
.profile .container dd{
margin-bottom: 2rem;
line-height: 1.6;
}
.license{
padding: 2rem 0;
background-color: #c6e1f3;
}
.license figure img{
margin-bottom: 1rem;
padding: 1rem;
background-color: #fff;
}
.license h2{
margin-bottom: 2rem;
position: relative;
}
.license h2:after{
position: absolute;
content: "";
display: block;
width: 40px;
height: 3px;
left: 0;
right: 0;
margin: 0 auto;
bottom: -1rem;
background-color: #07c;
} .about{}
.about .container h2{
margin-bottom: 2rem;
padding-bottom: 1rem;
font-size: 1.25rem;
border-bottom: 1px solid #07c;
position: relative;
}
.about .container h2:after{
position: absolute;
content: "";
display: block;
width: 40px;
height: 3px;
right: 0;
bottom: -1px;
background-color: #07c;
}
.about .container ol{}
.about .container ol{
margin:0;
padding:0;
list-style:none;
counter-reset:number;
}
.about .container ol li{
margin:0 0 2em 1.25em;
line-height:2.5;
padding:1em 0 1em 1em;
border:1px solid #eaeaea;
border-radius:4px;
list-style:none;
position:relative;
}
.about .container ol li:before {
float: left;
background: #ffef5f;
width: 2.5em;
height: 2.5em;
border-radius: 50%;
color: #000;
text-align: center;
line-height: 2.5;
counter-increment: number;
content: counter(number);
margin-right:.5em;
margin-left:-2.5em;
}
.about .container table{}
.about .container table th,
.about .container table td{
padding: .5rem 1rem;
border-top: 1px solid #ddd;
border-botom: 1px solid #ddd;
}
.about .container table tr:first-child th,
.about .container table tr:first-child td{
border-top: none;
}
.about .container table th{
font-size: .75rem;
font-weight: normal;
white-space: nowrap;
background-color: #fafafa;
}
.about .container table td{
line-height: 1.6;
}
.office-gallery{
padding: 2rem 0;
background-color: #c6e1f3;
}
.office-gallery figure{}
.office-gallery figure img{
display: block;
margin: 0 auto 1rem;
}
.office-gallery figcaption{
text-align: center;
} .archive{}
.archive .page-header h1.page-title{
font-size: 1.5rem;
}
.archive .page-header h1.page-title{
display: flex;
align-items: center;
font-size: 1.75rem;
}
.archive .page-header h1.page-title:before,
.archive .page-header h1.page-title:after {
border-top: 1px solid rgba(0,0,0,.1);
content: "";
flex-grow: 1;
}
.archive .page-header h1.page-title:before {
margin-right: 1rem;
}
.archive .page-header h1.page-title:after {
margin-left: 1rem;
}
.archive h2.entry-title{
font-size: 1.25rem;
}
.archive .site-main article{
margin-bottom: 4rem;
}
.archive .entry-content p{
font-size: .875rem;
} .front-slider{
position: relative;
}
.front-slider:before{
position: absolute;
content: "";
right: 0;
bottom: 0;
display: block;
width: 400px;
height: 400px;
background-image: url(//www.h2gyosei.com/wp/wp-content/themes/understrap-child/css/images/building.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 100% auto;
z-index: 1;
}
.home p.interlude{
padding-top: 2rem;
text-align: justify;
line-height: 2;
}
.home a .card{
transition: .3s;
}
.home a:hover .card{
margin-top: -.5rem;
margin-bottom: .5rem;
box-shadow: 0 0 24px rgba(0,0,0,.3);
}
.front_contactlink{
padding: 4rem 0 0;
background-image: url(//www.h2gyosei.com/wp/wp-content/themes/understrap-child/css/images/frontpage_bg_contactlink.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media (max-width: 480px) {
.front_contactlink{
background-image: url(//www.h2gyosei.com/wp/wp-content/themes/understrap-child/css/images/mobile-image_01.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
}
}
.front_contactlink .row{
margin-bottom: 2rem;
}
.front_contactlink p{
line-height: 2;
font-size: 1rem;
}
.front_contactlink a img{
margin-bottom: 2rem;
border: 1px solid #eaeaea;
background-color: rgba(255,255,255,.6);
transition: .5s;
}
.front_contactlink a:hover img{
border: 1px solid rgba(0,122,202,.75);
background-color: rgba(255,255,255,1);
box-shadow: 0 0 24px rgba(0,0,0,.3);
}
@media screen and (min-width: 415px) and (max-width: 768px) {
.front-slider:before{
width: 240px;
height: 240px;
}
}
@media screen and (max-width: 414px) {
.front-slider:before{
width: 110px;
height: 110px;
}
.front_contactlink a img{
background-color: rgba(255,255,255,.9);
}
.card-body{
padding: .25rem;
font-size: 0.812rem;
}
} @media screen and (max-width: 767px) {
.page-template-left-sidebarpage #content .row{
flex-direction: column-reverse;
}
}
.toggle {
display: none;
}
.toggle-label {
cursor: pointer;
display: block;
width: 45px;
height: 45px;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.toggle-label:active {
-webkit-tap-highlight-color: transparent;
}
.toggle-label {
cursor: pointer;
}
.toggle-label .toggle-icon,
.toggle-label .toggle-icon:before,
.toggle-label .toggle-icon:after {
position: relative;
display: block;
top: 50%;
left: 50%;
height: 3px;
width: 32px;
background: #5d809d;
content: '';
transition: all 500ms ease-in-out;
}
.toggle-label .toggle-text {
position: relative;
display: block;
top: calc(100% - 15px);
height: 14px;
font-size: 8px;
font-size: 0.8rem;
color: #5d809d;
text-align: center;
}
.toggle-label .toggle-text:before {
position: absolute;
width: 100%;
left: 0;
content: 'MENU';
transition: all 500ms ease-in-out;
visibility: visible;
opacity: 1;
}
.toggle-label .toggle-text:after {
position: absolute;
width: 100%;
left: 0;
content: 'CLOSE';
transition: all 500ms ease-in-out;
visibility: hidden;
opacity: 0;
}
.toggle-label .toggle-icon {
transform: translate3d(-50%, -5px, 0);
}
.toggle-label .toggle-icon:before {
transform: translate3d(-50%, -11.5px, 0);
}
.toggle-label .toggle-icon:after {
transform: translate3d(-50%, 5px, 0);
}
.toggle:checked ~ .toggle-label .toggle-icon {
background-color: transparent;
}
.toggle:checked ~ .toggle-label .toggle-icon:before,
.toggle:checked ~ .toggle-label .toggle-icon:after {
top: 0;
}
.toggle:checked ~ .toggle-label .toggle-icon:before {
transform: translateX(-50%) rotate(45deg);
top: 1.5px;
}
.toggle:checked ~ .toggle-label .toggle-icon:after {
transform: translateX(-50%) translateY(-10px) rotate(-45deg);
top: 8.5px;
}
.toggle:checked ~ .toggle-label .toggle-text:before {
visibility: hidden;
opacity: 0;
}
.toggle:checked ~ .toggle-label .toggle-text:after {
visibility: visible;
opacity: 1;
}
#menu-servicelist{
background-color: rgba(0,0,0,.05);
padding: .75rem;
border-radius: 4px;
}
#menu-servicelist li{
margin: 0;
padding: 3px;
border: 1px solid rgba(0,0,0,.1);
}
#menu-servicelist li a{
display: block;
background-color: rgba(255,255,255,1);
box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
.menu-sv-container
margin-bottom: 4rem;
}
.menu-sv-container h3{
margin-top: 2rem;
margin-bottom: 1rem;
font-size: 1rem;
position: relative;
}
.menu-sv-container h3:before {
margin-right: .5rem;
content: "\f002";
font-family: FontAwesome;
}
.menu-sv-container ul{
margin: 0;
padding: 0;
}
.menu-sv-container ul li{
margin: 0;
padding: 0;
font-size: .875rem;
list-style: none;
}
.menu-sv-container ul li:not(:last-child) {
border-bottom: 1px dotted #ddd;
}
.menu-sv-container ul li a:hover{
text-decoration: none;
}
.menu-sv-container ul li a {
position: relative;
display: block;
margin: 0;
padding: .5rem;
text-decoration: none;
transition: .3s;
}
.menu-sv-container ul li a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: rgba(0,119,204,.1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin:left top 0;
-moz-transform-origin:left top 0;
-ms-transform-origin:left top 0;
-o-transform-origin:left top 0;
transform-origin:left top 0;
}
.menu-sv-container ul li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.menu-sv-container ul li a:before {
margin-right: .5rem;
content: "\f054";
font-family: FontAwesome;
}
.widget_nav_menu{}
#sl_terms{}
#sl_terms h3{}
#sl_terms ul,
.menu-sv-container ul{
margin: 0 0 3rem;
padding: .5rem;
background-image: linear-gradient(to right top, #a5efff, #96e3fd, #8bd6fa, #84c9f6, #82bbf1, #83bdf1, #84bff0, #85c1f0, #90d2f3, #a3e2f5, #bcf1f7, #d7fffc);
border-radius: 3px;
}
#sl_terms ul li{
}
#sl_terms ul li a,
.menu-sv-container ul li a{
background-color: rgba(255,255,255,.9);
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
#sl_terms ul li a:hover,
.menu-sv-container ul li a:hover{
color: #000;
}
.widget_nav_menu h4{
margin-top: 2rem;
margin-bottom: 1rem;
font-size: 1rem;
position: relative;
}
.widget_nav_menu h4:before {
margin-right: .5rem;
content: "\f03a";
font-family: FontAwesome;
color: #0ACCB5;
}
.widget_nav_menu h4 {
display: flex;
align-items: start;
}
.widget_nav_menu h4:after {
border-top: 1px solid #0ACCB5;
content: "";
flex-grow: 1;
margin-top: .5rem;
margin-left: 1rem;
}
.menu-sv-container{}
.menu-sv-container ul{
border-radius: 3px;
background-image: linear-gradient(to right top, #a5efff, #96e3fd, #8bd6fa, #84c9f6, #82bbf1, #83bdf1, #84bff0, #85c1f0, #90d2f3, #a3e2f5, #bcf1f7, #d7fffc);
}
.menu-sv-container ul li{}
.menu-sv-container ul li a{}
.single-sl{}
.single-sl .site-main{}
.single-sl .site-main .entry-header{
margin: 0 0 2rem;
padding: 1rem;
border-bottom: 1px solid #ddd;
}
.single-sl .site-main .entry-header h1.entry-title{
text-align: right;
font-size: .875rem;
letter-spacing: .5rem;
}
.single-sl .site-main .entry-content{}
.single-sl .site-main .entry-content h2{
position: relative;
margin: 0 0 1rem;
padding: 1rem 0;
font-size: 1.5rem;
border-bottom: 3px solid #07c;
}
.single-sl .site-main .entry-content h2:after{
display: block;
content: "";
position: absolute;
left: 0;
top: -.25rem;
width: 30px;
height: 1px;
background-color: #07c;
}
.single-sl .site-main .entry-content h3{
position: relative;
margin: 0 0 1rem;
padding: .5rem;
font-size: 1.25rem;
border-radius: 3px;
background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgba(229, 229, 229,0.04) 50%, rgba(229, 229, 229,0.04) 100%),radial-gradient(circle at 66% 97%, rgba(36, 36, 36,0.04) 0%, rgba(36, 36, 36,0.04) 50%,rgba(46, 46, 46,0.04) 50%, rgba(46, 46, 46,0.04) 100%),radial-gradient(circle at 86% 7%, rgba(40, 40, 40,0.04) 0%, rgba(40, 40, 40,0.04) 50%,rgba(200, 200, 200,0.04) 50%, rgba(200, 200, 200,0.04) 100%),radial-gradient(circle at 15% 16%, rgba(99, 99, 99,0.04) 0%, rgba(99, 99, 99,0.04) 50%,rgba(45, 45, 45,0.04) 50%, rgba(45, 45, 45,0.04) 100%),radial-gradient(circle at 75% 99%, rgba(243, 243, 243,0.04) 0%, rgba(243, 243, 243,0.04) 50%,rgba(37, 37, 37,0.04) 50%, rgba(37, 37, 37,0.04) 100%),linear-gradient(90deg, rgb(34, 222, 237),rgb(135, 89, 215));
}
.single-sl .site-main .entry-content h3:after{
display: block;
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 50%;
height: 20%;
background-color: rgba(255,255,255,.35);
border-radius: 20px 0 0 0;
}
.single-sl .site-main .entry-content p:not(:last-child) {
margin-bottom: 2rem;
}
.single-sl .site-main .entry-content h4{
padding: .5rem;
font-size: 1rem;
border: 1px solid rgba(0,0,0,.2);
border-radius: 3px;
}
.guide .col-md-6 td{
border: 1px solid #000;
}
.page-id-641 .entry-header{display:none;}
.fs18 {
font-size: 18px;
}
#staffview {}
#staffview table {
}
#staffview table td {
border: 1px solid darkgray;
}
#staffview table.nb {
border: none;
}
#staffview table.nb td {
border: none;
}
#staffview .bgc_blue {
background-color: #66ffff;
}
#staffview .bgc_orange {
background-color: #ffe7d0;
}
#staffview .bgc_yellow {
background-color: #f8f255;
}
#staffview .bgc_green {
background-color: #b7e84d;
}
#staffview .bgc_red {
background-color: #fe2a2a;
}
#staffview .bgc_purple {
background-color: #7952de;
}
.about_bg_f6fdff {
background-color: #f6fdff;
}
.about_table {
}
.about .table {}
.about .table th,
.about .table td
{
border: 1px solid #CCC;
} .serif{
font-family: 'Noto Serif JP', serif;
}
.kanren2.page .entry-content .hss,
.kanren2.page .entry-content .jb,
.kanren2.page .entry-content .ccz{
margin-bottom: 0;
}
.center-center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.organization-chart{}
.organization-chart .lead{
position: relative;
display: block;
width: 180px;
height: 180px;
padding: 1rem;
text-align: center;
font-family: 'Noto Serif JP', serif;
font-size: 1.5rem;
line-height: 180px;
border: 1px solid #000;
border-radius: 50%;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.organization-chart .lead span{
position: absolute;
left: 0;
right: 0;
top: -1.5rem;
margin: 0 auto;
font-size: 1.25rem;
}
.organization-chart .lead::before{
position: absolute;
right: -2rem;
top: 42.5%;
content: "";
width: 2rem;
height: 1px;
background-color: #000;
}
.organization-chart dl{
margin: 0 0 1.5rem;
padding: 1rem;
}
.organization-chart dt{
position: relative;
margin: 0 0 1rem;
padding: 1rem;
font-family: 'Noto Serif JP', serif;
font-size: 1.75rem;
border: 1px solid #000;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.organization-chart dt::before{
position: absolute;
left: -2rem;
top: 50%;
content: "";
width: 2rem;
height: 1px;
background-color: #000;
}
.organization-chart dt::after{
position: absolute;
left: -2rem;
top: 50%;
content: "";
width: 1px;
height: 9.5rem;
background-color: #000;
}
.organization-chart dl:last-child dt::after{
display: none;
}
.organization-chart dd{
margin: 0;
padding: 0 1.25rem;
font-size: 1.125rem;
text-align: justify;
}
.zen{
}
.zen::after{
position: absolute;
right: 0;
left: 0;
bottom: -2rem;
margin: 0 auto;
content: "";
display: block;
width: 60px;
height: 60px;
background-image: url(http://www.h2gyosei.com/wp/wp-content/uploads/2021/09/lead.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
border-radius: 120px;
border: 3px solid #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.zen2 span{
position: relative;
}
.zen2 span::after{
position: absolute;
right: -5rem;
top: -1rem;
content: "";
display: block;
width: 60px;
height: 60px;
background-image: url(http://www.h2gyosei.com/wp/wp-content/uploads/2021/09/zen.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
border-radius: 120px;
border: 3px solid #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.hss{}
.hss dt{
border-color: darkkhaki;
}
.jb{}
.jb dt{
border-color: green;
}
.ccz{}
.ccz dt{
border-color: red;
}
.jb2 span{
position: relative;
}
.jb2 span::after{
position: absolute;
right: -5rem;
top: -1rem;
content: "";
display: block;
width: 60px;
height: 60px;
background-image: url(http://www.h2gyosei.com/wp/wp-content/uploads/2021/09/jb.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
border-radius: 120px;
border: 3px solid #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.hea span{
position: relative;
}
.hea span::after{
position: absolute;
right: -5rem;
top: -1rem;
content: "";
display: block;
width: 60px;
height: 60px;
background-image: url(http://www.h2gyosei.com/wp/wp-content/uploads/2021/09/HEA.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
background-color: #fff;
border-radius: 120px;
border: 3px solid #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media (min-width: 1200px) {}
@media (max-width: 1200px) {
.organization-chart dt{
font-size: 1.375rem;
}
.organization-chart dd {
font-size: 1rem;
}
.lead.zen{
top: 0;
}
.organization-chart .lead::before {
right: -1rem;
top: 43.5%;
width: 1rem;
}
}
@media (max-width: 1024px) {
.organization-chart dt::after{
height: 8.7rem;
}
}
@media (min-width:479px) and (max-width:768px) {}
@media (max-width: 479px) {
.organization-chart .col-md-4.center-center{
margin-bottom: 4rem;
}
.organization-chart .lead::before {
position: absolute;
right: 0;
left: 0;
top: auto;
bottom: -4rem;
margin: 0 auto;
content: "";
width: 1px;
height: 1rem;
background-color: #000;
}
.organization-chart dt {
font-size: 1.25rem;
}
.hea span::after,
.jb2 span::after,
.ccz span::after {
position: absolute;
right: -4.5rem;
top: -1rem;
}
}
@media (max-width: 428px){}
@media (max-width: 375px){
.organization-chart dt {
font-size: 1rem;
}
.organization-chart dt::after{
height: 8.25rem;
}
}
@media (max-width: 320px){
.organization-chart dt {
font-size: .875rem;
}
.hea span::after, .jb2 span::after, .ccz span::after{
top: -1.5rem;
}
}
@media (min-width:521px) {
a[href^="tel:"] {
pointer-events: none;
color: inherit;
}
}
.navbar-nav a.nav-link{
font-size: .937rem;
}
.navbar-toggler{
margin-left: auto;
}
@media (min-width:992px) and (max-width:1199px){
.navbar-nav a.nav-link{
font-size: .75rem;
font-feature-settings:"palt";
}
}
@media(min-width:992px){
.navbar .container{
display: grid;
grid-template:
"div1	div2"	auto
"div1	div3"	1fr
/ 300px 1fr;
}
.navbar-brand{
grid-area: div1;
font-size: 4rem
}
.freedial{
grid-area: div2;
text-align: end;
padding-top: 1rem;
}
.freedial img{
max-width: 280px;
}
#navbarNavDropdown{
grid-area: div3;
}
}
@media(max-width:991px){
.freedial{
display: block;
width: 30%;
}
}
@media(max-width:520px){
.freedial{
width: 55%;
}
.navbar-toggler{
transform: translate(0 , -1.5rem);
}
}