@charset "utf-8";
/* CSS Document */

.project .Page h4 { font-size: 2.8rem; position: relative; margin: 6rem 0 3rem; padding-left: 3rem;}
.project .Page h4::before { position: absolute; content: ''; width: 20px; height: 2px; background: #319a4b; left: 0; top: 50%;} 
.project .Page h5 { color: #319a4b; font-family: "Marcellus", serif; font-size: 2.0rem; font-weight: 500; letter-spacing: 0.5rem; margin: 0 0 2rem;}
.project .wp-block-group { width: 99vw; margin-left: calc(-50vw + 50%); padding: 0 0 0 7%;}
.project .wp-block-group__inner-container { display: flex; align-items: center; position: relative;}
.project .wp-block-group__inner-container .wp-block-group { background: #fff; padding: 4rem 4rem 6rem 6rem; width: 95%; margin: 0;}
.project .wp-block-group__inner-container .wp-block-group__inner-container { display: block; /*width: 70%;*/ width: 100%;}
.project .wp-block-group__inner-container .wp-block-group__inner-container p { line-height: 2.4;}
.project .wp-block-group__inner-container .wp-block-group__inner-container p strong { background: linear-gradient(transparent 60%, #98CCA5 60%);}
.project .wp-block-group .wp-block-columns { display: flex; flex-wrap: wrap!important; gap: 20px; justify-content: center; width: 95%; margin: 0 auto 20px;}
.project .wp-block-group .wp-block-column { flex-basis: auto!important; flex-grow: 0!important;}
.project .wp-block-group .wp-block-column .wp-block-image { height: 200px; width: auto;}
.project .wp-block-group .wp-block-column .wp-block-image img {  width: auto; height: 100%;}

.project .projectBox .wp-block-group__inner-container  { display: block; padding: 4em; background: #fff; width: 95%;}
.project .wp-block-group__inner-container a { border-bottom: solid 1px #999; padding-bottom: 1.4rem; margin-bottom: 3rem; width: 100%; display: block; position: relative;}
.project .wp-block-group__inner-container a:after { content: ''; width: 8px; height: 8px; background: #319a4b; border-radius: 50%; position: absolute; right: 5px; top: 25%;}
.project .wp-block-group__inner-container a:hover { /*background: url(assets/images/arrow.svg) no-repeat right center; style.cssに移すときこっちを使う*/ background: url(../images/arrow.svg) no-repeat right center; color: #319a4b;}
.project .wp-block-group__inner-container a:hover:after { content: none;}

@media only screen and (max-width: 766px) {
    .project .wp-block-group { width: 90%; margin: 0 auto; padding: 0;}
    .project .wp-block-group__inner-container { flex-wrap: wrap;}
    .project .wp-block-group__inner-container .wp-block-group { padding: 2rem; width: 100%; order: 2;}
    .project .wp-block-group__inner-container .wp-block-group__inner-container { width: 100%;}
    .project .wp-block-group__inner-container .wp-block-group__inner-container p { margin-bottom: 3rem; line-height: 1.8;}
    .project .wp-block-group__inner-container .wp-block-group__inner-container .wp-block-columns p { margin-bottom: 1rem;}
    .project .wp-block-group__inner-container a { margin-bottom: 1rem; padding-right: 2em;}
    .project .wp-block-group .wp-block-columns { order: 1; width: 100%; position: static; transform: none; background: #fff; justify-content: center; gap: 5px;}
    .project .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: auto!important;}
    .project .wp-block-group .wp-block-column { width: auto;}
    .project .wp-block-group .wp-block-column .wp-block-image { height: 80px;}
    .project .projectBox .wp-block-group__inner-container  { width: 100%; padding: 2em;}
}



.parent-pageid-159 .Page h4 { font-size: 2.8rem; position: relative; margin: 3rem 0 3rem; padding-left: 3rem;}
.parent-pageid-159 .Page h4::before { position: absolute; content: ''; width: 20px; height: 2px; background: #319a4b; left: 0; top: 50%;}
.parent-pageid-159 .Page h5 { color: #319a4b; font-family: "Marcellus", serif; font-size: 2.0rem; font-weight: 500; width: 20%;}
.parent-pageid-159 .Page h4 + p { font-size: 2.0rem; color: #319a4b; padding-left: 3rem;}
/*.parent-pageid-159 .Page .wp-block-group p { width: 55%;}*/
/*.parent-pageid-159 .wp-block-group { width: 99vw; margin-left: calc(-50vw + 50%); position: relative;}*/
.parent-pageid-159 .wp-block-group .wp-block-group { width: 75%;}
.parent-pageid-159 .wp-block-group .wp-block-group .wp-block-group__inner-container:nth-of-type(1) { width: 100%; margin: 0; padding: 0; display: block;}
.parent-pageid-159 .wp-block-group__inner-container:nth-of-type(1) { width: 95%; background: #fff; margin: 4rem 0 4rem 5%; padding: 4rem; display: flex; align-items: center;}
.parent-pageid-159 .wp-block-group__inner-container .is-layout-flex { width: 100%; margin-top: 20px;}
.parent-pageid-159 .wp-block-group__inner-container a { border-bottom: solid 1px #999; padding-bottom: 1.4rem; margin-bottom: 3rem; width: 100%; display: block; position: relative;}
.parent-pageid-159 .wp-block-group__inner-container a:after { content: ''; width: 8px; height: 8px; background: #319a4b; border-radius: 50%; position: absolute; right: 5px; top: 25%;}
.parent-pageid-159 .wp-block-group__inner-container a:hover { /*background: url(assets/images/arrow.svg) no-repeat right center; style.cssに移すときこっちを使う*/ background: url(../images/arrow.svg) no-repeat right center; color: #319a4b;}
.parent-pageid-159 .wp-block-group__inner-container a:hover:after { content: none;}
.parent-pageid-159 .Page .connectionBox .wp-block-group__inner-container:nth-of-type(1) { width: 100%; margin: 0; padding: 0; display: block;}
.parent-pageid-159 .wp-block-group .is-layout-constrained .wp-block-image { max-width: 40%;}
@media only screen and (max-width: 766px) {
    .parent-pageid-159 .Page h5 { width: 100%; margin-bottom: 10px;}
    .parent-pageid-159 .wp-block-group .wp-block-group { width: 100%;}

    .parent-pageid-159 .wp-block-group__inner-container:nth-of-type(1) { display: block; padding: 2em; margin: 4rem 2rem; width: 93%;}
    .parent-pageid-159 .wp-block-group__inner-container .is-layout-flex { flex-wrap: wrap;}
    .parent-pageid-159 .wp-block-group .is-layout-constrained .wp-block-image { max-width: 100%;}
    .parent-pageid-159 .wp-block-group__inner-container a { padding-right: 2em;}
}

.kamiyama .wp-block-group .is-layout-constrained .wp-block-image { width: 49%; max-width: 46%; text-align: center; margin: 0 auto;}
.kamiyama .wp-block-group .is-layout-constrained .wp-block-image + .wp-block-group { width: 49%;}