@charset "UTF-8";

/*===============================================
SP
===============================================*/
@media screen and (max-width: 850px){	

	
.pc{display:none !important;}

	div.top05 ul li dl{
		margin-left:auto;
		border-radius:20px 0 0 20px;
	}
	div.top05 ul li.reverse dl{
    border-radius: 0 20px 20px 0;
    left: 0 !important;
}

div.bg {
}
header {
}
header a {
}
header a h1 {
}
header a h1 img {width: 59%;}
header div.menu {
}
header div.menu ul.mplus1 {
}
header div.menu ul.mplus1 li {
}
header div.menu ul.mplus1 li a {
}
header div.menu ul.mplus1 li ul.submenu {
}
header div.menu ul.mplus1 li ul.submenu li {
}
header div.menu ul.mplus1 li ul.submenu li a {
}

/*============================
#hamburger
============================*/
header div#hamburger.hamburger {
}
header div#hamburger.hamburger span {
}

/*============================
#drawerMenu
============================*/
header div#drawerMenu.drawer-menu {
}
header div#drawerMenu.drawer-menu ul {
}
header div#drawerMenu.drawer-menu ul li {
}
header div#drawerMenu.drawer-menu ul li a {
}
header div#drawerMenu.drawer-menu ul li ul {
}
header div#drawerMenu.drawer-menu ul li ul li {
}
header div#drawerMenu.drawer-menu ul li ul li a {
}
div.top01 {display: block;padding: 2em 0;}
div.top01 div.text {width: auto;max-width: unset;margin: 0;}
div.top01 div.text h2.zenmaru.hero-catch {padding: 0 10%;font-size: var(--fs-9);}
div.top01 div.text span.mplus1 {padding: 0 10%;}
div.top01 div.text p {padding: 0 10%;}

/*============================
#walker
============================*/
div.top01 img#walker {width: 100%;margin: 2em 0 0 0;}
img {
}
div.top02 {display: block;padding: 0;}
div.top02 h2.lined-title {display: none;}
h2.lined-title .crimson-line::before{
    width: 0.5em;
}
div.top02 h2.lined-title span.crimson-line {padding-left: 1em;}
div.top02 h2.lined-title span.subtitle {
}
div.top02 div.top02_01 {
}
div.top02 div.top02_01 h3 {font-size: var(--fs-8);}
div.top02 div.top02_01 p {
}
div.top02 div.top02_01 a {
}
div.top02 div.top02_01 a i.fa-solid.fa-circle-arrow-right {
}
div.top02 img.top02_img {width: 90%;}
div.top03 {padding-bottom: 1em;}
div.top03 h3 {padding: 2em 0 0 0;font-size: var(--fs-9);}
div.top03 p {
}
div.top03 ul {display: block;}
div.top03 ul li {width: auto;padding: 2em 2em 1em 2em;margin: 0 0 2em 0;}
div.top03 ul li span.mplus1 {width: 114px;height: 69px;background-size: 100%;}
div.top03 ul li span.mplus1 b {
}
div.top03 ul li img {
}
div.top03 ul li h4 {
}
div.top03 ul li p {
}
div.top04 {
}
div.top04 h2.lined-title {
}
div.top04 h2.lined-title span.crimson-line {font-size: var(--fs-12);padding: 0 0 0 1em;}
div.top04 h2.lined-title span.subtitle {padding: 0 0 0 3em;margin: 0;}
div.top04 a.blog_link {background: var(--blue);border-radius: 300px;color: #fff;float: unset;padding: 0.5em 2em;font-size: var(--fs-3);margin: 1em 0 0 3em;}
div.top04 ul {display: block;margin: 2em 2em 0 2em;}
div.top04 ul li {width: 100%;padding: 0 0 1em 0;}
div.top04 ul li img {
}
div.top04 ul li p.date.mplus1 {
}
div.top04 ul li h3.mplus1 {
}
div.top05 {
    padding: 5em 0 0 0;
}
div.top05 img.sakura {
    right: 0;
}
div.top05 h2.crimson {
}
div.top05 p.h2_sub {
}
div.top05 ul {margin: 0 auto;width: 100%;}
div.top05 ul li {display: block;}
div.top05 ul li dl {position: relative;width: 90%;padding: 3em;left: 0;}
div.top05 ul li dl dt {width: 100%;}
div.top05 ul li dl dt h3.mplus1 {
}
div.top05 ul li dl dt h3.mplus1 span {
}
div.top05 ul li dl dt h4 {line-height: 1.5;}
div.top05 ul li dl dt p {
}
div.top05 ul li dl dd {width: 0;display: none;}
div.top05 ul li dl dd img {
}
div.top05 ul li img.image {width: 100%;border-radius: 0;}
div.top05 ul li.reverse {margin: 1em 0 0 0;}
div.top05 ul li.reverse dl {left: -3em !important;top: 27px;}
div.top05 ul li.reverse dl dt {
}
div.top05 ul li.reverse dl dt h3.mplus1 {
}
div.top05 ul li.reverse dl dt h3.mplus1 span {
}
div.top05 ul li.reverse dl dt h4 {
}
div.top05 ul li.reverse dl dt p {
}
div.top05 ul li.reverse dl dd {
}
div.top05 ul li.reverse dl dd img {
}
div.top05 ul li.reverse img.image {
}
div.top05 div {width: 100%;padding: 0;text-align: center;}
div.top05 div a.tsuyomi_link {width: 90%;margin: 2em auto;}
div.top05 div a.tsuyomi_link i.fa-solid.fa-arrow-right {
}
footer {padding: 3em 0 0.5em 0;}
footer div.wrap {display: block;}
footer div.wrap div.f01 {text-align: center;}
footer div.wrap div.f01 img {width: 50vw;display: block;margin: 0 auto;}
footer div.wrap div.f01 p {
}
footer div.wrap div.f01 h3 {
}
footer div.wrap div.f02 {margin: 0;text-align: center;}
footer div.wrap div.f02 h4.mplus1 {display: none;}
footer div.wrap div.f02 a.tel.heebo {
}
footer div.wrap div.f02 p {
}
footer div.wrap div.f02 a.contact {
}
footer div.wrap div.f02 a.contact i.fa-solid.fa-angles-right {
}
footer p.copy {text-align: center;margin: 1em 0;}

/*============================
#drawerMenu
============================*/
div#drawerMenu.drawer-menu {
}
div#drawerMenu.drawer-menu a {display: block;width: 80%;}
div#drawerMenu.drawer-menu a img.logo {
}
div#drawerMenu.drawer-menu ul {
}
div#drawerMenu.drawer-menu ul li {
}
div#drawerMenu.drawer-menu ul li a {
}
div#drawerMenu.drawer-menu ul li ul {
}
div#drawerMenu.drawer-menu ul li ul li {
}
div#drawerMenu.drawer-menu ul li ul li a {
}
div.second {
}
div.second div.h2 {display: block;}
div.second div.h2 h2 {
}
div.second div.h2 span.montserrat {
}
div.second img {
}
section {
}
section div.office01 {
}
section div.office01 h2.lined-title.fadein {
}
section div.office01 h2.lined-title.fadein span.crimson-line {
}
section div.office01 h2.lined-title.fadein span.subtitle {
}
section div.office01 div.intro {width: 85%;}
section div.office01 div.intro h3.fadein {
}
section div.office01 div.intro p.fadein {width: 100%;}
section div.office01 ul {display: block;width: 85%;}
section div.office01 ul li.fadein {width: 100%;}
section div.office01 ul li.fadein img {
}
section div.office01 ul li.fadein span.heebo {
}
section div.office01 ul li.fadein h4 {
}
section div.office01 ul li.fadein p {
}
section div.office01 ul li.fadein.delay-time02 {
}
section div.office01 ul li.fadein.delay-time02 img {
}
section div.office01 ul li.fadein.delay-time02 span.heebo {
}
section div.office01 ul li.fadein.delay-time02 h4 {
}
section div.office01 ul li.fadein.delay-time02 p {
}
section div.office01 ul li.fadein.delay-time03 {
}
section div.office01 ul li.fadein.delay-time03 img {
}
section div.office01 ul li.fadein.delay-time03 span.heebo {
}
section div.office01 ul li.fadein.delay-time03 h4 {
}
section div.office01 ul li.fadein.delay-time03 p {
}
section div.office02 {
}
section div.office02 h2.lined-title.fadein {
}
section div.office02 h2.lined-title.fadein span.crimson-line {
}
section div.office02 h2.lined-title.fadein span.subtitle {
}
section div.office02 ul {display: block;}
section div.office02 ul li.fadein {width: 100%;margin: 0 0 1em 0;}
section div.office02 ul li.fadein img {
}
section div.office02 ul li.fadein.delay-time02 {
}
section div.office02 ul li.fadein.delay-time02 img {
}
section div.office02 ul li.fadein.delay-time03 {
}
section div.office02 ul li.fadein.delay-time03 img {
}
section div.office03 {padding: 0;}
section div.office03 h2.lined-title.fadein {
}
section div.office03 h2.lined-title.fadein span.crimson-line {
}
section div.office03 h2.lined-title.fadein span.subtitle {
}
section div.office03 div.gallery {display: block;}
section div.office03 div.gallery div.main-image {width: 100%;}

/*============================
#mainImg
============================*/
section div.office03 div.gallery div.main-image img#mainImg {
}

/*============================
#progressBar
============================*/
section div.office03 div.gallery div.main-image div#progressBar.progress-bar {
}
section div.office03 div.gallery div.thumbs {width: 100%;margin: 1em 0;}
section div.office03 div.gallery div.thumbs img.thumb.active {
}
section div.office03 div.gallery div.thumbs img.thumb {
}
section div.office04 {
}
section div.office04 h2.lined-title.fadein {
}
section div.office04 h2.lined-title.fadein span.crimson-line {
}
section div.office04 h2.lined-title.fadein span.subtitle {
}
section div.office04 ul {flex-wrap: wrap;width: 85%;gap: 1em;}
section div.office04 ul li.fadein {width: 45%;gap: unset;}
section div.office04 ul li.fadein img {
}
section div.office04 ul li.fadein span {
}
section div.office04 ul li.fadein p {
}
section div.office04 ul li.fadein.delay-time02 {
}
section div.office04 ul li.fadein.delay-time02 img {
}
section div.office04 ul li.fadein.delay-time02 span {
}
section div.office04 ul li.fadein.delay-time02 p {
}
section div.office04 ul li.fadein.delay-time03 {
}
section div.office04 ul li.fadein.delay-time03 img {
}
section div.office04 ul li.fadein.delay-time03 span {
}
section div.office04 ul li.fadein.delay-time03 p {
}
section div.office04 ul li.fadein.delay-time04 {
}
section div.office04 ul li.fadein.delay-time04 img {
}
section div.office04 ul li.fadein.delay-time04 span {
}
section div.office04 ul li.fadein.delay-time04 p {
}
section div.office05 {
}
section div.office05 h2.lined-title.fadein {
}
section div.office05 h2.lined-title.fadein span.crimson-line {
}
section div.office05 h2.lined-title.fadein span.subtitle {
}
section div.office05 div.wrap {
}
section div.office05 div.wrap dl {width: 85%;display: block;}
section div.office05 div.wrap dl dt.fadein {width: 100%;}
section div.office05 div.wrap dl dt.fadein iframe {width: 100%;height: 259px;}
section div.office05 div.wrap dl dd.fadein.delay-time02 {
}
section div.office05 div.wrap dl dd.fadein.delay-time02 p.add {
}
section div.office05 div.wrap dl dd.fadein.delay-time02 a {
}
section div.office05 div.wrap dl dd.fadein.delay-time02 p.time {
}
section div.office05 div.wrap dl dd.fadein.delay-time02 ul {
}
section div.office05 div.wrap dl dd.fadein.delay-time02 ul li {
}
section div.office05 div.wrap dl dd.fadein.delay-time02 p.memo {
}
 h2.lined-title .subtitle {padding: 0 0 0 3em;}
h2.lined-title .crimson-line{
    font-size: var(--fs-11);
    padding: 0 0 0 1em;
}
div.Company01 {flex-direction: column;}
div.Company01 div.Company01-left {
}
div.Company01 div.Company01-left h2.lined-title.fadein {
}
div.Company01 div.Company01-left h2.lined-title.fadein span.crimson-line {
}
div.Company01 div.Company01-left h2.lined-title.fadein span.subtitle {
}
div.Company01 div.Company01-right {width: 85%;margin: 0 auto;}
div.Company01 div.Company01-right div.row {flex-direction: column;}
div.Company01 div.Company01-right div.row div.cell.th {width: auto;padding: 1em 1em 0.5em 1em;}
div.Company01 div.Company01-right div.row div.cell.td {width: auto;padding: 0 1em 1em 1em;}
div.Company02 {flex-direction: column;}
div.Company02 h2.lined-title.fadein {
}
div.Company02 h2.lined-title.fadein span.crimson-line {
}
div.Company02 h2.lined-title.fadein span.subtitle {
}
div.Company02 div.inner {margin: 3em auto;width: 85%;}
div.Company02 div.inner div.message {
}
div.Company02 div.inner div.message img {height: 56vw;width: 50%;}
div.Company02 div.inner div.message h3.mnc {
}
div.Company02 div.inner div.message p {
}
div.Company02 div.inner div.message p.name.mnc {margin: 1em;}

div.about01 {
}
div.about01 dl {flex-direction: column;gap: 0;padding: 0;}
div.about01 dl dt {order: 2;width: auto;width: 85%;margin: 0 auto;}
div.about01 dl dt h3.mnc {
    font-size: var(--fs-9);
}
div.about01 dl dt p {
}
div.about01 dl dt h4.mnc {
}
div.about01 dl dd {width: auto;}
div.about01 dl dd img {
    padding: 0 0 0 20%;
}
div.about01 img.sakura {
}
div.about02 {flex-direction: column;padding: 0;gap: 0;justify-content: start;}
div.about02 h2.lined-title.fadein {
}
div.about02 h2.lined-title.fadein span.crimson-line {
}
div.about02 h2.lined-title.fadein span.subtitle {
}
div.about02 div.flow {width: 90%;margin: 5em auto;}
div.about02 div.flow div.blue {padding: 2em;}
div.about02 div.flow div.blue h3.zenmaru {
}
div.about02 div.flow div.blue p {
}
div.about02 div.flow div.blue img.ill01 {width: 30vw;top: -7em;}
div.about02 div.flow i.fa-solid.fa-angle-down {
}
div.about02 div.flow div.blue img.ill02 {width: 31vw;top: -5em;}
div.about02 div.flow div.blue img.ill03 {width: 33vw;top: -5em;}
div.about02 div.flow div.blue img.ill04 {width: 50%;top: -6em;}
div.strength01 {
}
div.strength01 dl {flex-direction: column;}
div.strength01 dl dt {padding: 0 !important;width: 85%;margin: 0 auto;z-index: 2;}

div.strength01 dl dt br{ display:none;}
div.strength01 dl dt h3 {
}
div.strength01 dt {
}
div.strength01 dd{
    width: 85% !important;
    margin: -3em 0 0 0;
    z-index: 1;
}
div.strength01 dd img {
}
div.strength01 div.inner {display: block !important;margin: 3em 0 !important;}
div.strength01 div.inner h2.lined-title.fadein {
}
div.strength01 div.inner h2.lined-title.fadein span.crimson-line {
}
div.strength01 div.inner h2.lined-title.fadein span.subtitle {
}
section div.strength01 div.inner div {width: 100%;margin: 2em auto;}
div.strength01 div.inner div img.pc {
}
section div.strength01 div.inner div img.sp {display: block;
}
section div.strength01 div.inner div h3.zenmaru {width: 85%;margin: 2em auto 0 auto;}
div.strength01 div.inner div p {width: 85%;margin: 1em auto;}
div.strength02 {flex-direction: column;gap: 2em;}
div.strength02 h2.lined-title.fadein {
}
div.strength02 h2.lined-title.fadein span.crimson-line {
}
div.strength02 h2.lined-title.fadein span.subtitle {
}
section div.voice {width: 90%;margin: 0 auto;}
section div.voice dl {flex-direction: column-reverse;gap: 0;padding: 2em;}
div.voice dl dt {
}
div.voice dl dt h3.zenmaru {
}
div.voice dl dt p {margin: 0.5em 0  !important;}
div.voice dl dt span {display: block;text-align: right;color: gray;}
section div.voice dl dd {width: auto;text-align: center;}
div.voice dl dd img {display: block;margin: 0 auto;width: 44%;}

    /* blog_wrap → 縦並び */
    .blog_wrap {
        flex-direction: column;
        gap: 2em;
    }


    /* pager中央寄せ維持・余白 */
    .blog_wrap .pager {
        flex-wrap: wrap;
        gap: 0.4em;
        margin: 1.5em 0;
    }

    .blog_wrap .pager a {
        padding: 0.4em 0.8em;
        font-size: 0.85em;
    }

    /* subは100%幅 */
    .blog_wrap > .sub {
        width: 100%;
    }

    /* サブ内各box余白調整 */
    .blog_wrap .sub01 {
        padding: 1em;
    }

    /* サブ内の最新記事リスト → 画像小さめ */
    .blog_wrap .sub01 ul li dl dt img {
        width: 50px;
        height: 50px;
    }

    /* サブ内のタグなどのli → 間隔調整 */
    .blog_wrap .sub01 ul li {
        margin-bottom: 0.4em;
    }

    /* main内のli → 1列に */
    .blog_wrap > .main ul li {
        width: 100%;
    }

    /* pagerさらに詰める */
    .blog_wrap .pager a {
        padding: 0.3em 0.6em;
        font-size: 0.8em;
    }
    div.blog_wrap {
}
div.blog_wrap div.main {
}
div.blog_wrap div.main ul {
}
div.blog_wrap div.main ul li {
}
div.blog_wrap div.main ul li a {
}
div.blog_wrap div.main ul li a span.tag.zenmaru {
}
div.blog_wrap div.main ul li a img {height: 48vw;}
div.blog_wrap div.main ul li a h3 {
}
div.blog_wrap div.main ul li a p.date.montserrat {
}
div.blog_wrap div.sub {
}
div.blog_wrap div.sub div.sub01 {
}
div.blog_wrap div.sub div.sub01 h3.zenmaru {
}
div.blog_wrap div.sub div.sub01 ul {
}
div.blog_wrap div.sub div.sub01 ul li {
}
div.blog_wrap div.sub div.sub01 ul li a {
}
div.blog_wrap div.sub div.sub01 ul li a dl {
}
div.blog_wrap div.sub div.sub01 ul li a dl dt {
}
div.blog_wrap div.sub div.sub01 ul li a dl dt img {
}
div.blog_wrap div.sub div.sub01 ul li a dl dd {
}
div.blog_wrap div.sub div.sub01 ul li a dl dd span.date {
}
div.blog_wrap div.sub div.sub01 ul li a dl dd h4 {
}
div.blog_wrap div.sub div.sub01.sub02 {
}
div.blog_wrap div.sub div.sub01.sub02 h3.zenmaru {
}
div.blog_wrap div.sub div.sub01.sub02 ul {
}
div.blog_wrap div.sub div.sub01.sub02 ul li {
}
div.blog_wrap div.sub div.sub01.sub02 ul li a {
}
div.blog_wrap div.sub div.sub01.sub02 ul li a i.fa-solid.fa-caret-right {
}
div.blog_wrap div.sub div.sub01.sub03 {
}
div.blog_wrap div.sub div.sub01.sub03 h3.zenmaru {
}
div.blog_wrap div.sub div.sub01.sub03 ul {
}
div.blog_wrap div.sub div.sub01.sub03 ul li {
}
div.blog_wrap div.sub div.sub01.sub03 ul li a {
}
div.blog_wrap div.sub div.sub01.sub04 {
}
div.blog_wrap div.sub div.sub01.sub04 h3.zenmaru {
}
div.blog_wrap div.sub div.sub01.sub04 div {
}
    .blog_wrap.blog_detail {
        flex-direction: column;
        gap: 2em;
    }

    .blog_wrap.blog_detail .pager_detail {
        flex-direction: column;
    }

    .blog_wrap.blog_detail .pager_detail li a {
        justify-content: center;
    }
    .blog_wrap.blog_detail .article img{
    max-width: 100%;
}


div.top_instagram {padding: 0 5%;}
div.top_instagram dl {flex-direction: column;}
div.top_instagram dl dt {border: none;text-align: center;width: 100%;padding: 0;}
div.top_instagram dl dt i.fa-brands.fa-instagram {
}
div.top_instagram dl dt h3 {
}
div.top_instagram dl dt a {
}
div.top_instagram dl dd {padding: 0;width: 100%;}

}