@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Asul:wght@400;700&family=Noto+Sans+JP:wght@100..900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap"); .grecaptcha-badge {
visibility: hidden;
}
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg*, symbol*)) {
all: unset;
display: revert;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
a,
button {
cursor: revert;
}
ol,
ul,
menu {
list-style: none;
padding: 0;
}
img {
max-inline-size: 100%;
max-block-size: 100%;
}
table {
border-collapse: collapse;
}
input,
textarea {
-webkit-user-select: auto;
}
textarea {
white-space: revert;
}
meter {
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert;
}
:where(pre) {
all: revert;
}
::-moz-placeholder {
color: unset;
}
::placeholder {
color: unset;
}
::marker {
content: initial;
}
:where([hidden]) {
display: none;
}
figure {
margin: 0;
}
:where([contenteditable]:not([contenteditable=false])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}
:where([draggable=true]) {
-webkit-user-drag: element;
}
:where(dialog:modal) {
all: revert;
}
h2,
p {
margin: 0;
}
a {
text-decoration: none;
color: #40362a;
}
html body {
font-family: "Noto Sans JP", sans-serif;
color: #40362a;
margin: 0;
background: #f3efec;
overflow: hidden;
}
.all_bg {
background: url(//www.taiyo-law.net/wp-content/themes/img/top_bg.jpg) no-repeat center center;
background-size: cover;
height: 100vh;
width: 100vw;
position: fixed;
z-index: -1;
}
#header_top {
display: none;
}
.header_sldier_wrap {
position: relative;
}
.header_sldier_wrap figure {
text-align: center;
z-index: 20;
position: absolute;
top: 50%;
right: 93px;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.header_sldier_wrap figure {
width: 100%;
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.header_sldier_wrap figure img {
max-width: clamp(480px, 43.1918008785vw, 570px);
width: 100%;
}
@media (max-width: 500px) {
.header_sldier_wrap figure img {
max-width: 360px;
}
}
@media (max-width: 425px) {
.header_sldier_wrap figure img {
max-width: 300px;
}
}
@media (max-width: 360px) {
.header_sldier_wrap figure img {
max-width: 280px;
}
}
#header_sns a {
font-family: "Noto Sans JP", sans-serif;
font-weight: bold;
line-height: 1.484;
font-size: clamp(24px, 3.7335285505vw, 51px);
color: #fb7f2b !important;
}
#header_sns a:hover {
color: #123d4d !important;
}
#header_sns p {
border: 1px solid #123d4d;
padding: 0 10px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.429;
color: #123d4d;
}
#header_sns p span {
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
font-weight: 400;
}
#header_top {
display: none;
}
#header_slider .layer_image img {
height: 100% !important;
max-width: 100vw !important;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 749px) {
#header_slider .layer_image img {
height: 100%;
}
}
#header_slider {
height: 56.25vw !important;
width: 100vw;
}
@media (max-width: 750px) {
#header_slider {
height: 156.4537157757vw !important;
}
}
#header_slider .item {
height: 56.25vw !important;
}
@media (max-width: 750px) {
#header_slider .item {
height: 156.4537157757vw !important;
}
}
#header_bottom_inner {
height: 84px;
max-width: 100% !important;
width: 100%;
}
.pc_logo_image {
padding-left: clamp(20px, 2.196193265vw, 30px);
max-height: calc(100% - 15px) !important;
}
@media (max-width: 1366px) {
.pc_logo_image {
padding-left: 20px;
}
}
.header_wrap {
height: 100%;
}
#header_sns {
display: none;
}
#header_bottom {
background: #fff !important;
}
#global_menu {
text-align: end;
height: 100%;
display: flex;
align-items: center;
justify-content: end;
padding-right: clamp(20px, 2.3426061493vw, 32px);
}
.header_button {
padding-left: clamp(25px, 2.4158125915vw, 33px);
}
.header_button a {
display: flex;
justify-content: center;
background: #335858;
flex-direction: column;
padding: 16px 12px;
height: 84px;
transition: 0.4s all;
}
.header_button a:hover {
opacity: 0.7;
}
.header_button a .phone_wrap {
display: flex;
-moz-column-gap: 4px;
column-gap: 4px;
margin-bottom: 4px;
}
.header_button a .phone_wrap img {
width: 21px;
height: 21px;
}
.header_button a .phone_wrap .main_tel {
font-family: "Noto Sans JP", sans-serif;
font-weight: 900;
font-size: 16px;
line-height: 1.4;
color: #fff;
}
.header_button a .tel_content {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
line-height: 1.4;
text-align: start;
font-size: 10px;
color: #fff;
}
#global_menu > ul > li > a {
height: 64px;
line-height: 64px;
color: #40362a !important;
font-weight: 600;
font-family: "Noto Sans JP", sans-serif;
padding: 0 10px;
font-size: clamp(14px, 0.8333333333vw, 16px);
}
#menu_button span {
background: #40362a !important;
}
@media (max-width: 425px) {
header .mobile_logo_image {
max-width: 230px !important;
}
}
.header_grid {
display: grid;
grid-template-columns: 147fr 174fr;
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
-moz-column-gap: 10px;
column-gap: 10px;
}
@media (max-width: 1250px) {
.header_grid {
display: none;
}
}
.slider_wrap {
position: relative;
}
.slider_wrap .main_mv {
position: absolute;
top: 50%;
left: 20%;
z-index: 10;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.slider_wrap .main_mv {
left: clamp(20px, 6.518904824vw, 50px);
}
}
.slider_wrap .main_mv h2 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 800;
font-size: clamp(32px, 4.5387994143vw, 62px);
color: #fff;
line-height: normal;
margin-bottom: clamp(20px, 2.196193265vw, 30px);
}
.slider_wrap .main_mv p {
font-family: "Noto Sans JP", sans-serif;
font-weight: bold;
font-size: clamp(18px, 2.3426061493vw, 32px);
line-height: 1.563;
color: #fff;
letter-spacing: 0.05em;
}
.header_wrap {
display: flex;
align-items: center;
justify-content: flex-end;
}
.btn_grid {
display: grid;
grid-template-columns: 143fr 163fr;
max-width: clamp(300px, 27.0863836018vw, 370px);
-moz-column-gap: 8px;
column-gap: 8px;
padding-right: 16px;
}
@media (max-width: 1250px) {
.btn_grid {
display: none;
}
}
.btn_grid .grid_col {
transition: 0.4s all;
}
.btn_grid .grid_col:hover {
opacity: 0.7;
}
.btn_grid .grid_col img {
width: 100%;
}
html body #index_news {
background: #fff;
}
html body #index_news a:hover span {
color: #335858;
}
.entry-date {
color: #335858;
font-family: "Asul", serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.04em;
}
#index_news_slider .title span {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: 14px;
color: #40362a;
line-height: 1.6;
letter-spacing: 0.04em;
transition: 0.4s all;
}
#header_slider .slick-dots button:hover::before,
#header_slider .slick-dots .slick-active button::before {
background: #40362a !important;
border: 1px solid #40362a !important;
}
#global_menu ul ul {
top: 60px;
}
.main_ttl {
z-index: 10;
padding: 0 12% 0 0;
position: absolute;
top: 50%;
left: 6.0761346999vw;
transform: translateY(-50%);
width: 100%;
}
@media (max-width: 1366px) {
.main_ttl {
left: clamp(20px, 6.0761346999vw, 83px);
}
}
.main_ttl h2 {
font-family: "Zen Old Mincho", serif;
font-weight: 400;
color: #fff;
font-size: 4.0995607613vw;
line-height: 1.4;
letter-spacing: 0.04em;
margin-bottom: 19px;
}
@media (max-width: 1366px) {
.main_ttl h2 {
font-size: clamp(32px, 24.7736450584px + 1.7003188098vw, 48px);
}
}
@media (max-width: 750px) {
.main_ttl h2 {
font-size: clamp(32px, -4.6153846154px + 8.6153846154vw, 60px);
}
}
.main_ttl p {
font-family: "Noto Sans JP", sans-serif;
font-weight: bold;
font-size: 1.4641288433vw;
color: #fff;
line-height: 1.6;
letter-spacing: 0.04em;
}
@media (max-width: 1366px) {
.main_ttl p {
font-size: clamp(16px, 14.1934112646px + 0.4250797024vw, 20px);
}
}
@media (max-width: 750px) {
.main_ttl p {
font-size: clamp(16px, 10.7692307692px + 1.2307692308vw, 20px);
}
}
html body #footer_bottom {
height: auto;
width: 100%;
padding: 12px 6%;
background: #fff;
}
html body #footer_bottom #menu-footer {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 767px) {
html body #footer_bottom #menu-footer {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
html body #footer_bottom #menu-footer {
grid-template-columns: 1fr;
}
}
html body #footer_bottom #menu-footer li {
margin: 0 10px;
}
html body #footer_bottom #menu-footer a {
height: auto;
font-weight: 500;
font-size: 14px;
color: #40362a;
line-height: 2.571;
}
html body #footer_post_list_wrap {
background: #335858;
}
html body #footer_post_list_wrap .title_en {
color: #fff;
text-align: center;
font-size: clamp(20px, 1.6837481698vw, 23px);
margin-bottom: clamp(24px, 2.3426061493vw, 32px);
font-weight: 600;
letter-spacing: 0.04em;
font-family: "Noto Sans JP", sans-serif;
text-transform: uppercase;
}
html body #footer_post_list_wrap .title_area {
background: #87bb55;
}
#footer_post_list .title span {
color: #fff !important;
}
@media (max-width: 767px) {
.pc_only {
display: none;
}
}
.sp_only {
display: none;
}
@media (max-width: 767px) {
.sp_only {
display: block;
}
}
@media (max-width: 425px) {
.pc_only_425 {
display: none;
}
}
.sp_only_425 {
display: none;
}
@media (max-width: 425px) {
.sp_only_425 {
display: block;
}
}
.title_en {
text-transform: uppercase;
font-family: "Asul", serif;
font-weight: bold;
font-size: 14px;
line-height: normal;
letter-spacing: 0.04em;
color: #335858;
}
.title_sub {
font-family: "Zen Old Mincho", serif;
font-weight: 400;
font-size: clamp(24px, 2.0497803807vw, 28px);
line-height: 1.4;
letter-spacing: 0.04em;
color: #40362a;
}
@media (max-width: 767px) {
.title_sub {
font-size: clamp(24px, 3.6505867014vw, 28px);
}
}
.title_jp {
font-family: "Zen Old Mincho", serif;
font-weight: 400;
font-size: clamp(32px, 2.9282576867vw, 40px);
line-height: 1.6;
letter-spacing: 0.04em;
color: #40362a;
}
@media (max-width: 767px) {
.title_jp {
font-size: clamp(28px, 5.2151238592vw, 40px);
}
}
.content {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
line-height: 2;
letter-spacing: 0.04em;
font-size: clamp(14px, 1.1713030747vw, 16px);
color: #40362a;
}
@media (max-width: 767px) {
.content {
font-size: clamp(14px, 2.0860495437vw, 16px);
}
}
.main_button a {
background: #335858;
font-weight: bold;
font-size: clamp(14px, 1.1713030747vw, 16px);
color: #fff !important;
position: relative;
display: flex;
align-items: center;
justify-content: start;
border-radius: 5px;
padding: 0 20px;
font-family: "Zen Old Mincho", serif;
transition: all 0.2s ease;
max-width: 250px;
width: 100%;
padding-right: 60px;
height: 56px;
line-height: 1.8;
}
.main_button a::after {
position: absolute;
content: "";
width: 40px;
height: 1px;
background: #fff;
top: 50%;
right: 0;
}
.main_button a:hover {
background: rgba(51, 88, 88, 0.6);
}
@media (max-width: 425px) {
.main_button a .button a {
font-size: 16px;
margin: 0 auto;
}
}
#s01 {
padding: clamp(70px, 7.6866764275vw, 105px) 0 34px;
}
#s01 .inner {
max-width: calc(1000px + 12%);
width: 100%;
margin: 0 auto;
padding: 0 6%;
}
#s01 .inner .title_en {
text-align: center;
margin-bottom: 8px;
}
#s01 .inner .title_sub {
text-align: center;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s01 .inner .title_jp {
text-align: center;
margin-bottom: clamp(55px, 5.1244509517vw, 70px);
}
#s01 .inner .grid_box {
display: grid;
grid-template-columns: repeat(2, 1fr);
-moz-column-gap: clamp(55px, 5.1244509517vw, 70px);
column-gap: clamp(55px, 5.1244509517vw, 70px);
}
@media (max-width: 767px) {
#s01 .inner .grid_box {
grid-template-columns: 1fr;
row-gap: clamp(60px, 5.4904831625vw, 75px);
max-width: clamp(380px, 62.5814863103vw, 480px);
width: 100%;
margin: 0 auto;
}
}
#s01 .inner .grid_box .grid_col {
display: grid;
width: 100%;
position: relative;
border-radius: 5px;
}
#s01 .inner .grid_box .grid_col::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 16px solid #fff;
border-radius: 5px;
width: calc(100% + 32px);
height: calc(100% + 32px);
}
#s01 .inner .grid_box .grid_col.box1 {
background: url(//www.taiyo-law.net/wp-content/uploads/top_personaladvisor_bg.jpg) no-repeat center;
background-size: cover;
}
#s01 .inner .grid_box .grid_col.box2 {
background: url(//www.taiyo-law.net/wp-content/uploads/top_corporateadvisor_bg.jpg) no-repeat center;
background-size: cover;
}
#s01 .inner .grid_box .grid_col {
transition: 0.4s all;
padding: clamp(40px, 4.0995607613vw, 56px) 6% clamp(40px, 3.8799414348vw, 53px);
}
#s01 .inner .grid_box .grid_col:hover {
filter: brightness(1.2);
}
#s01 .inner .grid_box .grid_col .grid_sub {
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding: 0 clamp(6px, 0.5856515373vw, 8px);
font-family: "Zen Old Mincho", serif;
font-weight: bold;
font-size: clamp(16px, 1.317715959vw, 18px);
line-height: 1.9;
letter-spacing: 0.04em;
color: #fff;
background: #335858;
border-radius: 2px;
}
#s01 .inner .grid_box .grid_col .grid_title {
text-align: center;
font-family: "Zen Old Mincho", serif;
font-size: clamp(26px, 2.196193265vw, 30px);
color: #fff;
line-height: 1.8;
letter-spacing: 0.04em;
font-weight: 400;
}
@media (max-width: 767px) {
#s01 .inner .grid_box .grid_col .grid_title {
font-size: clamp(26px, 3.9113428944vw, 30px);
}
}
#s01 .inner .grid_box .grid_col .grid_en {
text-align: center;
font-weight: bold;
font-size: 12px;
line-height: normal;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #fff;
margin-bottom: clamp(15px, 1.756954612vw, 24px);
font-family: "Asul", serif;
}
#s01 .inner .grid_box .grid_col img {
width: clamp(24px, 2.0497803807vw, 28px);
height: clamp(24px, 2.0497803807vw, 28px);
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto;
}
.text_wrap {
overflow: hidden;
}
.text_wrap .text_effect {
font-family: "Asul", serif;
font-weight: bold;
font-size: 120px;
color: #fff;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
text-align: center;
}
@media (max-width: 1366px) {
.text_wrap .text_effect {
font-size: 8.78477306vw;
}
}
@media (max-width: 767px) {
.text_wrap .text_effect {
font-size: 9.778357236vw;
white-space: nowrap;
}
}
#s02 {
margin-top: clamp(-30px, 8.5284280936px + -2.0066889632vw, 0px);
padding-bottom: clamp(60px, 8.78477306vw, 120px);
}
#s02 .inner {
max-width: calc(1205px + 12%);
width: 100%;
margin: 0 auto;
padding: 0 6%;
}
#s02 .inner .title_en {
text-align: center;
}
#s02 .inner .title_sub {
text-align: center;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s02 .inner .title_jp {
text-align: center;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s02 .inner .content {
text-align: center;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: clamp(14px, 1.1713030747vw, 16px);
line-height: 2;
letter-spacing: 0.04em;
color: #40362a;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
@media (max-width: 425px) {
#s02 .inner .content {
text-align: start;
}
}
#s02 .inner .grid_box {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}
@media (max-width: 1023px) {
#s02 .inner .grid_box {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
#s02 .inner .grid_box {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 425px) {
#s02 .inner .grid_box {
grid-template-columns: 1fr;
}
}
#s02 .inner .grid_box .grid_col {
display: grid;
position: relative;
grid-template-rows: subgrid;
grid-row: span 5;
background: #335858;
border-radius: 5px;
gap: 0;
padding: 16px;
transition: 0.4s all;
}
#s02 .inner .grid_box .grid_col:hover {
background: #40362a;
}
#s02 .inner .grid_box .grid_col::after {
content: "";
background: url(//www.taiyo-law.net/wp-content/uploads/arrow_btn.png) no-repeat;
background-size: contain;
position: absolute;
width: clamp(24px, 2.0497803807vw, 28px);
height: clamp(24px, 2.0497803807vw, 28px);
right: 17px;
top: clamp(17px, 2.6720351391vw, 36.5px);
}
#s02 .inner .grid_box .grid_col .grid_title {
text-align: start;
font-family: "Zen Old Mincho", serif;
font-size: clamp(26px, 2.196193265vw, 30px);
color: #fff;
line-height: 1.8;
letter-spacing: 0.04em;
font-weight: 400;
}
@media (max-width: 767px) {
#s02 .inner .grid_box .grid_col .grid_title {
font-size: clamp(26px, 3.9113428944vw, 30px);
}
}
#s02 .inner .grid_box .grid_col .grid_en {
text-align: start;
font-weight: bold;
font-size: 12px;
line-height: normal;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #fff;
margin-bottom: clamp(12px, 1.1713030747vw, 16px);
font-family: "Asul", serif;
}
#s02 .inner .grid_box .grid_col img {
border-radius: 5px;
width: 100%;
margin-bottom: 16px;
}
#s02 .inner .grid_box .grid_col .grid_sub {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: clamp(16px, 1.4641288433vw, 20px);
line-height: 1.6;
color: #fff;
margin-bottom: 8px;
}
@media (max-width: 767px) {
#s02 .inner .grid_box .grid_col .grid_sub {
font-size: clamp(16px, 2.6075619296vw, 20px);
}
}
#s02 .inner .grid_box .grid_col .grid_content {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
line-height: 1.9;
}
#s03 {
background: url(//www.taiyo-law.net/wp-content/uploads/top_ok_bg-scaled.jpg) no-repeat;
background-size: cover;
padding: clamp(65px, 9.5168374817vw, 130px) 0;
}
#s03 .inner {
max-width: calc(1200px + 12%);
width: 100%;
margin: 0 auto;
padding: 0 6%;
}
#s03 .inner .title_jp {
text-align: center;
color: #fff;
margin-bottom: clamp(25px, 3.6603221083vw, 50px);
}
#s03 .inner .content {
text-align: center;
color: #fff;
margin-bottom: clamp(25px, 3.6603221083vw, 50px);
}
@media (max-width: 767px) {
#s03 .inner .content {
text-align: start;
}
}
#s03 .inner .grid_box {
display: grid;
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: clamp(20px, 2.4890190337vw, 34px);
column-gap: clamp(20px, 2.4890190337vw, 34px);
}
@media (max-width: 600px) {
#s03 .inner .grid_box {
grid-template-columns: 1fr;
row-gap: 20px;
}
}
#s03 .inner .grid_box img {
width: 100%;
}
#s04 {
padding: clamp(63px, 9.224011713vw, 126px) 0 clamp(69px, 10.102489019vw, 138px);
}
#s04 .inner {
max-width: calc(1180px + 12%);
width: 100%;
margin: 0 auto;
padding: 0 6%;
}
#s04 .inner .grid_box {
display: grid;
grid-template-columns: 570fr 550fr;
-moz-column-gap: clamp(30px, 4.0263543192vw, 55px);
column-gap: clamp(30px, 4.0263543192vw, 55px);
}
@media (max-width: 767px) {
#s04 .inner .grid_box {
grid-template-columns: 1fr;
row-gap: clamp(30px, 5.8670143416vw, 45px);
}
}
#s04 .inner .grid_box .img_area {
width: 100%;
height: 100%;
background: url(//www.taiyo-law.net/wp-content/uploads/top_price_img.png) no-repeat center;
background-size: cover;
}
@media (max-width: 767px) {
#s04 .inner .grid_box .img_area {
height: clamp(320px, 62.5814863103vw, 480px);
}
}
#s04 .inner .grid_box .text_area {
padding: clamp(30px, -3.3333333333px + 4.3402777778vw, 80px) 0;
}
#s04 .inner .grid_box .text_area .title_sub,
#s04 .inner .grid_box .text_area .title_jp,
#s04 .inner .grid_box .text_area .content {
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s04 .inner .grid_box .text_area .title_sub .title_space,
#s04 .inner .grid_box .text_area .title_jp .title_space,
#s04 .inner .grid_box .text_area .content .title_space {
display: none;
}
@media (max-width: 1100px) {
#s04 .inner .grid_box .text_area .title_sub .title_space,
#s04 .inner .grid_box .text_area .title_jp .title_space,
#s04 .inner .grid_box .text_area .content .title_space {
display: block;
}
}
@media (max-width: 767px) {
#s04 .inner .grid_box .text_area .title_sub .title_space,
#s04 .inner .grid_box .text_area .title_jp .title_space,
#s04 .inner .grid_box .text_area .content .title_space {
display: none;
}
}
@media (max-width: 425px) {
#s04 .inner .grid_box .text_area .title_sub .title_space,
#s04 .inner .grid_box .text_area .title_jp .title_space,
#s04 .inner .grid_box .text_area .content .title_space {
display: block;
}
}
#s05 {
background: url(//www.taiyo-law.net/wp-content/uploads/top_contact_bg-scaled.jpg) no-repeat;
background-size: cover;
padding: clamp(50px, 5.8565153734vw, 80px) 0;
}
#s05 .inner {
max-width: calc(1200px + 12%);
width: 100%;
margin: 0 auto;
padding: 0 6%;
}
#s05 .inner .title_en {
text-align: center;
color: #fff;
}
#s05 .inner .title_sub {
text-align: center;
color: #fff;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s05 .inner .title_jp {
text-align: center;
color: #fff;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s05 .inner .content {
text-align: center;
color: #fff;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
@media (max-width: 525px) {
#s05 .inner .content {
text-align: start;
}
}
@media (max-width: 767px) {
#s05 .inner .content.al_ch {
text-align: center;
}
}
#s05 .inner .grid_button {
display: grid;
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: clamp(15px, 1.756954612vw, 24px);
column-gap: clamp(15px, 1.756954612vw, 24px);
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s05 .inner .grid_button a {
display: block;
transition: 0.4s all;
}
#s05 .inner .grid_button a img {
width: 100%;
}
#s05 .inner .grid_button a:hover {
opacity: 0.7;
}
@media (max-width: 767px) {
#s05 .inner .grid_button {
grid-template-columns: 1fr;
row-gap: 20px;
max-width: 360px;
width: 100%;
margin: 0 auto 25px;
}
}
#s05 .inner .grid_box {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(24px, 2.3426061493vw, 32px);
}
@media (max-width: 767px) {
#s05 .inner .grid_box {
grid-template-columns: 1fr;
row-gap: clamp(30px, 5.8670143416vw, 45px);
}
}
#s05 .inner .grid_box .grid_col {
background: #335858;
border: 1px solid #fff;
text-align: center;
display: grid;
grid-template-rows: subgrid;
grid-row: span 1;
gap: 0;
}
#s05 .inner .grid_box .grid_col .wrap {
padding: clamp(20px, 1.9033674963vw, 26px) 6%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#s05 .inner .grid_box .grid_col .wrap .grid_title {
text-align: center;
color: #fff;
margin-bottom: 16px;
font-weight: 400;
font-family: "Zen Old Mincho", serif;
line-height: 2;
letter-spacing: 0.04em;
font-size: clamp(20px, 1.756954612vw, 24px);
}
#s05 .inner .grid_box .grid_col .wrap .grid_content {
text-align: center;
color: #fff;
font-size: 14ppx;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
line-height: 2;
letter-spacing: 0.04em;
}
@media (max-width: 1023px) {
#s05 .inner .grid_box .grid_col .wrap .grid_content {
text-align: start;
}
}
#s05 .inner .grid_box .grid_col .wrap .grid_content .content_space {
display: block;
}
@media (max-width: 1023px) {
#s05 .inner .grid_box .grid_col .wrap .grid_content .content_space {
display: none;
}
}
#s06 {
padding: clamp(100px, 14.6412884334vw, 200px) 0 clamp(65px, 9.5168374817vw, 130px);
overflow: hidden;
}
#s06 .inner {
max-width: calc(864px + 12%);
width: 100%;
margin: 0 auto;
padding: 0 6%;
}
#s06 .inner .box {
background: #fff;
border-radius: 5px;
padding: clamp(40px, 5.8565153734vw, 80px) 6%;
position: relative;
display:block;
transition:0.4s all;
}
#s06 .inner .box:hover{
opacity:0.7;
}
#s06 .inner .box::after {
content: "";
background: url(//www.taiyo-law.net/wp-content/uploads/spoon_img.png) no-repeat;
background-size: contain;
position: absolute;
width: clamp(140px, -39.7993311037px + 23.4113712375vw, 280px);
height: clamp(122px, -34.6822742475px + 20.4013377926vw, 244px);
top: clamp(-80px, 11.3712374582px + -6.6889632107vw, -40px);
right: clamp(-80px, 11.3712374582px + -6.6889632107vw, -40px);
}
#s06 .inner .box .title_en {
text-align: center;
}
#s06 .inner .box .title_sub {
text-align: center;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s06 .inner .box .title_en_big {
text-align: center;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
font-family: "Asul", serif;
color: #335858;
line-height: 1.6;
letter-spacing: 0.04em;
font-size: clamp(28px, 3.6603221083vw, 50px);
}
#s06 .inner .box .content {
text-align: center;
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s06 .inner .box .main_button a {
margin: 0 auto;
}
#s_info {
padding: 0 0 clamp(50px, 5.1244509517vw, 70px);
}
#s_info .inner {
max-width: calc(1200px + 12%);
width: 100%;
margin: 0 auto;
padding: 0 6%;
}
#s_info .inner .footer_grid_box {
display: grid;
grid-template-columns: 580fr 570fr;
-moz-column-gap: 20px;
column-gap: 20px;
align-items: center;
margin-bottom: clamp(35px, 3.4407027818vw, 47px);
}
@media (max-width: 767px) {
#s_info .inner .footer_grid_box {
grid-template-columns: 1fr;
row-gap: 45px;
}
}
#s_info .inner .footer_grid_box .map_area {
max-width: 100%;
height: 100%;
}
@media (max-width: 767px) {
#s_info .inner .footer_grid_box .map_area {
height: 350px;
}
}
#s_info .inner .footer_grid_box .text_area {
max-width: 570px;
}
#s_info .inner .footer_grid_box .text_area .title_sub {
margin-bottom: clamp(25px, 2.9282576867vw, 40px);
}
#s_info .inner .footer_grid_box .text_area .ad_box_area {
display: flex;
-moz-column-gap: clamp(25px, 3.513909224vw, 48px);
column-gap: clamp(25px, 3.513909224vw, 48px);
padding: 16px 0;
align-items: center;
border-bottom: 1px solid #e2e2e2;
}
@media (max-width: 767px) {
#s_info .inner .footer_grid_box .text_area .ad_box_area {
flex-direction: column;
align-items: flex-start;
}
}
#s_info .inner .footer_grid_box .text_area .ad_box_area .a_h {
width: 150px;
color: #40362a;
font-family: "Noto Sans JP", sans-serif;
text-align: start;
font-weight: 500;
line-height: 2;
font-size: clamp(14px, 1.1713030747vw, 16px);
letter-spacing: 0.04em;
}
@media (max-width: 425px) {
#s_info .inner .footer_grid_box .text_area .ad_box_area .a_h {
font-size: 14px;
}
}
#s_info .inner .footer_grid_box .text_area .ad_box_area .a_b {
width: 90%;
color: #40362a;
font-family: "Noto Sans JP", sans-serif;
text-align: start;
font-weight: 500;
line-height: 2;
font-size: clamp(14px, 1.1713030747vw, 16px);
letter-spacing: 0.04em;
}
#s_info .inner .footer_grid_box .text_area .ad_box_area .a_b a {
color: #40362a;
}
@media (max-width: 425px) {
#s_info .inner .footer_grid_box .text_area .ad_box_area .a_b a {
font-size: 14px;
}
}
@media (max-width: 425px) {
#s_info .inner .footer_grid_box .text_area .ad_box_area .a_b {
font-size: 14px;
}
}
#s_info .inner .footer_grid_box .text_area .main_button {
margin-top: clamp(25px, 2.9282576867vw, 40px);
}
.header_sns {
display: block;
padding-right: clamp(20px, 2.3426061493vw, 32px);
}
@media (max-width: 1250px) {
.header_sns {
display: block;
padding-right: 60px;
}
}  #s_nav_buttons {
background: #ffffff;
padding: 40px 0 20px;
}
.nav_welcome_title {
text-align: center;
font-weight: bold;
margin-bottom: 25px;
color: #333;
font-size: 20px;
line-height: 1.6;
}
.nav_btn_box {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
} .js-scroll-btn {
flex: 1;
min-width: 280px;
max-width: 500px;
border-radius: 8px;
padding: 18px 20px;
text-decoration: none;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.js-scroll-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
.js-scroll-btn img {
width: 50px;
height: 50px;
object-fit: contain;
flex-shrink: 0;
}
.btn_text_area {
text-align: left;
}
.btn_main_text {
display: block;
font-size: 14px;
line-height: 1.4;
} .btn-shield {
background: #eef5ee;
border: 2px solid #1a3a1a;
}
.btn_tag_shield {
display: block;
font-size: 13px;
color: #1a3a1a;
margin-bottom: 3px;
font-weight: bold;
}
.btn-shield .btn_main_text {
color: #1a3a1a;
} .btn-sos {
background: #fdf6f6;
border: 2px solid #a83232;
}
.btn_tag_sos {
display: block;
font-size: 13px;
color: #a83232;
margin-bottom: 3px;
font-weight: bold;
}
.btn-sos .btn_main_text {
color: #a83232;
} .jump_msg_box {
border-radius: 8px;
padding: 20px;
margin: 20px auto 30px;
max-width: 1000px;
display: flex;
align-items: center;
gap: 15px;
box-sizing: border-box;
}
.jump_msg_box img {
width: 35px !important;
height: 35px !important;
object-fit: contain !important;
flex-shrink: 0 !important;
}
.msg_text {
margin: 0 !important;
font-weight: bold !important;
font-size: 15px !important;
line-height: 1.6 !important;
text-align: left !important;
}
.font_zen {
font-family: 'Zen Old Mincho', serif !important;
} .msg_shield {
background: #f7fafc !important;
border: 2px solid #3182ce !important;
box-shadow: 0 4px 12px rgba(49, 130, 206, 0.08) !important;
}
.msg_shield .msg_text {
color: #2b6cb0 !important;
}
.msg_sos {
background: #fffaf0 !important;
border: 2px solid #dd6b20 !important;
box-shadow: 0 4px 12px rgba(221, 107, 32, 0.08) !important;
}
.msg_sos .msg_text {
color: #dd6b20 !important;
}  .custom_group_board {
border-radius: 16px !important;
padding: 50px 35px !important;
margin-bottom: 50px !important;
float: none !important;
clear: both !important;
display: block !important;
box-sizing: border-box !important;
} .board_caption {
font-weight: bold !important;
font-size: 26px !important;
margin: 0 0 35px 0 !important;
padding-left: 15px !important;
line-height: 1.5 !important;
text-align: left !important;
display: block !important;
}
.board_sub_caption {
font-size: 15px !important;
font-weight: normal !important;
display: block !important;
margin-top: 8px !important;
color: #444444 !important;
} .board_accident {
background-color: #f2f9f2 !important; border: 3px solid #1a3a1a !important; margin-top: 50px !important;
}
.caption_accident {
color: #1a3a1a !important;
border-left: 6px solid #1a3a1a !important;
} .board_life {
background-color: #faf5f0 !important; border: 3px solid #8c6239 !important; }
.caption_life {
color: #4a3319 !important;
border-left: 6px solid #8c6239 !important;
} @media screen and (min-width: 768px) {
.custom_group_board .grid_box {
display: flex !important;
flex-wrap: wrap !important;
gap: 24px !important; justify-content: flex-start !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.custom_group_board .grid_box .grid_col {
width: calc(25% - 18px) !important; margin: 0 !important;
float: none !important;
box-sizing: border-box !important;
background: #1c434d !important; border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}
} @media screen and (max-width: 767px) {
.nav_welcome_title {
font-size: 16px;
}
.js-scroll-btn {
width: 100%;
padding: 15px;
}
.btn_main_text {
font-size: 13px;
}
.jump_msg_box {
flex-direction: column;
text-align: center;
padding: 15px;
}
.msg_text {
font-size: 14px !important;
text-align: justify !important;
}
.custom_group_board {
padding: 35px 20px !important;
}
.board_caption {
font-size: 20px !important;
}
.board_sub_caption {
font-size: 13px !important;
}
.custom_group_board .grid_box {
display: block !important;
}
.custom_group_board .grid_box .grid_col {
width: 100% !important;
margin: 0 0 25px 0 !important; display: block !important;
float: none !important;
background: #1c434d !important; }
}  div.counsel_grid_box,
.counsel_grid_box {
display: flex !important;
gap: 40px !important;
justify-content: center !important;
flex-wrap: wrap !important;
margin: 40px auto 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
float: none !important;
clear: both !important;
width: 100% !important;
background: transparent !important;
} a.counsel_card,
.counsel_card {
flex: 1 1 280px !important;
max-width: 440px !important;
height: 260px !important;
border-radius: 8px !important;
box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
text-decoration: none !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important; padding: 30px 40px !important;
transition: all 0.3s ease !important;
box-sizing: border-box !important;
float: none !important;
} a.counsel_card:hover {
filter: brightness(1.15) !important;
transform: translateY(-3px) !important;
opacity: 1 !important; } a.card_elmo,
.card_elmo {
background: url(https://www.taiyo-law.net/wp-content/uploads/ELMO.jpeg) no-repeat center center !important;
background-size: cover !important;
} a.card_moel,
.card_moel {
background: url(https://www.taiyo-law.net/wp-content/uploads/MOEL-2.png) no-repeat center center !important;
background-size: cover !important;
} .counsel_badge {
background: #335858 !important;
color: #ffffff !important;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: bold !important;
font-size: 14px !important;
padding: 3px 12px !important;
border-radius: 2px !important;
margin-bottom: 10px !important;
letter-spacing: 0.04em !important;
line-height: normal !important;
display: inline-block !important;
text-align: left !important;
}
.counsel_title {
color: #ffffff !important;
font-family: 'Zen Old Mincho', serif !important;
font-size: 28px !important;
font-weight: bold !important;
margin: 0 !important;
text-shadow: 0 2px 5px rgba(0,0,0,0.7) !important;
letter-spacing: 0.04em !important;
line-height: 1.4 !important;
text-align: left !important;
background: transparent !important;
}
.counsel_en {
color: #ffffff !important;
font-family: 'Asul', serif !important;
font-size: 11px !important;
font-weight: bold !important;
text-transform: uppercase !important;
margin: 5px 0 20px !important;
letter-spacing: 0.05em !important;
text-shadow: 0 2px 5px rgba(0,0,0,0.7) !important;
line-height: normal !important;
text-align: left !important;
background: transparent !important;
}
.counsel_arrow {
width: 24px !important;
height: 24px !important;
object-fit: contain !important;
margin: 0 !important;
display: block !important;
} @media screen and (max-width: 767px) {
div.counsel_grid_box,
.counsel_grid_box {
gap: 25px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
a.counsel_card,
.counsel_card {
width: 100% !important;
max-width: 100% !important;
height: 220px !important;
padding: 25px 30px !important;
}
.counsel_title {
font-size: 24px !important;
}
}  div.brass_plate_board,
.brass_plate_board {
background: linear-gradient(145deg, #e6daf2 0%, #ecdcb9 15%, #bfa070 50%, #dfcda5 85%, #b09163 100%) !important;
border: 3px solid #b89752 !important;
border-radius: 12px !important;
padding: 45px 35px !important;
box-shadow: 0 16px 40px rgba(71, 57, 43, 0.25), inset 0 2px 4px rgba(255,255,255,0.4), inset 0 -2px 4px rgba(0,0,0,0.2) !important;
position: relative !important;
box-sizing: border-box !important;
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
margin-top: 30px !important;
} .brass_plate_edge {
position: absolute !important;
top: 6px !important;
left: 6px !important;
right: 6px !important;
bottom: 6px !important;
border: 1px solid rgba(255,255,255,0.3) !important;
border-radius: 8px !important;
pointer-events: none !important;
box-shadow: 0 0 0 1px rgba(138,107,61,0.2) !important;
box-sizing: border-box !important;
z-index: 1 !important;
} .brass_plate_caption {
position: relative !important;
z-index: 2 !important;
text-shadow: 0 1px 1px rgba(255,255,255,0.6) !important;
font-size: 20px !important;
text-align: center !important;
font-family: 'Zen Old Mincho', serif !important;
color: #40362a !important;
margin: 0 !important;
line-height: 1.5 !important;
letter-spacing: 0.04em !important;
background: transparent !important;
display: block !important;
} h2.brass_plate_title,
.brass_plate_title {
position: relative !important;
z-index: 2 !important;
text-shadow: 0 1px 1px rgba(255,255,255,0.6) !important;
text-align: center !important;
font-family: 'Zen Old Mincho', serif !important;
color: #40362a !important;
font-size: clamp(32px, 2.92vw, 40px) !important;
font-weight: bold !important;
line-height: 1.6 !important;
letter-spacing: 0.04em !important;
margin: 25px 0 40px 0 !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
} @media screen and (max-width: 767px) {
div.brass_plate_board,
.brass_plate_board {
padding: 35px 15px !important;
}
.brass_plate_caption {
font-size: 14px !important;
line-height: 1.6 !important;
}
h2.brass_plate_title,
.brass_plate_title {
font-size: 24px !important;
margin: 20px 0 25px 0 !important;
}
}  #s06 {
padding-bottom: 20px !important;
margin-bottom: 0 !important;
} #s06 .box {
margin-bottom: 0 !important;
padding-bottom: 20px !important;
} div.brass_plate_board,
.brass_plate_board {
margin-top: 15px !important; } #s_nav_buttons {
padding-top: 20px !important; padding-bottom: 10px !important;
} @media screen and (max-width: 767px) { div.brass_plate_board,
.brass_plate_board {
display: block !important;
padding: 25px 12px !important;
margin-top: -5px !important;
border-radius: 8px !important;
} .brass_plate_caption {
font-size: 13px !important;
line-height: 1.5 !important;
padding: 0 5px !important;
}
h2.brass_plate_title,
.brass_plate_title {
font-size: 22px !important;
margin: 15px 0 20px 0 !important;
} a.card_elmo, .card_elmo {
background: url(https://www.taiyo-law.net/wp-content/uploads/ELMO.jpeg) no-repeat center center !important;
background-size: cover !important;
}
a.card_moel, .card_moel {
background: url(https://www.taiyo-law.net/wp-content/uploads/MOEL-2.png) no-repeat center center !important;
background-size: cover !important;
} .counsel_title, .counsel_en {
color: #ffffff !important;
}
} @media screen and (min-width: 768px) { .custom_group_board .grid_box a.grid_col {
transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.custom_group_board .grid_box a.grid_col:hover {
transform: translateY(-6px) !important;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15) !important;
} a.counsel_card {
transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease !important;
}
a.counsel_card:hover {
transform: translateY(-6px) !important;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.35) !important;
filter: brightness(1.1) !important;
}
}  @media screen and (min-width: 768px) { .board_life .grid_box .grid_col {
background: #4a2e1b !important; box-shadow: 0 4px 12px rgba(74, 46, 27, 0.2) !important;
}
} @media screen and (max-width: 767px) { .board_life .grid_box .grid_col {
background: #4a2e1b !important;
}
} .board_life .grid_col .grid_title,
.board_life .grid_col .grid_sub,
.board_life .grid_col .grid_content,
.board_life .grid_col .grid_en {
color: #ffffff !important;
}