@charset "utf-8";

/*フォント*/
.font_mincho{
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

/*コンテナ*/
.container{
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 20px;
}

/*診断フォームボタン*/
.to_form{
    margin-bottom: 1em;
    text-align: center;
    display: inline-block;
}
.to_form_title{
    font-size: 22px;
    margin-bottom: 0.5em;
}
.to_form .btn-bk{
    background: #771718;
}
.to_form .btn-bk:hover{
    background: #000;
}
@media(max-width:767px){
.to_form{
    display: block;
}
.to_form_title{
    font-size: 20px;
}
}

/*ヘッダー*/
.archive-header .archive-header-title h1{
    padding: 0 100px;
    font-size: 36px;
}
.archive-header .archive-header-title h1 span{
    font-size: 20px;
}
.archive-header-title h1::before{
    content:'';
    display: block;
    width: 80px;
    height: 1px;
    background: #8e7e6a;
    position: absolute;
    top: 20px;
    left: 0;
}
.archive-header-title h1::after{
    content:'';
    display: block;
    width: 80px;
    height: 1px;
    background: #8e7e6a;
    position: absolute;
    top: 20px;
    right: 0;
}
@media(min-width:768px) and (max-width:999px){
.archive-header .archive-header-title h1{
    padding: 0 40px;
}
.archive-header-title h1::before{
    width: 25px;
}
.archive-header-title h1::after{
    width: 25px;
}
}
@media (min-width: 768px) {
.archive-header.corner-top h1 {
    position: absolute;
    left: 0;
    top: 20%;
    }
}
@media(max-width:767px){
.archive-header .archive-header-title{
    display: inline-block;
}
.archive-header .archive-header-title h1{
    padding: 0 40px;
    font-size: 24px;
    display: inline-block;
}
.archive-header .archive-header-title h1 span{
    font-size: 14px;
}
.archive-header-title h1::before{
    width: 25px;
    top: 32px;
}
.archive-header-title h1::after{
    width: 25px;
    top: 32px;
}
}

/*見出し*/
h2.personal_ttl1{
    display: inline-block;
    margin: auto;
    padding: 0 100px;
    text-align: center;
    position: relative;
    margin-bottom: 2.5em;
}
h2.personal_ttl1 span.main{
    display: inline-block;
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 1.4;
}
h2.personal_ttl1 span.sub{
    display: block;
    font-size: 20px;
    color: #8e7e6a;
    position: relative;
}
h2.personal_ttl1 span.sub span{
    position: absolute;
    display: block;
    width: 90vw;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 20px;
}
h2.personal_ttl1::before{
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background: #8e7e6a;
    position: absolute;
    left: 0;
    top: 20px;
}
h2.personal_ttl1::after{
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background: #8e7e6a;
    position: absolute;
    right: 0;
    top: 20px;
}
@media(max-width:767px){
h2.personal_ttl1{
    padding: 0 30px;
}
h2.personal_ttl1 span.main{
    font-size: 24px;
}
h2.personal_ttl1 span.sub{
    font-size: 14px;
}
h2.personal_ttl1 span.sub span{
    font-size: 14px;
    width: 90vw;
}
h2.personal_ttl1::before{
    width: 25px;
    top: 14px;
}
h2.personal_ttl1::after{
    width: 25px;
    top: 14px;
}
}
h3{
    font-size: 24px;
    color: #8e7e6a;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    margin-bottom: 0.5em;
}
@media(max-width:767px){
h3{
    font-size: 18px;
}
}
h4{
    font-size: 24px;
    color: #8e7e6a;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    margin-bottom: 0.2em;
}
@media(max-width:767px){
h4{
    font-size: 18px;
}
}
h5{
    font-size: 22px;
    color: #8e7e6a;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    margin-bottom: 0.2em;
}
@media(max-width:767px){
h5{
    font-size: 16px;
}
}

/*文字*/
sup.reg{
    vertical-align: baseline;
    top: 0;
    font-size: 60%;
}
.mb1em{
    margin-bottom: 1em;
}
.mb2em{
    margin-bottom: 2em;
}
.mb3em{
    margin-bottom: 3em;
}
.t-center{
    text-align: center;
}
.t-large{
    font-size: 18px;
}
.t-xlarge{
    font-size: 22px;
}
.t-color01{
    color:#8e7e6a;
}
.lh2{
    line-height: 2;
}
.lh3{
    line-height: 3;
}
.lh4{
    line-height: 4;
}
@media(max-width:767px){
.t-large{
    font-size: 16px;
}
.t-xlarge{
    font-size: 18px;
}
.sp-lh2{
    line-height: 2;
}
.sp-lh3{
    line-height: 3;
}
.sp-lh4{
    line-height: 4;
}
}
.row{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media(max-width:767px){
.pc-only{
    display: none;
}
}
@media(min-width:768px){
.sp-only{
    display: none;
}
}

/*レイアウト*/
/*レイアウト01 右が少し大きい*/
.row.layout01 > .col:first-child{
    flex-basis:46%;
}
.row.layout01 > .col:last-child{
    flex-basis:52%;
}
@media(min-width:768px) and (max-width:999px){
.row.layout01 > .col:first-child{
    flex-basis:49%;
}
.row.layout01 > .col:last-child{
    flex-basis:49%;
}
}
@media(max-width:767px){
.row.layout01 > .col:first-child{
    flex-basis:100%;
}
.row.layout01 > .col:last-child{
    flex-basis:100%;
}
}
/*レイアウト02 左1:右2*/
.row.layout02 > .col:first-child{
    flex-basis:24%;
}
.row.layout02 > .col:last-child{
    flex-basis:72%;
}
@media(max-width:767px){
.row.layout02 > .col:first-child{
    flex-basis:100%;
}
.row.layout02 > .col:last-child{
    flex-basis:100%;
}
}
/*レイアウト03 左右均等*/
.row.layout03 > .col:first-child{
    flex-basis:48%;
}
.row.layout03 > .col:last-child{
    flex-basis:48%;
}
@media(max-width:767px){
.row.layout03 > .col:first-child{
    flex-basis:100%;
}
.row.layout03 > .col:last-child{
    flex-basis:100%;
}
}
/*レイアウト04 左2:右1*/
.row.layout04 > .col:first-child{
    flex-basis:64%;
}
.row.layout04 > .col:last-child{
    flex-basis:34%;
}
@media(max-width:767px){
.row.layout04 > .col:first-child{
    flex-basis:100%;
}
.row.layout04 > .col:last-child{
    flex-basis:100%;
}
}
/*レイアウト05 3分割*/
.row.layout05 > .col{
    flex-basis:32%;
}
@media(max-width:767px){
.row.layout05 > .col{
    flex-basis:100%;
}
}
/*レイアウト06 右が大きい*/
.row.layout06 > .col:first-child{
    flex-basis:40%;
}
.row.layout06 > .col:last-child{
    flex-basis:58%;
}
@media(min-width:768px) and (max-width:999px){
.row.layout06 > .col:first-child{
    flex-basis:49%;
}
.row.layout06 > .col:last-child{
    flex-basis:49%;
}
}
@media(max-width:767px){
.row.layout06 > .col:first-child{
    flex-basis:100%;
}
.row.layout06 > .col:last-child{
    flex-basis:100%;
}
}

/*セクション01*/
.sec01{
    background: url(../img/personal_sec01_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 40px 0;
    text-align: center;
}
.intro_p{
    text-align: center;
    line-height: 3.5;
    font-size: 18px;
    margin-bottom: 3em;
}
.intro_p span{
    color:#8b7f69;
    font-weight: bold;
}
@media(max-width:767px){
.sec01{
    background: url("../img/sp_personal_sec01_bg01.jpg") no-repeat top,
    url("../img/sp_personal_sec01_bg02.jpg") no-repeat bottom;
    background-size: contain;
    padding: 50px 0 150px;
}
.intro_p{
    line-height: 2.5;
    font-size: 16px;
    margin-bottom: 3em;
}
}

/*セクション02*/
.sec02{
    padding: 40px 0;
}
@media(max-width:767px){
.sec02{
    padding: 20px 0;
}
}
.link_btns{
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:2%;
    flex-wrap: wrap;
}
.link_btns a{
    flex-basis: 32%;
    display: block;
    text-align: center;
    background: #f3f3f3;
    padding: 5px;
    margin-bottom: 20px;
    transition: 0.3s;
}
.link_btns a:hover{
    background: #e9e5e5;
}
@media(max-width:999px) and (min-width:700px){
    .link_btns a{
    flex-basis: 49%;
    }
}
@media(max-width:699px){
    .link_btns a{
    flex-basis: 100%;
    }
}
.link_btns a span{
    display: block;
    border:solid 2px #bbb5a7;
    padding: 20px 0;
    color: #771718;
}
.link_btns a span.dowble{
     padding: 15px 0;
     line-height: 1.2;
}

/*セクション03*/
.sec03{
    padding: 40px 0;
}
@media(max-width:767px){
.sec03{
    padding: 20px 0;
}
}
.sec03 .row.layout02{
    align-items: center;
}
.image01 img{
    max-width: 150px;
}
@media(max-width:767px){
.row.layout01 > .col:first-child{
    order: 2;
}
.row.layout01 > .col:last-child{
    order: 1;
}
.row.layout02 .col:first-child{
    flex-basis:24%;
}
.row.layout02 .col:last-child{
    flex-basis:74%;
}
}

/*セクション04*/
.sec04{
    padding: 40px 0;
}
@media(max-width:767px){
.sec04{
    padding: 20px 0;
}
}
.result_list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    gap:2%;
}
.result_unit{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-basis: 18%;
    border:solid 1px #870331;
    padding: 80px 0 50px;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}
.result_unit p{
    width: 100%;
}
.result_unit p.num{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 60px;
    margin: auto;
    background: #870331;
    color: #fff;
    font-size: 26px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
@media(min-width:768px) and (max-width:1000px){
.result_unit{
    flex-basis: 32%;
}
}
@media(max-width:767px){
.result_unit{
    flex-basis: 100%;
    padding: 70px 0 30px;
}
}

/*セクション05*/
.sec05{
    padding: 40px 0;
}
@media(max-width:767px){
.sec05{
    padding: 20px 0;
}
}
@media(min-width:768px) and (max-width:930px){
.sec05 .row.layout04 > .col:first-child{
    flex-basis: 100%;
}
.sec05 .row.layout04 > .col:last-child{
    flex-basis: 100%;
}
}
.image05{
    display: block;
    text-align: center;
}
.image05 img{
    max-width: 190px;
}
.image06{
    display: block;
    text-align: center;
}
.image06 img{
    max-width: 215px;
}
.example_leed{
    text-align: center;
}

/*セクション06*/
.sec06{
    padding: 40px 0;
}
@media(max-width:767px){
.sec06{
    padding: 20px 0;
}
}
.structure_title{
    text-align: center;
    font-size: 30px;
    color:#8b7f69;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

/*セクション07*/
.sec07{
    padding: 40px 0;
}
@media(max-width:767px){
.sec07{
    padding: 20px 0;
}
}
.flow_list{
    overflow: hidden;
}
.flow_unit{
    padding-left: 32px;
    position: relative;
    margin-bottom: 57px;
}
.flow_unit::after{
    content: '';
    display: block;
    width: 100%;
    height: 38px;
    background: url(../img/flow_arrow.png) center no-repeat;
    position: absolute;
    bottom:-47px;
}
.flow_unit:last-child::after{
    display: none;
}
.flow_unit .num{
    position: absolute;
    top:50%;
    left:0;
    width:64px;
    text-align: center;
    background: #870331;
    color: #fff;
    transform: translateY(-50%);
    font-size: 28px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    z-index: 1;
}
.flow_unit_inner{
    border: solid 1px #870331;
    padding: 5px;
    padding-left: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flow_cont{
    flex-basis: 72%;
    display: flex;
    justify-content: flex-start;
    gap:20px;
    align-items: center;
}
.flow_cont_main{
    font-size: 18px;
    line-height: 1.4;
}
.flow_cont_sub{
    line-height: 1.4;
    flex: 1;
}
.flow_img{
    flex-basis: 26%;
}
.how_to_try{
    border-left: solid 2px #8b7f69;
    padding-left: 8px;
    margin-top: 5px;
}
.how_to_try dt{
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: normal;
}
.how_to_try dd{
    padding-left: 1.5em;
    line-height: 1.4;
}
@media(max-width:767px){
.flow_unit_inner{
    display: block;
}
.flow_cont{
    display: block;
    margin-bottom: 1em;
}
.flow_cont_main{
    margin-bottom: 1em;
    font-size: 16px;
}
.flow_img{
    text-align: center;
}
.flow_img img{
    max-width: 260px;
}
}

/*セクション08*/
.sec08{
    padding: 40px 0;
}
@media(max-width:767px){
.sec08{
    padding: 20px 0;
}
}
.sec08 h4{
    color: #40404e;
    position: relative;
}
.sec08 h4 span{
    display: inline-block;
    background: #fff;
    padding-right: 0.7em;
    font-size: 22px;
}
.sec08 h4::before{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #eeeeee;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: -1;
}
.bdr_l{
    border-left: solid 2px #8b7f69;
    padding-left: 8px;
}
h5.ring_title{
    color: #40404e;
    position: relative;
}
h5.ring_title span{
    display: inline-block;
    background: #fff;
    padding-right: 0.7em;
    font-size: 22px;
}
h5.ring_title::before{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #eeeeee;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: -1;
}
.ring_list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ring_unit{
    flex-basis: 32%;
    text-align: center;
    margin-bottom: 20px;
}
.ring_list.wide .ring_unit{
    flex-basis: 19%;
}
.ring_unit img{
    max-width: 125px;
}
@media(max-width:420px){
.ring_list.wide .ring_unit{
    flex-basis: 32%;
}
}

/*セクション09*/
.sec09{
    padding: 40px 0;
}
.produce{
    max-width: 500px;
    margin: auto;
    display: flex;
    justify-content: center;
    gap:40px;
    align-items: center;
}
.produce p{
    white-space: nowrap;
    font-size: 20px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.produce img{
    flex: 1;
}
@media(max-width:767px){
.produce{
    gap:20px;
}
.produce p{
    font-size: 16px;
}
}