@charset "UTF-8";
/*
Version: 1.0.0
Creation Date: 2025.6.30
Last Updated: 2025.7.8
*/


/* Override WP
------------------------------------------------------------ */
.no-width-limit .wp-block-column {
width: auto !important;
max-width: none !important;
flex-basis: auto !important;
flex-grow: 0 !important;
}
.grecaptcha-badge {
visibility: hidden;
}
#autozip {
display: none !important;
}
.wp-block-list {
list-style: initial;
margin: revert;
padding: revert;
}
ol.wp-block-list {
list-style-type: decimal;
}
.wp-block-embed iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.wp-block-separator {
border-top: 1px solid !important;
}

.smf-progress-tracker {
margin: 3rem auto !important;
}
.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__number {
background-color: #003b82;
}
.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__text {
color: #003b82;
}
.smf-form--business {
border-top: 1px solid #c9caca;
}
.smf-form--business .smf-item {
border: none !important;
border-bottom: 1px solid #c9caca !important;
}
.smf-form--business .smf-item__col--label {
background-color: #f5f5f5;
color: #003b82;
border-right: none !important;
}
.smf-form--business .smf-item__col--controls {
color: #003b82;
}
.smf-form--business .smf-item__col--label span strong {
padding: 0 .3em;
}
.smf-action .smf-button-control__control {
background: linear-gradient(90deg,rgba(0, 59, 130, 1) 0%, rgba(0, 128, 203, 1) 100%) !important;
color: #FFF !important;
padding: 1em 2em !important;
border: none !important;
border-radius: 0 !important;
}
.smf-action .smf-button-control__control:hover {
background: #000 !important;
}


/* common
------------------------------------------------------------ */
/* font */
.NOTO {  /* Noto Sans JP */
font-family: "Noto Sans JP", sans-serif;
}
.DIND {  /* URW DIN Demi */
font-family: urw-din, sans-serif;
font-weight: 600;
}
.DINB {  /* URW DIN Bold */
font-family: urw-din, sans-serif;
font-weight: 700 !important;
}
.DINC {  /* URW DIN Condensed Bold */
font-family: urw-din-condensed, sans-serif !important;
font-weight: 700 !important;
}
.lh1 {line-height: 1;}
.lh12 {line-height: 1.2;}
.lh13 {line-height: 1.3;}
.lh14 {line-height: 1.4;}
.lh15 {line-height: 1.5;}
.lh16 {line-height: 1.6;}
.lh17 {line-height: 1.7;}
.lh18 {line-height: 1.8;}
.lh19 {line-height: 1.9;}
.lh20 {line-height: 2;}
.lh21 {line-height: 2.1;}
.lh22 {line-height: 2.2;}
.lh23 {line-height: 2.3;}
.lh24 {line-height: 2.4;}
.lh25 {line-height: 2.5;}
.ls03 {letter-spacing: .03em;}
.ls05 {letter-spacing: .05em;}
.ls06 {letter-spacing: .06em;}
.ls07 {letter-spacing: .07em;}
.ls08 {letter-spacing: .08em;}
.ls09 {letter-spacing: .09em;}
.ls10 {letter-spacing: .1em;}
.ls11 {letter-spacing: .11em;}
.ls12 {letter-spacing: .12em;}
.ls13 {letter-spacing: .13em;}
.ls14 {letter-spacing: .14em;}
.ls15 {letter-spacing: .15em;}
.ls16 {letter-spacing: .16em;}
.ls17 {letter-spacing: .17em;}
.ls18 {letter-spacing: .18em;}
.ls19 {letter-spacing: .19em;}
.ls20 {letter-spacing: .2em;}
.-ls {letter-spacing: 0;}

.m0 {margin: 0;}

:hover {
transition: .3s;
}
time {
color: #aaa;
}
.center {
text-align: center;
}
.bg_gry {
background: #f5f5f5;
color: #000;
}
.opa a:hover img {
opacity: .8;
}
.link a {
font-family: urw-din, sans-serif;
font-weight: 700;
background: #000;
color: #FFF;
font-size: 1.2rem;
white-space: nowrap;
padding: .5em 1em;
display: inline-block;
}
.link.min a {
font-size: 1rem;
white-space: nowrap;
padding: .5em 1em;
display: inline-block;
}
.link a:hover {
background: #0080cb;
}
.ttl {
white-space: nowrap;
}
.ttl small {
font-size: 1.6rem;
line-height: 1.3;
display: block;
}
.ttl strong {
font-family: urw-din-condensed, sans-serif;
font-weight: 700;
font-size: 7rem;
line-height: 1;
}
.circle {
position: relative;
}
.circle:before {
content: "";
background: url("img/circle_02.svg") no-repeat center/contain;
width: 32vw;
aspect-ratio: 1 / 1;
position: absolute;
z-index: -1;
}
#vidual-area.circle:before {
top: 10%;
left: -14vw;
}
#corporate.circle:before {
background: url("img/circle_03.svg") no-repeat center/contain;
top: -20%;
right: -14vw;
z-index: -2;
}
#service.circle:before {
background: url("img/circle_04.svg") no-repeat center/contain;
top: -30%;
left: -10vw;
}
#sfs.circle {
z-index: 1;
}
#sfs.circle:before {
background: url("img/circle_05.svg") no-repeat center/contain;
top: 50%;
right: -16vw;
}
#columns.circle {
z-index: 1;
}
#columns.circle:before {
background: url("img/circle_06.svg") no-repeat center/contain;
top: -40%;
right: -14vw;
}
#contact.circle {
z-index: 1;
}
#contact.circle:before {
background: url("img/circle_04.svg") no-repeat center/contain;
top: 2%;
left: -14vw;
}

/* container
------------------------------------------------------------ */
/* #vidual-area */
#vidual-area .ttl small {
font-size: 1.8rem;
margin-top: .5em;
}
#vidual-area .ttl small br {
display: none;
}
#vidual-area .ttl strong {
font-size: 11rem;
}
#vidual-area .ttl strong span {
background: linear-gradient(to bottom,rgba(0,165,227,.9),rgba(0,91,172,.9)),url("img/circle_01.svg");
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}

/* #title-area */
#title-area {
position: relative;
overflow: hidden;
}
#title-area figure {
margin: 0;
padding-top: 47.6%;
position: relative;
}
#title-area figure.short {
padding-top: 30%;
}
#title-area figure img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
#title-area .title-text {
width: 90%;
position: absolute;
top: 20%;
left: 50%;
transform: translateX(-50%);
}
#title-area .title-text span {
color: #0080cb;
}
#title-area .title-text p {
line-height: 2.2;
max-width: 480px;
}

/* #corporate */
#corporate {
padding: 5% 0 5% 13%;
}
#corporate .corporate-area {
position: relative;
}
#corporate .corporate-area .bgextend {
width: 77%;
margin-left: auto;
}
#corporate .corporate-area .corporate-text {
max-width: 500px;
position: absolute;
top: 0;
left: 0;
}
#corporate .corporate-text h3 {
font-size: 2.2rem;
line-height: 1.4;
letter-spacing: .06em;
margin: 1em 0 .5em;
}
#corporate .corporate-text p {
line-height: 2.5;
}
#corporate .corporate-area .link {
position: absolute;
bottom: 1em;
left: 0;
}

/* #service */
#service {
padding: 5% 5% 8% 0;
position: relative;
}
#service h2 {
background: #FFF;
color: #003b82;
margin: 0;
padding: .7em 7% 0 13%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
#service .service-area {
padding: 0;
}
#service .service-area section {
width: calc(100% / 3);
position: relative;
}
#service .service-area.startwd::after {
display: none;
}
#service .service-text {
text-align: center;
width: 90%;
position: absolute;
top: 5%;
left: 5%;
}
#service .service-area section h3 {
font-size: 2.7rem;
line-height: 1.2;
margin-bottom: 0;
}
#service .service-area section p {
font-size: 1.3rem;
font-weight: bold;
}

/* #sfs */
#sfs {
background: #FFF;
text-align: center;
padding: 10%;
}
#sfs a:hover img {
opacity: .7;
}

/* #client */
#client {
background: #f5f5f5;
color: #003b82;
padding: 5% 6%;
}
#client h2 {
padding: 0 0 0 8%;
}
#client ul {
display: flex;
flex-wrap: wrap;
}
#client ul li {
flex-basis: 20%;
}
#client ul li a {
display: block;
transition: transform .5s ease;
}
#client ul li a:hover {
transform: scale(1.1);
}

/* #news */
#news {
padding: 5% 13%;
}
#news .tab li a {
background: #003b82;
margin-right: 1px;
border: none;
}
#news .tab li.active a {
background: #003b82;
border: 1px solid #ccc;
border-bottom: none;
}
#news .tab-choice-area {
background: #003b82;
margin-bottom: 3rem;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

/* #columns */
#columns {
background: #f5f5f5;
color: #003b82;
padding: 5% 10%;
}
#columns h2 {
padding: 0 0 0 4%;
}
#columns .ttl small {
color: #000;
}

/* #philosophy */
#philosophy {
background: #f5f5f5;
color: #000;
}
#philosophy .wp-block-columns {
width: 1000px;
max-width: 92%;
margin: 0 auto;
}
#philosophy .wp-block-columns .wp-block-column:first-child {
border-right: 1px solid #003b82;
}

/* #board-member */
#board-member .wp-block-group__inner-container > h2 {
width: 1000px;
max-width: 92%;
margin: -8vw auto 3vw;
}
#board-member .wp-block-snow-monkey-blocks-media-text {
width: 1000px;
max-width: 92%;
margin: 0 auto;
}
#board-member .c-row {
justify-content: space-between;
}
#board-member .c-row__col:has(.smb-media-text__contents-wrapper) {
--_item-width: 55%;
}
#board-member .c-row__col:has(.smb-media-text__figure) {
--_item-width: 40%;
}
#board-member .smb-media-text__title {
font-family: urw-din-condensed, sans-serif !important;
font-weight: 700 !important;
font-size: 5rem;
line-height: 1;
white-space: nowrap;
margin-bottom: 0;
}
#board-member h3 {
font-size: 1.3rem;
}
#board-member .smb-media-text__figure img {
border-radius: 20px;
}
#board-member #ceo .smb-media-text__title {
color: #0080cb;
}
#board-member #members {
background: #f5f5f5;
color: #000;
}
#board-member #members .c-row {
max-width: 900px;
margin: 0 auto;
}
#board-member #members .smb-media-text__contents-wrapper {
padding-top: 5rem;
position: relative;
}
#board-member #members .smb-media-text__title {
background: linear-gradient(90deg, #003b82, #0080cb);
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
position: absolute;
top: 0;
left: 0;
}
#board-member #members h3 {
color: #003b82;
}
#board-member #members .smb-media-text__figure img {
aspect-ratio: 400 / 426;
object-fit: cover;
}

/* #ourview */
#ourview .wp-block-group__inner-container {
width: 90%;
max-width: 1100px;
margin: 0 auto;
padding: 8% 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#ourview .wp-block-table table {
border-collapse: separate;
border-spacing: 0 2px;
}
#ourview .wp-block-table table th {
background: #f5f5f5;
color: #003b82;
vertical-align: top;
text-align: left;
padding: 1em 2em;
border: none;
}
#ourview .wp-block-table table td {
background: #FFF;
color: #000;
padding: 1em;
border: none;
}

/* .case */
.case .wp-block-snow-monkey-blocks-box:first-of-type {
margin-top: -7rem;
}
.case .smb-box__body h2 {
margin: -6rem 0 2rem;
}

/* #hamonz-for-teams */
#hamonz-for-teams {
position: relative;
padding-bottom: 1px;
}
#hamonz-for-teams .wp-block-group__inner-container > p.DINC {
color: #FFF;
font-size: 10rem;
line-height: 1;
position: absolute;
top: -5rem;
left: 0;
}
#hamonz-for-teams .wp-block-snow-monkey-blocks-box {
margin-bottom: 6rem;
}
#hamonz-for-teams .wp-block-snow-monkey-blocks-box figure {
margin-top: -6rem;
}
#hamonz-for-teams .smb-container__body > h2 {
background: linear-gradient(90deg, #003b82, #0080cb);
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
}

/* .task */
.task > .smb-container__body > .wp-block-snow-monkey-blocks-box {
margin-top: -18rem;
}
.task h2 strong {
background: linear-gradient(90deg, #003b82, #0080cb);
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
}
.down {
margin-bottom: -26px;
padding: 0 1rem;
position: relative;
z-index: 1;
}

/* .total-support */
.total-support h2.DINC {
margin-bottom: -2.5rem;
position: relative;
z-index: 1;
}
.total-support .wp-block-group {
margin: auto 0 1rem;
}
.total-support .wp-block-columns:has(.wp-block-group) .wp-block-column:last-child {
display: flex;
flex-direction: column;
}

/* #content */
#content .link {
margin: auto 0 1rem;
}
#content .wp-block-columns:has(.link) .wp-block-column:last-child {
display: flex;
flex-direction: column;
}
#content .special {
gap: 0;
}

/* .co-create-sports */
.co-create-sports > .smb-container__body > .wp-block-snow-monkey-blocks-box {
margin-top: -18rem;
}
.co-create-sports #free {
float: none;
position: absolute;
top: -6rem;
right: 2rem;
}
___.co-create-sports #worry {
max-width: 880px;
margin: 0 auto;
}
.co-create-sports #worry .wp-block-column:first-child {
border-right: 1px solid #003b82;
}
.co-create-sports h3 {
background: none !important;
position: relative;
z-index: 1;
}
.co-create-sports h3::before {
content: "";
background: linear-gradient(90deg, rgb(0, 59, 130) 0%, rgb(0, 128, 203) 100%);
width: 90%;
height: 100%;
border-radius: 0 100vh 100vh 0;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.co-create-sports p.has-background {
border-radius: 100vh;
}

/* .co-create-sports_case */
.co-create-sports_case {
position: relative;
}
.co-create-sports_case::before {
content: "";
background: #FFF;
width: 120%;
height: 30%;
position: absolute;
bottom: -2rem;
left: -10%;
z-index: -1;
}
.co-create-sports_case .ttl strong {
font-size: 5.7rem;
}
.co-create-sports_case .ttl small {
font-size: 2rem;
}
.co-create-sports_case .smb-box__background {
border-radius: 100vh 0 0 100vh;
}
.co-create-sports_case + .before-contact {
background: #FFF;
}

/* #category */
#category {
width: 1200px;
max-width: 92%;
margin: 0 auto;
padding: 5% 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#main {
flex-basis: 70%;
position: relative;
}
div.cat	{
background: #999;
font-size: 14px;
line-height: 20px;
white-space: nowrap;
text-align: center;
margin-right: 10px;
padding: 0 10px;
display: inline-block;
border-radius: 3px;
}
#category ul.flex {
display: flex;
flex-wrap: wrap;
text-align: center;
margin-bottom: 40px;
}
#category ul.flex li a {
background: #003b82;
line-height: 40px;
min-width: 80px;
display: block;
margin: 0 2px 4px;
padding: 0 10px;
}
#category ul.flex li.active a,
#category ul.flex li a:hover {
background: #FFF;
color: #003b82;
}
.list li a {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 40px;
}
.list li a:hover {
opacity: .7;
transition: .5s;
}
.list li figure {
width: 100px;
height: 100px;
margin-right: 20px;
border: solid 1px #CCC;
overflow: hidden;
}
.list li figure img {
width: 100%;
height: 100%;
object-fit: cover;
transition: .5s;
}
.list li a:hover figure img {
transform: scale(1.2);
transition: .5s;
}
.list li figure + div {
max-width: calc(100% - 120px);
}
.list li div p {
line-height: 1.5;
margin-top: 10px;
}

#side {
flex-basis: 25%;
}
#side .menu h3 {
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
}
#side .menu h3 span {
font-size: 20px;
font-weight: bold;
letter-spacing: .1em;
margin-right: 10px;
}
#side time {
font-size: 14px;
margin-bottom: 5px;
display: block;
}
#side .menu li {
position: relative;
}
#side .menu li a {
font-weight: bold;
display: block;
}
#side .menu li a:hover {
background: rgba(255,255,255,.3);
}
#side .menu li:hover a >* {
color: #000;
transition: .5s;
}
#side .menu li a:after {
content: "";
width: 6px;
height: 6px;
display: inline-block;
border-top: solid 2px #eee;
border-right: solid 2px #eee;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
}
#side .menu li a:hover:after {
border-top: solid 2px #000;
border-right: solid 2px #000;
}
#side .recent {
margin: 80px 0 20px;
border-bottom: solid 1px #CCC;
}
#side .recent li a {
padding: 20px 50px 20px 20px;
border: solid 1px #CCC;
border-bottom: none;
}
#side .recent p {
font-size: 14px;
line-height: 1.5;
}
#side .cat {
margin: 80px 0;
border-bottom: solid 1px #CCC;
}
#side .cat  h3 {
padding-bottom: 10px;
border-bottom: solid 1px #CCC;
}
#side .cat  li {
margin-bottom: 10px;
}
#side .cat li a {
line-height: 40px;
padding-left: 20px;
}
#side .cat li a:hover {
color: #000;
}

/* #single */
#single {
width: 1200px;
max-width: 92%;
margin: 0 auto;
padding: 5% 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#single #main > h2 {
line-height: 1.3;
margin: .5em 0 1em;
}
#single #post {
background: #FFF;
color: #000;
padding: 30px;
border-radius: 10px;
}
#single #post h1,
#single #post h2,
#single #post h3,
#single #post h4,
#single #post h5,
#single #post h6,
#single #post p,
#single #post div,
#single #post figure,
#single #post ul,
#single #post ol {
margin: 1em 0;
}
#single #post p a,
#single #post ul a,
#single #post ol a {
color: #003b82;
text-decoration: underline;
}
#single #post p a:hover,
#single #post ul a:hover,
#single #post ol a:hover {
text-decoration: none;
}

/* #pagenavi */
#pagenavi,
#pagenavi ul {
letter-spacing: .2em;
margin: 80px auto;
padding-top: 20px;
display: flex;
justify-content: center;
border-top: solid 1px #CCC;
}
#pagenavi ul {
text-align: center;
width: 100%;
margin: 0;
}
#pagenavi li {
margin: 0 2%;
border-bottom: none;
list-style: none;
}
#pagenavi .previous {
position: absolute;
left: 0;
}
#pagenavi .next {
position: absolute;
right: 0;
}
#pagenavi a {
color: #eee;
padding: 0;
position: relative;
}
#pagenavi .previous a {
padding-left: 15px;
}
#pagenavi .next a {
padding-right: 10px;
}
#pagenavi .current,
#pagenavi a:hover {
color: #000;
}
#pagenavi .previous a:after,
#pagenavi .next a:after {
content: "";
width: 6px;
height: 6px;
display: inline-block;
border-top: solid 2px #eee;
border-right: solid 2px #eee;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
#pagenavi .previous a:after {
right: auto;
left: 0;
-webkit-transform: translateY(-50%) rotate(-135deg);
transform: translateY(-50%) rotate(-135deg);
}
#pagenavi .previous a:hover:after,
#pagenavi .next a:hover:after {
border-top: solid 2px #000 !important;
border-right: solid 2px #000 !important;
}

/* #contact */
.before-contact {
background: #f5f5f5;
}
#contact {
padding: 0 10% 5%;
display: block;
border: none;
}
#contact h2 {
background: url("img/contact.jpg") no-repeat center/cover;
max-width: 985px;
margin: -80px auto 1em;
padding: 1.5em 2em;
border-radius: 10px;
}
#contact p.center {
margin-bottom: 2em;
}
#contact .bgextend {
border-radius: 10px;
}
#contact form {
background: #FFF;
color: #000;
max-width: 1100px;
margin: 0 auto;
padding: 3rem;
border-radius: 10px;
}
#contact form p a {
color: #003b82;
text-decoration: underline;
}
#contact form p a:hover {
text-decoration: none;
}

/* #footer */
#footer {
background: #FFF;
color: #000;
padding: 3% 10%;
opacity: 1;
}
#footer .footer-logotype {
font-size: 1.1rem;
font-weight: bold;
}
#footer address br {
display: none;
}
#footer .footer-info,
#footer .footer-link {
width: auto;
}
#footer .footer-link ul {
justify-content: flex-end;
}
#footer .footer-link a {
color: #003b82;
}
#footer .footer-link a:hover {
color: #0080cb;
}
#footer small {
color: #000;
font-size: .8rem;
}





@media screen and (max-width: 1180px) {

html {
___font-size: .8rem;
}

/* Override part.css
------------------------------------------------------------ */
.scrolldown1::after{
right: 5px;
}

/* container
------------------------------------------------------------ */
/* #title-area */
#title-area .title-text p {
line-height: 2.2;
max-width: 80%;
}

/* #hamonz-for-teams */
#hamonz-for-teams .wp-block-group__inner-container > p.DINC {
font-size: 8rem;
top: -4rem;
}

}


@media screen and (max-width: 834px) {

/* common
------------------------------------------------------------ */
.ttl small {
font-size: 1.4rem;
}
.ttl strong {
font-size: 5rem;
}

#vidual-area.circle:before {
display: none;
}
#corporate.circle:before {
top: -10%;
}	
#columns.circle:before {
top: -5%;
}

/* container
------------------------------------------------------------ */
/* #header */
#header h1 {
top: 12px;
}

/* #vidual-area */
#vidual-area .ttl small {
font-size: 1.6rem;
}
#vidual-area .ttl strong {
font-size: 8rem;
}

/* #title-area */
#title-area figure.short {
padding-top: 47.6%;
}

/* #corporate */
#corporate {
padding: 5%;
}
#corporate .corporate-area .bgextend {
width: 110%;
margin-left: -5%;
}
#corporate .corporate-area .corporate-text {
max-width: 100%;
position: static;
}
#corporate .corporate-text h3 br {
display: none;
}
#corporate .corporate-area .link {
text-align: center;
margin-top: 3rem;
position: static;
}

/* #service */
#service {
padding: 5% 0;
}
#service h2 {
background: #FFF;
color: #003b82;
margin: 0;
padding: .5em 5%;
}
#service .service-area section p {
font-size: 1.2rem;
}

/* #client */
#client {
padding: 5%;
}
#client h2 {
padding: 0;
}

/* #news */
#news {
padding: 5%;
}

/* #columns */
#columns {
padding: 5% 5% 0;
}
#columns h2 {
padding: 0;
}

/* #philosophy */
#philosophy .wp-block-columns .wp-block-column:first-child {
border-right: none;
}

/* #board-member */
#board-member .smb-media-text__title {
font-size: 4rem;
}
#board-member #members .smb-media-text__contents-wrapper {
padding-top: 4rem;
}

/* #ourview */
#ourview .wp-block-group__inner-container {
display: block;
}

/* .case */
.case .wp-block-snow-monkey-blocks-box:first-of-type {
margin-top: 6rem;
}

/* #hamonz-for-teams */
#hamonz-for-teams .wp-block-group__inner-container > p.DINC {
font-size: 6rem;
top: -3rem;
}

/* .task */
.task > .smb-container__body > .wp-block-snow-monkey-blocks-box {
margin-top: -10rem;
}
.task .arw img {
transform: rotate(90deg);
}

/* #content */
#content .special {
gap: 2em;
}

/* .co-create-sports */
.co-create-sports > .smb-container__body > .wp-block-snow-monkey-blocks-box {
margin-top: -10rem;
}
.co-create-sports #free {
width: 100px;
}
.co-create-sports #worry .wp-block-column:first-child {
border-right: none;
}
.co-create-sports h3::before {
width: 98%;
}

/* .co-create-sports_case */
.co-create-sports_case::before {
height: 10%;
}

/* #category */
#category {
display: block;
}

/* #single */
#single {
display: block;
}

/* #contact */
#contact {
padding: 0 5% 10%;
}

}


@media screen and (max-width: 430px) {

/* common
------------------------------------------------------------ */
.ttl small {
font-size: 1.2rem;
}
.ttl strong {
font-size: 3rem;
}

.circle:before {
width: 42vw;
}

/* container
------------------------------------------------------------ */
/* #vidual-area */
#vidual-area .ttl small {
font-size: 1.3rem;
}
#vidual-area .ttl small br {
display: block;
}
#vidual-area .ttl strong {
font-size: 5rem;
}
	
/* #title-area */
#title-area figure.short {
padding-top: 47.6%;
}
#title-area .title-text {
top: 50%;
}
#title-area .title-text p {
display: none;
}

/* #corporate */
#corporate .corporate-text h3 {
font-size: 2rem;
letter-spacing: 0;
margin: .5em 0;
}
#corporate .corporate-text h3 br {
display: block;
}

/* #service */
#service h2 {
margin-bottom: 2rem;
padding: .5em 5%;
position: static;
}
#service .service-area section {
width: 90%;
margin: 0 auto 1rem;
padding: 0;
}
#service .service-area section img {
aspect-ratio: 4 / 3;
object-fit: cover;
}

/* #client */
#client h2 {
margin-bottom: 0;
}
#client ul li {
flex-basis: 50%;
}

/* #philosophy */
#philosophy h2 {
font-size: 3.6rem !important;
}
#philosophy h3 {
font-size: 1.2rem !important;
}
#philosophy h4 {
font-size: 1.1rem !important;
}
#philosophy .wp-block-column p.DINC {
font-size: 2.3rem !important;
}

/* #board-member */
#board-member .wp-block-group__inner-container > h2 {
margin-top: -12vw;
}
#board-member .c-row__col:has(.smb-media-text__contents-wrapper) {
--_item-width: 100%;
}
#board-member .c-row__col:has(.smb-media-text__figure) {
--_item-width: 100%;
}
#board-member .smb-media-text__title {
font-size: 3rem;
white-space: normal;
}
#board-member #members .smb-media-text__contents-wrapper {
padding-top: 0;
}
#board-member #members .smb-media-text__title {
position: static;
}

/* #ourview */
#ourview .wp-block-table table th {
min-width: 8em;
padding: 1em;
}

/* .case */
.case .wp-block-snow-monkey-blocks-box:first-of-type {
margin-top: 3rem;
}
.case .wp-block-snow-monkey-blocks-box {
padding: 3rem 1rem !important;
--smb-box--border-radius: 10px !important;
}
.case .smb-box__body h2 {
font-size: 3rem !important;
margin: -4.5rem 0 2rem;
}

/* #hamonz-for-teams */
#hamonz-for-teams .wp-block-group__inner-container > p.DINC {
font-size: 3rem;
top: -1.5rem;
}
#hamonz-for-teams .smb-container__body > p {
font-size: 1.4rem !important;
line-height: 1.3;
}
#hamonz-for-teams .smb-container__body > p br {
display: none;
}
#hamonz-for-teams .smb-container__body > h2 {
font-size: 2.1rem !important;
line-height: 1.3;
margin-top: 1rem;
}
#hamonz-for-teams .wp-block-snow-monkey-blocks-box figure {
width: 100px;
}

/* .task */
.task > .smb-container__body > .wp-block-snow-monkey-blocks-box {
margin-top: -1rem;
}
.task .wp-block-snow-monkey-blocks-box {
padding: 3rem 1rem !important;
--smb-box--border-radius: 10px !important;
}
.task h2 {
font-size: 1.5rem !important;
margin-bottom: 1rem;
}
.task .smb-box__body p {
font-size: 1rem !important;
}

/* .total-support */
.total-support > .smb-container__body > p {
font-size: 1.6rem !important;
}
.total-support h2.DINC {
font-size: 4rem !important;
margin-bottom: -1.5rem;
}
.total-support .wp-block-snow-monkey-blocks-box {
padding: 3rem 1rem 1rem !important;
--smb-box--border-radius: 10px !important;
}

/* #content */
#content .special {
max-width: 90%;
margin: 0 auto;
}

/* .co-create-sports */
.co-create-sports > .smb-container__body > .wp-block-snow-monkey-blocks-box {
margin-top: -1rem;
}
.co-create-sports #free {
width: 70px;
}
.co-create-sports .wp-block-snow-monkey-blocks-box {
--smb-box--border-radius: 10px !important;
}
.co-create-sports h2 {
font-size: 1.6rem !important;
margin-bottom: 1rem;
}
.co-create-sports h2 + p {
font-size: 1rem !important;
text-align: left;
}
.co-create-sports h2 + p br {
display: none;
}
.co-create-sports #worry .wp-block-image {
max-width: 50%;
margin: 0 auto;
}
.co-create-sports h3 {
font-size: 1.6rem !important;
line-height: 1.3;
text-align: left;
}
.co-create-sports h4 {
font-size: 1.5rem !important;
line-height: 1.3;
}

/* .co-create-sports_case */
.co-create-sports_case .ttl strong {
font-size: 3.7rem;
}
.co-create-sports_case .ttl small {
font-size: 1.4rem;
}
.co-create-sports_case .wp-block-snow-monkey-blocks-box {
padding: 20px 10px 30px !important;
}
.co-create-sports_case .smb-box__background {
border-radius: 10px;
}
.co-create-sports_case .wp-block-snow-monkey-blocks-box h4 {
text-align: center;
}

/* #single */
#single #main > h2 {
font-size: 1.6rem;
}
#single #post {
padding: 10px;
}

/* #contact */
#contact h2 {
padding: 1em 1em .5em;
}
#contact form {
padding: 1rem;
}

/* #footer */
#footer {
padding: 5%;
}
#footer .footer-logo img {
width: 140px;
}
#footer address br {
display: block;
}
#footer .footer-link ul {
justify-content: center;
}

}