@charset "UTF-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*共通*/
img{
    max-width:100%;
    height:auto;
    width:100%;
}
body {
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    margin: 0;
    padding: 0;
    letter-spacing:0.1em;
    width:100%;
    overflow-x: hidden;
}
.enfont{
    font-family: "Montserrat", sans-serif;
}
.content-area{
    width:100%;
    overflow-x:hidden;
}
.site-main{
    width:100%;
}
.contents {
    margin: 0 auto;
    max-width: 1200px;
}
.contents-half {
    width:50%;
    padding-left:50%;
}
.flex {
    display: flex;
    flex-wrap:wrap;
}
.-aic{
    align-items:center;
}
.-aifs{
    align-items:flex-start;
}
.-jcl {
    justify-content: left;
}
.-jcfe {
    justify-content: flex-end;
}
.-jcsb{
    justify-content: space-between;
}
.-jcc{
    justify-content: center;
}
.-fdc{
    flex-direction:column;
}
.po-re{
    position:relative;
}
.f-white{
    color:#fff;
}
.sp{
    display:none;
}
@media (max-width: 768px){
    .contents{
        max-width:91%;
    }
    .pc{
        display:none;
    }
    .sp{
        display:block;
    }
}
/*MV*/
.header {
    padding: 130px 0 20px;
    position:relative;
    background-size:cover;
    margin-bottom:40px;
}
.header-bar{
    position:absolute;
    width:100%;
    height:44px;
    top:0;
    left:0;
}
.header-bar02{
    position:absolute;
    width:100%;
    height:56px;
    top:44px;
    left:0;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
}
.heaer-toptext{
    position:absolute;
    top:-120px;
    left:0;
    transform: rotate(-2deg);
    color:#fff;
    font-size:18px;
    font-weight:bold;
}
.dotte{
    background-image: radial-gradient(circle at center, #fff 20%, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1.07em 0.3em; /* 点の間隔とサイズ調整 */
  padding-top: 0.3em; /* 縦方向の位置調整 */
  margin:0 5px;
}
.heaer-toptext .accent,
.heaer-toptext .dotte{
    font-size:24px;
    font-weight:bold;
}
.big-text{
    font-size:24px;
}
.mv-textwrap {
    margin-bottom: 40px;
}
.mv-textwrap__box {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.mv-textwrap__box .strong{
    font-size:48px;
    font-weight:900;
}
.mv-textwrap__bigtext {
    font-size: 36px;
    font-weight: bold;
}
.mv-textwrap__box:last-child{
    font-size:48px;
}
.mv-logo{
    width: 90%;
    height: auto;
    margin-bottom:40px;
}
.mv-textwrap__box{
    font-size:36px;
    font-weight:900;
    background:#fff;
    display:inline-block;
    margin:-2px;
    padding:0 5px;
    margin-right:150px;
}
.mv-textwrap__bigtext{
    font-size:42px;
    font-weight:900;
    padding-right:5px;
}
.mv-point{
    margin-bottom:30px;
}
.mv-point__circle {
    width:170px;
    height:170px;
    border-radius:50%;
    margin-right: 16px;
    position:relative;
}
.mv-point__circlein{
    width:160px;
    height:160px;
    border-radius:50%;
    position:absolute;
    top:5px;
    left:5px;
    display: table;
}
.mv-point__circletext{
    color:#fff;
    display: table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:32px;
    font-weight:bold;
    transform: rotate(-10deg);
}
.mv-point__smalltext {
    font-size: 14px;
}
.cta-btn {
    margin: 0px 12px;
    text-align: center;
    border-radius: 50px;
    border:1px solid #CCCCCC;
    box-shadow:0px 3px 10px rgba(0,0,0,0.16);
}
.cta-btn__text {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    display:block;
    padding: 24px 40px;
}
.cta-btn__text svg{
    margin-left:24px;
    width:34px;
}
.mv-cta{
    position:relative;
    top:0;
    z-index:2;
}
.header-foot{
    position:absolute;
    height:70px;
    width:100%;
    clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);
    bottom:-1px;
    left:0;
    z-index:1;
}
@media (max-width: 768px) {
    .header{
        background-repeat:no-repeat;
    }
    .heaer-toptext {
        font-size: 12px;
    }
    .heaer-toptext .accent,
    .heaer-toptext .dotte{
        font-size:16px;
    }
    .header-bar{
        height:50px;
    }
    .header-bar02{
        height:36px;
        top:49px;
    }
    .contents-half{
        width:100%;
        padding-top:160px;
        padding-left:0;
        position:relative;
        z-index:3;
    }
    .mv-textwrap{
        width:80%;
        margin:0 auto 20px;
    }
    .mv-textwrap__box{
        font-size:24px;
        margin-right:0;
    }
    .mv-textwrap__box .strong,
    .mv-textwrap__box:last-child{
        font-size:32px;
    }
    .mv-logo{
        width:70%;
        margin:0 auto 10px;
    }
    .mv-point{
        margin:0 auto 20px;
        width:100%;
        justify-content:center;
    }
    .mv-point__circle{
        width:29vw;
        height:29vw;
        margin-right:1.5vw;
    }
    .mv-point__circlein{
        width:27vw;
        height:27vw;
        top:1vw;
        left:1vw;
    }
    .mv-point__circle:last-child{
        margin-right:0;
    }
    .mv-point__circletext{
        font-size:20px;
    }
    .mv-cta{
        justify-content:center;
    }
    .cta-btn{
        margin:0;
    }
    .cta-btn:first-child{
        margin-bottom:6px;
    }
    .cta-btn__text{
        font-size:16px;
        padding:16px 32px;
    }
    .cta-btn__text svg{
        width:16px;
        margin-left:10px;
    }
    .header-foot{
        position:absolute;
        bottom:93vw;
    }
}
/* CTA */
.cta-white{
    background:#fff;
}
.cta-cta-btnwrap{
    padding:50px 0;
}
.cta-cta-btn {
    margin-bottom: 24px;
    text-align: center;
    border-radius: 50px;
    border:1px solid #CCCCCC;
    display:inline-block;
    box-shadow:0px 3px 10px rgba(0,0,0,0.16);
    display:inline-block;;
}
.center{
    text-align:center;
}
@media (max-width: 768px){
    .cta-cta-btnwrap{
        padding:40px 0;
    }
    .cta-white{
        padding:30px 0;
    }
}
/* タイトル箇所 */
.ttl-box{
    text-align:center;
}
.ttl-box_logo{
    width:30px;
    text-align:center;
    margin:2px auto;
}
.ttl-box_en{
    margin-bottom:10px;
    font-size:14px;
    font-weight:bold;
    text-transform: uppercase;
    letter-spacing:0.2em;
    line-height:1;
}
.ttl-box_ttl{
    margin:0 0 50px 0;
    font-size:40px;
    font-weight:bold;
    line-height:1.2;
}
@media (max-width: 768px){
    .ttl-box_logo{
        width:25px;
    }
    .ttl-box_en{
        font-size:12px;
    }
    .ttl-box_ttl{
        font-size:24px;
    }
    .ttl-box_ttl{
        margin-bottom:40px;
    }
}
/* ポイント */
.point-box{
    background:#fff;
    padding:11px;
    width:28%;
    margin-right:4%;
    position:relative;
    margin-bottom:60px;
}
.point-box:nth-child(3){
    margin-right:0;
}
.point-box:nth-child(4){
    margin-right:2%;
}
.point-box:nth-child(5){
    margin-left:2%;
    margin-right:0;
}
.point-box__text{
    position:absolute;
    color:#fff;
    font-size:24px;
    bottom: -30px;
    right:-28px;
    padding:5px 10px;
    font-weight:bold;
    transform: rotate(-10deg);
}
@media (max-width: 768px){
    .point-box{
        width:100%;
        margin:0 0 36px;
        padding:7px;
    }
    .point-box__text{
        right:0;
        bottom:-20px;
        font-size:18px;
    }
}
/* 悩み */
.sankaku{
    width: 100%;
    height:130px;
    position:absolute;
    top:0;
}
.sankaku1 {
    width: 100%;
    height: 140px;
    position: absolute;
    top: -1px;
    z-index:40;
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
}
.sankaku2 {
    width: 100%;
    height: 90px;
    position: absolute;
    top: -1px;
    z-index:50;
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
}
.nayami{
    padding:200px 0 0;
}
.nayami-img{
    width:370px;
    margin:0 auto;
}
.nayami-text{
    position:absolute;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    width:40%;
    line-height:1.5;
}
.nayami-text .strong{
    font-size:20px;
}
.nayami-text.item01{
    top:150px;
    left:0;
}
.nayami-text.item02{
    top:170px;
    right:0;
}
.nayami-text.item03{
    bottom:100px;
    left:0;
}
.nayami-text.item04{
    bottom:140px;
    right:0;
}
@media (max-width: 768px){
    .nayami{
        padding:100px 0 0;
    }
    .sankaku{
        height:75px;
    }
    .sankaku1{
        height:70px;
        top:-1px;
    }
    .sankaku2{
        height:40px;
    }
    .nayami-img{
        position:absolute;
        bottom:0;
        left:calc(50% - 20%);
        width:40%;
    }
    .nayami-text{
        position:static;
        width:100%;
        margin-bottom:30px;
        font-size:15px;
    }
    .nayami-text .strong{
        font-size:18px;
    }
    .nayami-text.item04{
        padding-bottom:55vw;
        margin-bottom:0;
    }
}
/* service */
.service{
    padding:100px 0;
    background:#EDF1F5;
}
.service-fukdashi{
    position: relative;
    display: block;
    margin: 1.5em auto;
    padding: 7px 10px;
    min-width: 120px;
    width: 50%;
    font-size: 16px;
    background: #FFF;
    box-sizing: border-box;
    margin-bottom:70px;
}
.service-fukdashi:before{
    content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
.service-fukdashi:after{
    content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  z-index: 1;
}
.service-fukidashi_text{
    font-size:18px;
    font-weight:bold;
    text-align:center;
    line-height:1.5;
}
.service-fukidashi_text .strong{
    font-size:24px;
}
.service-inner{
    background:#fff;
    margin-bottom:70px;
    padding:70px 60px 40px;
}
.service-inner_ttl{
    font-size:14px;
    font-weight:bold;
    letter-spacing:0em;
    position:absolute;
    top:-65px;
    left:25px;
}
.service-inner_ttl .num{
    font-size:64px;
    position:relative;
    top:5px;
    left:10px;
}
.service-ba{
    width:100%;
}
.service-inner_img{
    background:#fff;
    padding:7px;
    width:20%;
    margin-right:1%;
    border:4px solid #808C9D;
}
.service-inner_img_figure{
    width:100%;
    display:block;
    margin:0;
}
.service-inner_text{
    font-size:15px;
    font-weight:bold;
    line-height:1.4;
    color:#808C9D;
}
.service-inner_text span.bikou{
    font-size:11px;
}
.service-ba_btext_wrap{
    width:20%;
    margin-right:1%;
}
.service-ba_arrow{
    width:3%;
    margin-right:1%;
}
.service-ba_atext_wrap{
    width:27%;
}
.service-inner_img_ttl{
    position:absolute;
    top:-25px;
    left:-35px;
    background:#808C9D;
    padding:2px 13px;
    font-size:18px;
    color:#fff;
    transform: rotate(-10deg);
}
.service-inner_img_ttl.after{
    font-size:20px;
    top:-35px;
}
@media (max-width: 768px){
    .service{
        padding:50px 0 20px;
    }
    .service-fukdashi{
        width:100%;
    }
    .service-fukidashi_text{
        font-size:14px;
    }
    .service-fukidashi_text .strong{
        font-size:18px;
    }
    .service-inner_ttl{
        width:100%;
        text-align:center;
        left:0;
        top:-35px;
    }
    .service-inner_ttl .num{
        font-size:30px;
    }
    .service-inner{
        padding:60px 20px 30px;
        margin-bottom:50px;
    }
    .service-inner_img_ttl{
        font-size:12px;
        top:-20px;
        left:-30px;
    }
    .service-inner_img,
    .service-ba_btext_wrap{
        width:45%;
        margin:0;
    }
    .service-ba_btext_wrap{
        margin-left:3%;
    }
    .service-ba_arrow{
        width:100%;
        text-align:center;
        margin:16px auto;
    }
    .service-ba_arrow svg{
        width:32px;
        transform: rotate(90deg);
    }
    .service-inner_img.after,
    .service-ba_atext_wrap{
        width:100%;
    }
    .service-inner_img_ttl.after{
        font-size:16px;
        top:-20px;
    }
    .service-inner_text{
        font-size:12px;
    }
    .service-inner_text.service-ba_atext{
        font-size:14px;
    }
}
/* flow */
.flow{
    padding:100px 0;
    margin-bottom:90px;
}
.flow-inner{
    position:relative;
}
.flow-inner_ttlbox{
    width:120px;
    height:120px;
    border-radius:50%;
    position:absolute;
    top:-60px;
    left:calc(50% - 60px);
    display:table;
}
.flow-inner_ttl{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:bold;
}
.flow-inner_ttl .strong{
    font-size:36px;
}
.flow-inner{
    width:22%;
    margin:0;
    margin-right:1%;
    padding:90px 1% 50px;
    background:#fff;
    display:table;
}
.flow-inner:last-child{
    width:23%;
    margin-right:0;
}
.flow-inner:last-child .flow-inner_text{
    color:#fff;
    font-size:18px;
    transform: rotate(-10deg);
    position:relative;
    top:-10px;
}
.flow-inner_text{
    font-size:16px;
    text-align:center;
    font-weight:bold;
    line-height:1.5;
    display:table-cell;
    vertical-align:middle;
}
.flow-inner_text .bikou{
    font-size:11px;
    line-height:1.4;
    text-align:left;
    display:block;
    font-weight:400;
    margin-top:20px;
}
.flow-inner_text .strong{
    font-size:24px;
}
.flow .ttl-box_ttl{
    margin-bottom:110px;
}
@media (max-width: 768px){
    .flow{
        padding:50px 0;
        margin-bottom:0;
    }
    .flow-inner,
    .flow-inner:last-child{
        width:100%;
        margin-bottom:45px;
        padding:60px 40px; 
        margin-right:0;
    }
    .flow-inner:last-child .flow-inner_text{
        top:-0;
    }
    .flow-inner_ttlbox{
        width:20vw;
        height:20vw;
        left:0;
        top:-10vw;   
    }
    .flow-inner_ttl{
        font-size:12px;
    }
    .flow-inner_ttl .strong{
        font-size:24px;
    }
    .flow-inner_text{
        font-size:14px;
        text-align:center;
    }
    .flow-inner_text .bikou{
        font-size:11px;
        margin-top:10px;
    }
}
/* 利用者の声 */
.voice{
    padding-bottom:350px;
}
.voice-wrap{
    padding:100px 0;
    background:#fff;
    position:relative;
    top:0;
    z-index:2;
}
.voice-inner{
    width:32%;
    margin-right:2%;
}
.voice-innner_box{
    padding:160px 80px 0;
}
.voice-inner:last-child{
    margin-right:0;
}
.voice-inner_icon{
    background:#F9F9F9;
    display:block;
    width:200px;
    height:200px;
    border-radius:50%;
    object-fit: cover;
    position:absolute;
    top:-100px;
    left:calc(50% - 100px);
}
.voice-inner_textbox{
    padding:130px 38px 50px;
}
.voice-inner_text{
    text-align:left;
    font-size:16px;
    line-height:1.5;
}
.voice-inner_status{
    width:80%;
    margin:0 auto 30px;
}
.voice-inner_info{
    font-size:14px;
}
.voice-inner_info .strong{
    font-weight:bold;
    font-size:17px;
    margin-right:2px;
}
.voice-bg{
    position:absolute;
    width:100%;
    height:50%;
    bottom:0px;
}
.cta02{
    position:relative;
    top:50%;
    z-index:9;
}
@media (max-width: 768px){
    .voice{
        padding-bottom:50vw;
    }
    .voice-wrap{
        padding:40px 0 0;
    }
    .voice-innner_box{
        padding:50px 20px 0;
    }
    .voice-inner{
        width:100%;
        margin:0 0 75px;
    }
    .voice-inner:last-child{
        margin-bottom:20px;
    }
    .voice-inner_icon{
        width:30vw;
        height:30vw;
        left:0;
        top:-15vw;
    }
    .voice-inner_text{
        font-size:14px;
    }
    .voice-inner_textbox{
        padding:65px 20px 15px;
    }
    .voice-inner_status{
        position:absolute;
        left:35vw;
        top:-10vw;
        width:50vw;
    }
    .cta-cta-btnwrap{
        padding:0;
    }
    .voice-inner_info{
        width:50%;
    }
    .cta02{
        top:76%;
    }
}

/* faq */
.faq{
    padding:100px 0;
}
.faq-inner{
    background:#fff;
    padding:32px 40px;
    margin-bottom:30px;
}
.faq-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    display:table;
    margin-right:10px;
}
.faq-q{
    margin-bottom:20px;
}
.faq-q_text{
    color:#fff;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:28px;
    font-weight:bold;
    line-height:1.5;
}
.faq-qttl{
    font-size:18px;
    line-height:1.5;
    font-weight:bold;
    width:calc(100% - 70px);
}
@media (max-width: 768px){
    .faq{
        padding:50px 0;
    }
    .faq-inner{
        padding:24px 20px;
    }
    .faq-inner:last-child{
        margin-bottom:0;
    }
    .faq-icon{
        width:9vw;
        height:9vw;
        margin-right:2vw;
    }
    .faq-q_text{
        font-size:18px;
    }
    .faq-qttl{
        font-size:14px;
        width:calc(100% - 11vw);
    }
}
/* フォーム */
.form{
    margin-bottom:100px;
}
.form-wrap{
    padding:100px 0 50px;
    background:#fff;
}
.form-box{
    margin:60px 10% 0; 
}
.form-box_text{
    text-align:center;
    line-height:1.5;
    margin-bottom:60px;
}
.form-box_ttl{
    width:38%;
    margin-right:5%;
    padding-top:13px;
}
.form-box_ttl,
.form-box_item{
    margin-bottom:40px;
}
.form-box_item{
    width:57%;
}
.form-box_ttl_text{
    font-size:16px;
    font-weight:bold;
}
.form-box_ttl_label{
    font-weight:bold;
    color:#E52B2B;
    margin-left:10px;
}
.form-box_item p span{
    display:block;
}
.form-box_item input,
.form-box_item select,
.form-box_item textarea,
.form-box_item select{
    width:100%;
    border:none;
    padding:13px 24px;
    line-height:1.5;
    font-size:16px;
}
::placeholder{
    color:#BEC4CC;
}
.form-box_btn{
    text-align:center;
}
.form-box_btn p{
    display:inline-block;
    position:relative;
}
.form-box_btn p:after{
    font-family: "Material Icons";
	content: "\eaaa";
    font-size:24px;
    color:#fff;
    position:absolute;
    right:20px;
    top:0.95em;
    z-index:22;
}
.form-box_btn input[type="submit"]{
    cursor:pointer;
    display:block;
    margin:0 auto;
    font-size:18px;
    color:#fff;
    border:none;
    background:none;
    padding:24px 72px 24px 40px;
    border-radius:50px;
    box-shadow:0px 3px 10px rgba(0,0,0,0.16);
}
.form-box_check{
    display:block;
    text-align:center;
}
.form-box_check a{
    font-size:15px;
}
.form-box_privacy{
    border:1px solid #707070;
    padding:25px;
    height:300px;
    overflow-y:scroll;
}
.form-box_privacy h2{
    font-size:16px;
    font-weight:bold;
    margin:10px 0 10px;
}
.form-box_privacy p{
    font-size:14px;
    line-height:1.3;
    margin:0 0 10px;
}
@media (max-width: 768px){
    .form-box_item input,
    .form-box_item select,
    .form-box_item textarea,
    .form-box_item select{
        width:calc(100% - 48px);
        padding:13px 24px;
        font-size:14px;
    }
    .form-box_ttl p,
    .form-box_item p{
        margin:0;
    }
}
/* footer */
.footer{
    padding:80px 0 126px;
}
.footer-logo{
    display:block;
    width:150px;
    /* margin:0 auto 80px; */
    margin:0 auto 40px;
}
.footer__list {
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 25px; */
    margin: 40px auto;
    padding-left: 45px;
}
.footer-link {
    display: block;
    margin: 0;
    margin-right: 25px;
    padding-right: 25px;
    border-right: 1px solid #fff;
    color:#fff;
    text-align:center;
    font-size:14px;
    text-decoration:none;
}
/* .footer-link:first-child {
    margin-right: 25px;
    padding-right: 25px;
    border-right: 1px solid #fff;
} */
.footer-link:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.copyright{
    color:#fff;
    text-align:center;
    font-size:10px;
}
@media (max-width: 768px){
    .form-wrap{
        padding:50px 0;
        max-width:100%;
        width:calc(100% - 8px);
    }
    .form-box{
        margin:40px 20px;
    }
    .form-box_text{
        font-size:14px;
        text-align:left;
    }
    .form-box_ttl,
    .form-box_item{
        width:100%;
    }
    .form-box_ttl{
        justify-content:space-between;
        margin:0 0 10px;
    }
    .form-box_ttl_text{
        font-size:14px;
    }
    .form-box_ttl_label{
        font-size:12px;
    }
    .footer__list {
        gap: 25px;
        flex-flow: row wrap;
        padding: 0;
    }
    .footer-link {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }
}
.fix_cta{
    position:fixed;
    width:100%;
    padding:0px 0;
    bottom:0;
    left:0;
    z-index:999;
}
.fix_cta .cta-cta-btnwrap{
    display:flex;
    justify-content:center;
    padding:10px 0;
}
.fix_cta .cta-cta-btnwrap .center{
    margin:0 10px;
}
.fix_cta .cta-cta-btnwrap .center .cta-btn__text{
    padding:10px 40px;
}
.fix_cta .cta-cta-btnwrap .center .cta-cta-btn{
    margin:0;
}
@media (max-width: 768px){
    .fix_cta .cta-cta-btnwrap{
        display:block;
        padding:10px 0;
    }
    .fix_cta .cta-cta-btnwrap .center .cta-cta-btn{
        margin-bottom:10px;
    }
    .fix_cta .cta-cta-btnwrap .center{
        margin:0;
    }
    .fix_cta .cta-cta-btnwrap .center:last-child .cta-cta-btn{
        margin-bottom:0;
    }
    .fix_cta .cta-cta-btnwrap .center .cta-btn__text{
        padding:15px 20px;
    }
}

/* プライバシーポリシー */
.privacy .wp-block-preformatted {
    text-align: left;
    line-height: 1.6;
    margin-bottom: 60px;
}

.privacy .wp-block-heading {
    margin-top: 60px;
    line-height: 1.6;
}

.privacy p {
    line-height: 1.6;
}

@media (max-width: 768px){

}

/* ヘッダー下層用 */
.header-second {
    
}

.header-inner {
    padding: 20px;
}

.header-logo {
    display: block;
    width: 10%;
    height: auto;
    margin: 0 auto;
}

@media (max-width: 768px){
    .header-logo {
        width: 60%;
    }
}

/* ブログ（一覧） */
.blog {
    padding-bottom: 100px;
}

.blog-area {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.blog-list {
    
}

.blog-item {
    list-style: none;
}

.blog-link {
    display: flex;
    align-items: baseline;
    gap: 40px;
    padding: 10px 0;
    border-bottom: 1px solid #083065;
    color: #000;
    text-decoration: none;
}

.blog-date {

}

.blog-title {

}

.blog-other {
    display: block;
    max-width: 150px;
    margin: 50px auto 0;
    padding: 24px 40px;
    border-radius: 50px;
    border: 1px solid #CCCCCC;
    background: #083065;
    color: #fff;
    font-weight: bold;
    text-align: center;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    text-decoration: none;
}

/* ブログ（詳細） */
.blog-main .wp-block-image {
    margin-top: 32px;
}

.blog-main .wp-block-image img {
    border-radius: 12px;
}

.blog-main .wp-block-heading {
    margin-top: 60px;
    line-height: 1.6;
}

.blog-main p {
    line-height: 1.6;
}

/* ページネーション */
.pagination {
    max-width: 342px;
    margin: 32px auto 0 0;
    
}

.pagination span.extend {
    text-decoration: none;
}

.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    padding: 8px 20px;
    border-radius: 6px;
    border: 1px solid #083065;
    background: #fff;
    color: #083065;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
}

.page-numbers:hover {
    background: #083065;
    color: #fff;
    font-weight: 700;
}

.page-numbers.current {
    background: #083065;
    color: #fff;
    font-weight: 700;
}

.page-numbers.dots {
    padding: 0 0 10px 0;
    border: none;
}

.nav-links,
.pagination__list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

a.prev, a.next {
    width: 48px;
    padding: 18px 20px;
    border: none;
    background: #1753AB;
}

a.prev img,
a.next img {
    width: 20px;
}

a.prev {
    transform: scale(-1, 1);
}

@media (max-width: 768px){
    .nav-links,
    .pagination__list {
        justify-content: center;
    }
}