@charset "utf-8";

/*-------ヘッダーナビゲーション---------*/
.he_top{
    background-image: url(./image/back05.jpg);
    width: 100vw;
    height: 50vh;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.top-color{
   font-size: 2.2rem;
}
.conA{
   position: absolute;
   padding-top: 0;    
   margin: 0 auto;
   top: 30%;
   left: 50%;
   /* transform: translateY(-50%) translateX(-50%);
   -webkit- transform: translateY(-50%) translateX(-50%); */
   color: rgba(255,255,255,1);
   text-shadow:2px 2px 2px rgb(27, 24, 24);
   font-size: 1.2rem;
}
/*------------プロフィール部分----------------*/
/* main section{
    background-image: url(image/back01-1.png) , url(image/back02.png);
    background-repeat: no-repeat , no-repeat;
    background-position: left 15% top 15% , right 13% bottom 8%;
    background-size: 35% , 10%;
} */
.sp{
    display: none;
}
.blog-area01{
    padding: 8rem 0;
}
.blog-area{
    width: 80vw;
    max-width: 1000px;
    margin: 5rem auto;
}
h3{
    background-color:rgba(231,185,189,1);
    padding: 0.6rem 1.5rem 0.5rem 1.5rem;
    margin-bottom: 3rem;
    color: #fff;
    font-size: 1.3rem;
}
.blog-area h4 {
    position: relative;
    padding: 0 0 0 28px;
    font-size: 1.2rem;
    margin: 1rem 0 0.5rem 0;    
}
.blog-cap{
    padding: 1rem;
}
.bloggrid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 2%;
    padding: 2rem;
    place-items: center;
}
.blog03{
    width: 100%;
}
.blog04{
    width: 72%;
}