/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


#top_img1 {
position: absolute;
left: -190%;
top:0;
transform: translateX(60%);
border-radius: 20px;
overflow: hidden;
}
#top_img2 {
position: absolute;
right: -75%;
top:0;
transform: translateX(40%);
border-radius: 20px;
overflow: hidden;
}
footer {
padding:250px 0;
background:url(http://hiranokenchiku.brachio.jp/wp-content/uploads/2025/01/hirano-1-scaled.jpg);
}
.bnr_on img {
transition: 0.3s ease-in-out;
filter: brightness(0.3;
}
.bnr_on img:hover {
filter: brightness(1.5);
}
#box_topics u li a {
color:#FFF!important;
font-weight:bold;
}
#box_topics time {
color:#FC0;
}
#result_box img {
-webkit-border-radius: 20px;q
-moz-border-radius: 20px;
border-radius: 20px;
}
#breadcrumb .-body-solid .p-breadcrumb.-bg-on {
box-shadow: inset 0 -1px 8px rgba(0,0,0,.06);
}
#breadcrumb .p-breadcrumb.-bg-on {
background: #f7f7f7;
}
/*
.comp_box figure {
max-width: 1100px;
width: 100%;
}
#reason01 {
max-width: 800px;
width: 100%;
background:#FFF;
padding:50px;
flex-shrink: 0;
position: relative;
z-index: 1;
background-color: #fff;
margin-top: -9.7916666667vw;
}*/

h2.comp_tit {
font-size:45px;
color:#9ec669!important;
margin-bottom:2em;
line-height:0.8;
}
h2.comp_tit em {
font-size:20px;
color:#CCC;
font-style:normal;
}
section.comp_box .wp-block-group__inner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
figure.image-box {
    flex: 1;
    position: relative;
    z-index: 1;
}

figure.image-box img {
    width: 100%;
    height: auto;
    display: block;
}

.text-box {
    flex: 1;
    background: white;
    padding: 40px;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.text-box h2 {
    color: #007bff;
    font-size: 24px;
    margin-bottom: 10px;
}

.text-box p {
    font-size: 16px;
    line-height: 1.6;
}

/* 画像とテキストを重ねる */
.text-box {
    margin-left: -100px; /* 重なりの調整 */
}