@charset "utf-8";
/* lowerCSS Document */
.lower_logo {
    width: 180px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    padding-top: 10px;
}
/*div#wrapper {
    background:url(../img/wrap_bk.png) repeat-x left;
    background-size:contain;
}*/

.page_title{padding-left: 12px;}
.page_title span{display: inline-block;color: #b79f4a;font-size: 24px;line-height: 1;margin-bottom: 3px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.page_title h1{color: #fff;font-size: 40px;line-height: 1;font-weight: normal;margin-bottom: 0;font-family: TsukuAOldMinPr6-R,serif;}
@media screen and (max-width: 768px){
.page_title {padding: 60px 0 0 10px;}
.page_title span{font-size: 4vw;}
.page_title h1{font-size: 5vw;}
}

.breadcrumb .bread{display: flex;justify-content: flex-end;}
.breadcrumb li {
    display: inline-block;
    margin:0  8px 20px 0;
   color: #fff;
   padding: 10px 20px 0 0;
}
.breadcrumb li:before{content: unset;}
.breadcrumb .bread{
    border-top: 1px solid #96804b;
}
.breadcrumb {
  padding: 60px 0;

}
.breadcrumb li a{
     color: #fff;}

.breadcrumb li a:hover{
    text-decoration:underline;}

.lower_kv {
    width: 210px;
    margin:0 0 20px 0;
}
h3.support {
    width: 165px;
    margin: 0 auto;
}
.support_text {
    width: 554px;
    margin: 20px auto 60px;
}
.contents_wrap {
    background-color: #f7f6f3;
    padding: 60px 0;
}
.c_inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}
.contents_wrap .cf{
     letter-spacing:-1em}

.contents_wrap li {
    display: inline-block;
    width: 32.5%;
    border: 1px solid #eae7e0

}

.contents_wrap li:nth-child(2n) {
    }
p.c_icon {
    width: 48px;
    margin: 0 auto;
    padding:65px 0 25px 0;
}
p.c_tit {
    text-align: center;
    font-size: 21px;
    font-family: TsukuAOldMinPr6-R,serif;
    font-weight:bold;
}
p.c_text {

    font-size: 13px;
}
article {
    max-height: 60px;
    z-index:100;
}
.l_inner {
    width: 80%;
    margin: 0 auto;
}


a.opnbtn {
    color: #96804b;
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 30px;
    padding-top: 20px !important;
    z-index: 15000;
    text-align:right;
}

a.clsbtn {
    color: #96804b;
    display: block;
    width: 100%;
    clear: both;
    margin-bottom:10px;
    padding-top: -10px !important;
    z-index: 16000;
    text-align:right;
}
/*個人情報保護方針*/
.privacy_kv {
    width: 333px;
}
.privacy_text {
    width: 100%;
    margin: 80px 0 0 0;
    padding-bottom: 80px;
}
.privacy_text .p_small {
    margin: 0 0 30px 0;
    color:#fff;
}
.privacy_bold {
    font-size: 18px;
    color: #96804b;
}
.privacy_text ul {
    margin: 0 0 20px 20px;
}
.privacy_text ul li {
    list-style-type: disc;
    color:#fff;
}
/*弁護士費用*/
.cost_kv {
    width: 311px;
}
h3.cost {
    width: 111px;
    margin: 0 auto;
}
.cost_text {
    text-align: center;
    font-size:24px;
    font-family: TsukuAOldMinPr6-R,serif;
    color: #fff;
    margin: 20px 0 0 0;
     /*animation-delay: 0.4s;
    animation-duration:2s;
    animation-timing-function: ease-in;*/

}
.t_inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.contents_wrap tr {
    border: 1px solid #96804b;
}
.contents_wrap th {
    width: 11%;
    color: #fff;
    text-align: center;
    background: #ab996e;
    vertical-align: middle;
    padding: 15px;
    letter-spacing: 0.2em;
    border-right: 1px solid #96804b;
}
.contents_wrap td {
    color: #000;
    vertical-align: middle;
    border-right: 1px solid #96804b;
    padding: 10px;
}
.contents_wrap td a{
    color:#000;
    text-decoration:underline;}
.contents_wrap td.color{
    background-color:#ab996e;
    color: #fff;}
td.color2 {
    background-color: #bca97a;
}
td.color3 {
    background-color:#d3c6a7;
}
p.cost_number {
    width: 28px;
    margin: 0 0 20px 0;
}
p.cost_tit {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #96804b;
    font-family: TsukuAOldMinPr6-R,serif;

}
h4 {
    text-align: center;
    color: #fff;
    font-size:21px;
    font-family: TsukuAOldMinPr6-R,serif;
}
.cost_wrap {
    width: 100%;
    margin:60px 0;
}


.cost_consultation .table-01 th,.cost_consultation .table-01 td {
    padding: 20px;
}
.cost_consultation .table-01 th {
    width: 25%;
}
.cost_advisory .table-01 th,.cost_advisory .table-01 td {
    padding: 5px 20px;
}
.cost_advisory .table-01 th {
    width: 25%;
    text-align: left;
}
.cost_advisory .table-01 td {
    text-align: center;
}
.cost_advisory .table-01 td:not(:last-of-type:not(:first-of-type)) {
    border-right: 1px solid#96804b;
}
.cost_advisory .table-01 td.tri {
    background: #fff1f1;
}
.cost_advisory .table-01 td.cross {
    background: #f1f1f1;
}

.cost_wrap .cf{
     letter-spacing:-1em
}
.cost_wrap li {
    box-sizing: border-box;
    display: inline-block;
    width: 33.333%;
    border:1px solid #382d2b;
    padding: 10px;
}
p.cha_text {
    color: #fff;
    padding: 5px 0 30px 0;
}
p.chapter1 {
    color: #fff;
    font-size: 24px;
    font-family: TsukuAOldMinPr6-R,serif;
    margin: 0 0 20px 0;
    border-left: 4px solid #96804b;
    padding-left: 20px;
}
p.chapter_tit {
    color: #b79f4a;
    font-size: 18px;
    font-weight: bold;
}
.chapter_table tr {
    border: 1px solid  #96804b;
}
.chapter_table th{
    width: 20%;
    color:#fff;
     text-align: center;
    background:#ab996e;
    vertical-align: middle;
    padding: 15px;
    letter-spacing: 0.2em;}
.chapter_table td{
    color:#fff;
    vertical-align: middle;
    border-right: 1px solid #96804b;
    padding:10px;
       }
table.chapter_table {
    margin: 20px 0 60px 0;
    width:100%;
}
td.tb_bold {
    letter-spacing: 0.2em;
    font-weight: bold;
}
th.th_width {
    width: 50%;
}
ul.li_list li {
    color: #fff;
    display: block;
    width: 100%;
    border: none;
    margin:0 0 20px 0;
}
.chapter_wrap {
    margin: 60px 0;
}
.support_text {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
    animation-delay: 0.2s;
    animation-duration:1s;
    animation-timing-function: ease-in;
}
/*顧問契約*/
.lower_adkv {
    width: 432px;
}
p.one {
    text-align: center;
    font-size: 18px;
    border-bottom: 2px solid #96804b;
    border-top: 2px solid #96804b;
    padding: 10px 0;
    color:#96804b;
}
.ad_tit {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
    animation-delay: 0.4s;
    animation-duration:1s;
    animation-timing-function: ease-in;
}
h3.ad {
    width: 158px;
    padding: 60px 0 30px 0;
    margin:0 auto;
}
.ad_wrap {
    background:url(../../advisory/img/ad_bk.png) no-repeat right bottom;
    width: 100%;
    height: 500px;
}
.ad_text {
    font-family: TsukuAOldMinPr6-R,serif;
    color: #fff;
    text-align:center;
    line-height: 2;
    padding: 15px 0 0 0;
    animation-delay: 0.6s;
    animation-duration:2s;
    animation-timing-function: ease-in;
}

h3.merit {
    width: 73px;
    margin: 0 auto;
}
.merit_wrap {
    background-color: #fff;
    padding: 60px 0;
}
p.merit_tit {
    text-align: center;
    font-family: TsukuAOldMinPr6-R,serif;
    font-size:24px;
    font-weight:bold;
    letter-spacing: 0.2em;
    padding:10px 0 0 0;

}
.m_point {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 80px 0 100px;
    height: 393px;
        background:url(../../advisory/img/adimg1.png) no-repeat center;

/*    animation-delay: 0.2s;
    animation-duration:2s;
    animation-timing-function: ease-in;
*/}

.m_point2 {
    background:url(../../advisory/img/adimg2.png) no-repeat center;
    width: 100%;
    height: 393px;
    position: relative;
    margin: 80px 0 100px;
    /*animation-delay: 0.2s;
    animation-duration:1s;
    animation-timing-function: ease-in;*/
}
.m_point3 {
    background:url(../../advisory/img/adimg3.png) no-repeat center;
    width: 100%;
    height: 393px;
    position: relative;
    margin: 80px 0 100px;
    /*animation-delay: 0.2s;
    animation-duration:2s;
    animation-timing-function: ease-in;*/
}
.m_point4 {
    background:url(../../advisory/img/adimg4.png) no-repeat center;
    width: 100%;
    height: 393px;
    position: relative;
    margin: 80px 0 100px;
    /*animation-delay: 0.2s;
    animation-duration:2s;
    animation-timing-function: ease-in;*/
}
p.m_icon {
    width: 53px;
    margin: 0 auto;
}
.point_inner {
    background-color: #fff;
    width: 35%;
    position: absolute;
    left: 5%;
    top: 0;
    animation-delay: 0.2s;
    animation-duration:0.8s;
    animation-timing-function: ease-in;
    opacity:0;
}
p.point {
    font-size: 18px;
    text-align: center;
    padding: 10px 0 10px 0;
    color: #96804b;
    font-family: 'Playfair Display', serif;
    font-style: italic;
}
p.point_tit {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
        font-family: TsukuAOldMinPr6-R,serif;

}
p.point_text {
    width: 65%;
    margin: 0 auto;
    padding: 10px 0 30px 0;
}

/*弁護士紹介*/
.prof_wrap{
    margin-bottom: 60px;
}

.prof_label{
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 15px;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
}

.prof_list{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content:space-between;
}

.prof_list > li{
    border-bottom: 1px solid #96804b;
    width: 48%;
    margin-bottom: 15px;
}

.prof_list > li > a{
    padding: 15px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

.prof_list > li > a:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

.prof_list > li > a:after{
    content: url(../../profile/img/arrow_1.png);
    width: 10px;
    height: 30px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.prof_list > li > a > .prof_list_text{
    width: 70%;
    text-align: left;
}

.prof_list > li > a > .prof_list_text > .number{
    width: 40px;
    margin-bottom: 10px;
    padding-left: 30px;
}

.prof_list > li > a > .prof_list_text > .title{
    color: #fff;
    font-size: 14px;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
    padding: 0 0 0 30px;
}

.prof_list > li > a > .prof_list_text > .name{
    font-size: 36px;
    color: #fff;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
    background: url(../../profile/img/p_icon.png) no-repeat left;
    background-size: 17px 45px;
    padding: 0 0 0 30px;
    margin: 0 0 20px 0;
}
.prof_list > li > a > .prof_list_text > .name > span{
    font-size: 14px;
    color: #96804b;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: block;
}

.prof_list > li > a > .prof_list_img{
    width: 30%;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}
.prof_list > li > a > .prof_list_img img{width: 130px;height: 170px;object-fit: cover;font-family: 'object-fit: cover;';box-shadow: 4px 4px 0px 0 rgb(48 42 37);}
.prof_back{
    margin: 30px auto;
    text-align: center;
}

.prof_back > a{
    display: inline-block;
    padding: 15px 40px;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}
.plofile_kv {
    width: 157px;
}
.plo_tab {
    margin: 3% 0;
}
.plo_tab > ul{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
.plo_tab li {
    width: 25%;
    display: block;
    text-align: center;
    border: 1px solid #fff;
		box-sizing: border-box;
}
.plo_tab li a{
    font-size:16px;
    padding:15px 0;
    color:#fff;
    display:block;}
.p_left {
    float: left;
    display: inline-block;
    width: 60%;
    background:url(../../profile/img/logo_bk.png) no-repeat center bottom;
    background-size: 50%;
    padding: 40px 20px 60px 20px;
}
.p_left2 {
    float: left;
    display: inline-block;
    width: 100%;
    background:url(../../profile/img/logo_bk.png) no-repeat center bottom;
    background-size: 30%;
    padding: 40px 20px 60px 20px;
}
p.p_number {
    width: 40px;
    margin: 0 0 20px 0;
}
p.lower_tit {
    color: #fff;
    font-size:14px;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
    padding-left: 33px;
}
.p_name {
    font-size: 36px;
    color: #fff;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
    background:url(../../profile/img/p_icon.png) no-repeat left;
    background-size: 17px 45px;
    padding: 0 0 0 30px;
    margin: 0 0 20px 0;

}
.p_name span {
    font-size: 14px;
    color: #96804b;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-left: 10px;
}
p.p_text {
    line-height: 2.5;
    color: #fff;
    margin: 0 0 40px 0;
}
p.rink_url__title {
    margin: 20px 0 10px 0;
    display: flex;
    align-items: center;
    width: 70%;
    color: #96804b;
}
.rink_url__title:after  {
    content: "";
    flex-grow: 1;
    height: 1px;
    background:  #96804b;
    display: block;
}
.rink_url__title:after {
    margin-left: .4em;
}
p.rink_url a{
        color: #ffffff;
				text-decoration: underline;
}
.p_right {
    float: right;
    width: 35%;
    padding: 90px 0 0 0;
    /*animation-delay: 0.4s;
    animation-duration:2s;
    animation-timing-function: ease-in;*/
}
.becomming {
    width: 100%;
    margin: 20px 0;
}
h3.writing {
    width: 93px;
    margin: 0 auto;
}
p.writing_tit {
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin: 15px 0 40px 0;
    font-family: TsukuAOldMinPr6-R,serif;

}
ul.wri.cf {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
ul.wri2.cf {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.writing_wrap {
    margin: 100px 0;
}
p.book_img {
    width: 160px;
    margin: 0 auto;
}
p.book_img1 {
    padding: 20px 0;
}
p.book_img1 img{display: block;margin: 0 auto;width: auto;height: 160px;}
p.book_img3 {
    width: 160px;
    margin: 0 auto;
    padding: 20px 0;
}
ul.wri.cf li {
    width: 31.5%;
    display: inline-block;
    border: 1px solid #96804b;
    margin-right: 2%;
    margin-bottom: 10px;
}
ul.wri.cf li:nth-child(3n){margin-right: 0;}
ul.wri2.cf li {
    width: 24%;
    float: left;
    display: inline-block;
    border: 1px solid #96804b;
    margin-right: 1%;
}
ul.wri.cf li:last-child {
    margin-right:0;}
ul.wri2.cf li:last-child{
    margin-right:0;}
.li_inner {
    width: 98%;
    height: 98%;
    margin: 4px auto;
    background-color: #fff;
}
p.boder {
    width: 30px;
    margin: 0 auto;
    border-bottom: 2px solid #96804b;
    display: block;
    padding: 20px 0 20px 0;}
p.book_tit {
    text-align: center;
    font-size: 18px;
    font-family: TsukuAOldMinPr6-R,serif;
 letter-spacing: 0.1em;
 font-weight:bold;
 padding: 20px 0 5px 0;
}
p.book_tit2 {
    text-align: center;
    font-size: 14px;
    font-family: TsukuAOldMinPr6-R,serif;
 letter-spacing: 0.1em;
 font-weight:bold;
 padding: 20px 0px 5px 0px;
}
p.book_sub {
    text-align: center;
}
.closebt {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}
.close-animatedModal {
    width: 40px;
    margin: 20px auto;
}
.close-animatedModal2 {
    width: 40px;
    margin: 20px auto;
}
p.open_btn {
    width: 56px;
    position: absolute;
    right: 0;
    bottom: 0;
}
p.aim_tit {
    font-size: 24px;
    font-family: TsukuAOldMinPr6-R,serif;
    color: #96804b;
    border-bottom: 3px double #96804b;
    animation-delay: 0.2s;
    animation-duration:1s;
    animation-timing-function: ease-in;
    opacity:0;
}
 /*p.aim_tit:before {
    width: 100%;
    height: 3px;
    border-bottom: 3px double #96804b;
    content: "";
    display: block;
    left: 0;
    top: 15px;
    position: absolute;
}*/
p.aim_text {
    color: #fff;
    line-height: 2;
    padding:10px 0 0 0;
}
.profile {
    margin-bottom: 40px;
}
.menber dl{width: 100%;}
.menber dt {
    color: #fff;
    text-align: center;
   padding: 20px 0 5px 0;
    font-weight: bold;
}
.menber dd {
    color: #fff;
text-align: center;
border-bottom: 1px solid #fff;
padding: 0 0 5px 0}
/*事務所紹介*/
.about_kv {
    width: 240px;
}
h3.vision {
    margin: 0 auto;
    width: 253px;
    padding:80px 0 30px 0;
}
p.vision_tit {
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
/*    animation-delay: 0.5s;
    animation-duration:1s;
    animation-timing-function: ease-in;
*/
}
p.vision_img {
    text-align: center;
    margin: 20px auto;
    width:25%;
}
p.office_img {
    margin: 4rem 0 1rem 0;
}
p.img_idea {
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 0 0 2rem 0;
}
.o_img {
    width:50%;
    margin:0 auto;}
.office_imgwrap li {
    color: #fff;
    border-bottom: 1px solid #96804b;
    padding: 10px 0;
}
p.vision_img a {
    display:block;
    padding:20px 10px;
    color: #96804b;
    border:1px solid #96804b;
}
p.v_text,div.v_text {
    font-family: TsukuAOldMinPr6-R,serif;
    color: #fff;
    text-align: center;
    line-height: 2;
    padding: 15px 0 0 0;
    width: 60%;
    margin: 0 auto;
    animation-delay: 0.2s;
    animation-duration:1s;
    animation-timing-function: ease-in;
}
.vision_wrap {
    background:url(../../about/img/idea_bk.png) no-repeat right bottom;
    width: 100%;
    height: 600px;
}
h3.feature {
    width: 171px;
    padding: 45px 0 5px 0;
}
p.feature_tit {
    font-size: 24px;
    color: #fff;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
        margin-bottom:10px;

}
.sec_wrap {
/*    background-color: #fff;*/
}
.sec_wrap:after {clear: both;content: '.';display: block;height: 0;visibility: hidden;}
.section1 {
    background:url(../../about/img/01_bk.png) no-repeat center;
    background-size: cover;
    height: 655px;
    width: 100%;
        position:relative;

}
.section2 {
    background:url(../../about/img/02_bk.png) no-repeat center;
    background-size: cover;
    height: 655px;
    width: 100%;
    position:relative;
    margin: 200px 0 ;

}
.section3 {
    background:url(../../about/img/03_bk.png) no-repeat center;
    background-size: cover;
    height: 655px;
    width: 100%;
    position:relative;
    margin: 20% 0 ;

}
p.feature_text {
    color: #fff;
    width: 42%;
    line-height: 2;
}
p.ser_number {
    width: 91px;
}
.service1 {
/*    background-color: #fff;*/
    background: url(../img/wrap_bk.png) repeat left;
    width: 40%;
    position: absolute;
    right: 0;
    bottom: -20%;
    border-top:2px solid #96804b;
}
.service2 {
/*    background-color: #fff;*/
    background: url(../img/wrap_bk.png) repeat left;
    width: 40%;
    position: absolute;
   left: 0;
    bottom: -40%;
    border-top:2px solid #96804b;
}
.service3 {
/*    background-color: #fff;*/
    background: url(../img/wrap_bk.png) repeat left;
    width: 40%;
    position: absolute;
    right: 0;
    bottom: -20%;
    border-top:2px solid #96804b;
}
p.ser_tit {
    font-size: 21px;
    font-family: TsukuAOldMinPr6-R,serif;
    line-height: 1.5;
    text-align: center;
    font-weight: 700;
    padding: 40px 0 5px 0;
    color: #fff;

}
.ser_inner {
    position: relative;
    width: 75%;
    margin: 0 auto;
}
p.ser_number {
    width: 81px;
    position: absolute;
    right: 0;
    top: -5%;
}
p.ser_trxt {
    padding: 0 0 10px 0;
    color: #fff;
}
h3.probono {
    width: 220px;
    margin: 0 auto 5px;
}
p.probono_tit {
    text-align: center;
    font-size: 24px;
    font-family: TsukuAOldMinPr6-R,serif;
        font-weight: 700;
    color: #fff;
}
ul.problist.cf {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
p.pro_icon {
    width: 101px;
   margin: 20px auto 0
}
ul.problist li {
    width: 31%;
    float: left;
    display: inline-block;
    border-right: 1px solid #96804b;
    margin-right: 2%;
}
ul.problist li:last-child{
     border-right:none;
     margin-right: 0;}

.p_box {
    width: 100%;
    border: double 3px #96804b;
    padding: 0 0 4rem 0;
    margin: 2% 0 5% 0;
}
h4.pro_sub {
    color: #000;
    font-size: 16px;
    font-weight: 700;
     padding: 15px 0 40px 0;
    color: #fff;
}
p.pro_tit {
    text-align: center;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-family: TsukuAOldMinPr6-R,serif;
    color: #96804b;
    font-weight: 700;
}
p.glaf {
    width: 500px;
    margin: 0 auto;
    padding: 2rem 0;
}
p.pro_text {
    width: 85%;
    margin: 0 auto;
    color: #fff;
}
p.rink_url2 {
    text-align: center;
    margin: 20px 0 0 0;
}
p.rink_url2 a{
        color: #96804b;
        text-decoration:underline;}
h3.office {
    width: 137px;
    margin: 0 auto 5px;
}
p.office_tit {
    text-align: center;
    font-size: 24px;
    font-family: TsukuAOldMinPr6-R,serif;
    font-weight: 700;
    margin: 0 0 40px 0;
    color: #fff;
}
.office li {
    width: 70%;
    color: #fff;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #96804b;
}
.office_info {
    width: 70%;
    margin:20px auto 40px;
    background: #96804b;
    padding: 0.2em 0.5em;
    box-shadow: 0px 0px 0px 5px #96804b;
    border: solid 1px white;
}
p.o_tit {
    text-align: center;
    color: #fff;
    margin: 20px 0 10px 0;
    font-size: 18px;
 font-family: TsukuAOldMinPr6-R,serif;
 font-weight:700;

}
p.o_text {
    color: #fff;
    width: 80%;
    margin: 0 auto;
    padding: 0 0 20px 0;
}
.partner li {
    display: block;
    width: 100%;
    border: none;
    margin: 0  0 2% 0;
}
.partner {
    width: 70%;
   margin: 5% auto 0;
}
h3.acsess {
    width: 90px;
    margin: 0 auto 5px;
}
p.acs_tit {
    text-align: center;
    font-size: 24px;
    font-family: TsukuAOldMinPr6-R,serif;
    font-weight: 700;
    margin: 0 0 40px 0;
    color: #fff;
}
.map_left {
    width: 50%;
    float: left;
    display: inline-block;
        margin-top: 10px;
}
.map_right {
    width: 48%;
    float: right;
    display: inline-block;
    padding: 40px 0 0 0;
}
p.train {
    font-size: 18px;
     font-family: TsukuAOldMinPr6-R,serif;
    font-weight: 700;
    background:url(../../about/img/train.png) no-repeat left ;
    background-size:17px 24px;
    padding:0 0 0 25px;
    border-bottom:1px solid #96804b;
    width: 60%;
    margin: 0 0 15px 0;
    color: #fff;
}
p.train_text {
    color: #fff;
    margin-bottom: 20px;
}
span.indent {
    padding-left: 10px;
}
span.indent2 {
    padding-left: 20px;
}
/*
p.train_text span{
padding-left: 5px;
}
*/
p.car {
    color: #fff;
    width: 60%;
    margin: 20px 0 15px 0;
    font-size: 18px;
     font-family: TsukuAOldMinPr6-R,serif;
    font-weight: 700;
    background:url(../../about/img/car.png) no-repeat left ;
    background-size:33px 17px;
    padding:0 0 0 35px;
    border-bottom:1px solid #96804b;
}
p.car_text {
    color: #fff;
}
p.car_text2 {
    color: #fff;
}
p.car_text3 {
    color: #fff;
    padding-left: 10px;
}
#map {
    width: 100%;
    height: 400px;
    max-width: 1000px;
    margin: 0 auto;
}
.acsess_wrap.cf {
    width: 100%;
    margin: 80px 0;
    padding: 0 0 40px 0;
}
.office {
    margin: 80px 0;
}
div#map2 {
    height: 400px;
}
p.map_erea {
    text-align: center;
    color: #96804b;
    font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #96804b;
    border-top: 1px solid #96804b;
    margin-bottom: 10px;
}
p.office_e {
    color: #96804b;
}
/*お問い合わせ*/
.contact_kv {
    width: 185px;
}
label {
    color: #fff;
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
}
.must {
    color: #fff;
    margin-left: 10px;
    padding: 2px 10px;
    background: #96804b;
    border-radius: 20px;
    font-size: 11px;
}
p.submit_text {
    text-align: center;
    margin-bottom: 20px;
}
button, input[type="button"], input[type="submit"], input[type="reset"]{
    background-color: #96804b;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
input[type="reset"]{
    background-color: #F1F1EE;
    color: #1a1a1a;
    font-size: 16px;
    margin-left: 6px;
}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 10px 15px;
    margin: 10px 10px 30px 0px;
    border: none;
    border-radius: 5px;
}
p.submit_btn {
    text-align: center;
}
p.contact_text {
    color: #fff;
    text-align: center;
    margin: 60px 0 40px 0;
}
.form_wrap{
    width:50%;
    margin: 0 auto 80px;}
.form_wrap p{margin-bottom: 0;padding-bottom: 0;}
p.submit_text {
    color: #fff;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #fff !important;
    color: #fff;
}
/*採用情報*/
.rec_info {
    width:100%;
    background-color: #f1f1ee;
    margin: 40px 0;
    padding:40px 0 80px 0;
}
p.rec_tit {
    text-align: center;
    font-size: 30px;
    color: #253051;
    font-family: TsukuAOldMinPr6-R,serif;
    margin: 0 0 40px 0;
    font-weight:bold;
}
.rec_info dl.cf {
    display: table;
    width: 90%;
    margin:0 auto;
    border-bottom:1px solid #253051;
}
.rec_info dt {
    width: 20%;
    float: left;
    color: #253051;
    font-weight:bold;
    display: table-cell;
    padding: 20px 0;
    text-align: center;
    vertical-align: middle;
}
.rec_info dd {
    width: 80%;
    float: left;
    display: table-cell;
    color: #253051;
     padding: 20px 0;
}
.wpcf7-validation-errors {
    border: 2px solid #fff;
    padding: 10px;
    color: #fff;
}
/*LP*/
.lp_kv {
    width: 426px;
}
.lp_window {
    margin: 100px 0 60px 0;
}
.lp_window li {
    width: 45%;
    display: inline-block;
    float: left;
    margin-right: 2%;
    border:1px solid #96804b;
    padding: 0 20px;
}
.lp_window li:last-child{
    margin-right:0;}
p.lp_wtit {
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.2em;
    padding: 30px 0 10px 0;
}
p.lp_sub {
    color: #fff;
    padding: 0 10px 20px 10px;
}
ul.window.cf {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.sp_table {
    display: none;
}
p.csr {
    width: 92%;
    margin: 0 auto 2rem;
    color: #fff;
}
p.csr span {
    font-weight: bold;
    text-align: center;
    display: block;
    padding-bottom: 10px;
}
p.p_bold {
    text-align: center;
    font-weight: bold;
    color: #fff;
}
p.print {
    text-align: center;
    padding: 10px;
    border: 1px solid #96804b;
    margin-bottom: 100px;
}
p.print a{color: #96804b;}

p.print a:hover{
    color: #96804b;
text-decoration: underline;}

.rss {
    max-width: 1200px;
    margin: 0 auto;
}
ul.wp_rss_retriever_list li {
    color: #fff;
    width: 100%;
}
.rss .wp_rss_retriever_credits {
    display: none;
}
a.wp_rss_retriever_title {
    font-size: 14px;
    color: #96804b;
}
.rss a.wp_rss_retriever_title {
    font-size: 14px;
    color: #96804b;
}
.rss .wp_rss_retriever_item_wrapper {
    margin: 10px 0;
}
.rss li.wp_rss_retriever_item {
    overflow: hidden;
    margin-bottom: 0px;
    height: auto;
}
li.wp_rss_retriever_item a{
    color: #fff;
    text-decoration: underline;
}
/*ul.wp_rss_retriever_list {
        height: 300px;
    overflow-y: scroll;}*/
.coruts dl dt {
    font-size: 14px;
    color: #96804b;
}
.coruts dl dd a {
    color: #fff;
    text-decoration: underline;
}
p.rss_tit {
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin-bottom: 20px;
}
.rss li {
    width: 45%;
    display: inline-block;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 3%;
    height:300px;
    overflow-y: scroll;
}
.rss .wp_rss_retriever {
    overflow: hidden;
}
/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:1120px) {
/* ▼PC用================================================================== */

/* ▲PC用================================================================== */
}
/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1000px) {
/* ▼Tab用================================================================= */
p.c_tit {
    font-size: 17px;}
.contents_wrap li {
    width: 33%;}
.cost_wrap li {
    width: 30.3%;}
.ad_text {
    line-height: 1.5;
    padding: 10px 30px;
    font-weight: bold;
}
h3.ad {
    padding: 60px 0 30px 0;}
.point_inner {
    width: 45%;}
.p_left {
    width: 100%;
    padding:0;}
.p_right {
    width: 100%;}
p.v_text {
    line-height: 2;
    padding: 5px 0 0 0;
    width: 80%;
    font-weight: 700;
}
h3.vision {
    padding: 80px 0 20px 0;
}
p.feature_text {
    width: 100%;
    line-height: 2;
}
service1 {
    width: 80%;}
.ser_inner {
    width: 80%;}
.service2 {
    width: 80%;}
.service3 {
    width: 80%;}
.p_box {
    width: 90%;
    margin: 40px auto;
}
.p_box li {
    width: 100%;
    float: none;
    display: block;
    border-right: none;
    margin-right: 0;
    margin-bottom: 5%;
}
p.o_text {
    width: 90%;}
.map_left {
    width: 100%;
    float: none;
    display: block;
}
.map_right {
    width: 100%;
    float: none;
    display: block;
    padding: 40px 0 0 20px;
}
.chapter_table th {
    width: 25%;}
.p_left {
    background-size: 40%;}
.lp_window li {
    width: 43%;}
.section3 {
    background: url(../../about/img/03_bk.jpg) no-repeat center;
    background-size: cover;
    margin: 30% 0;
}
/* ▲Tab用================================================================= */
}
/* ■05.横幅767px以下（SP用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:767px) {
/* ▼SP用================================================================ */
.breadcrumb {
    display: none;}
.lower_logo {
    width: 140px;
    margin: 0 auto;
    padding-top: 10px;
}
.lower_kv {
    width: 140px;
    margin: 0 0 40px 20px;
    padding: 60px 0 0 10px;
}
h3.support {
    width: 100px;}
.support_text {
    width: 360px;
    margin: 20px auto 60px;
}
.contents_wrap li {
    display: block;
    width: 100%;
}
.breadcrumb li {
    font-size: 12px;
}
h3.cost {
    width: 60px;
    margin: 20px auto 0;}
.cost_text {
    font-size: 17px;
    padding: 0 30px;
    margin: 0;}
.cost_wrap li {
    display: block;
    height: 160px;
    width: 90%;
    margin: 0 auto;}
.cost_wrap {
    margin: 40px 0;
}
.cost_consultation .table-01 th,.cost_consultation .table-01 td {
    display: block;
}
.cost_consultation .table-01 th {
    width: auto;
}
.chapter_wrap {
    margin: 40px 0;
}
.lower_adkv {
    width: 220px;
    padding: 60px 0 0 10px;
    margin: 0 20px 0;
}
h3.ad {
    width: 100px;
    padding: 20px 0 20px 0;
}
.ad_tit {
    font-size: 18px;}
.ad_text {
    line-height: 1.5;
    padding:5px 15px;
    font-weight: bold;
}
.ad_wrap {
    background: url(../../advisory/img/ad_bk.png) no-repeat center 80px;
    width: 100%;
    height: 500px;
}
.point_inner {
    width: 85%;
    left: 8%;
    top: -10%;
}
p.point_text {
    width: 75%;}
.merit_wrap {
    padding: 60px 0 0 0;
}
.inner {
    width: 95%;}
.p_left {
    float: none;
    display: block;
    width: 100%;
    padding: 0;
    margin: 40px 0 0 0;
}
.rink_url {
    width: 100%;
}
.p_right {
    float: none;
    width: 100%;
    padding: 40px 0 0 0;
}
ul.wri.cf{display: block;}
ul.wri.cf li{
    width: 95%;
    float: none;
    display: block;
    margin: 0 auto 3%;
}
ul.wri.cf li:last-child {
    margin: 0 auto 3%;}
ul.wri2.cf li{
    width: 95%;
    float: none;
    display: block;
    margin: 0 auto 3%;
}
ul.wri2.cf li:last-child {
    margin: 0 auto 3%;}
    p.book_sub {
    padding: 0 20px;
}
p.aim_tit {
    font-size: 18px;
    padding: 20px 10px 0 10px;}
p.aim_text {
    padding: 10px;
}
p.rink_url {
    width: 100%;
}
.about_kv {
    width: 200px;
    padding: 60px 0 0 10px;
}
h3.vision {
    width: 180px;
    padding: 60px 0 10px 0;
}
p.vision_tit {
    font-size: 18px;}
p.v_text {
    line-height: 1.8;
    padding: 10px 0 0 0;
    width: 90%;
    font-size: 12px;
    font-weight: 700;
    text-align:left;
}
p.vision_img {
    width: 80%;
}
.vision_wrap {
    background: url(../../about/img/idea_bk.png) no-repeat right bottom;
    background-size: 90%;
}
h3.feature {
    width: 140px;
    padding: 25px 0 5px 0;
    margin: 0 auto;
}
p.feature_tit {
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center;
}
p.feature_text {
    width: 90%;
    margin: 0 auto;
    line-height: 1.7;
}
.section1 {
    height: 800px;
}
p.ser_number {
    width: 60px;
    top: -3%;
}
p.ser_tit {
    font-size: 17px;}
.service1 {
    background-color: #fff;
    width: 90%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -80%;
    border-top: none;
    margin:auto;
}
.ser_inner {
    width: 90%;
    }

.service2 {
    width: 90%;
    position:inherit;
    margin: auto;
}
.section2 {
    background: url(../../about/img/02_bk.png) no-repeat right -350px top;
    height: 500px;
    margin: 800px 0 0 0;
}
.section3 {
    height: 500px;
   margin: 27rem 0 8rem 0;
}
.service3 {
    width: 90%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -20%;
    margin: 0 auto 10%;
}
.partner li {
    float: none;
    display: block;
    width: 90%;
    border: none;
    margin: 0 auto 2%;
    padding: 0;
}
p.ser_trxt {
    padding: 0 0 20px 0;
}
p.probono_tit {
    font-size: 18px;}
h3.probono {
    width: 160px;}
.p_box {
    width: 90%;
    padding: 0px;
   margin: 20px auto 40px;
   animation-delay:0.2;
   animation-duration:0.4;
}
h4.pro_sub {
    padding: 15px 0 30px 0;
}
ul.problist li {
    width: 100%;
    float: none;
    display: block;
    border-right: none;
    margin:0 0 5% 0;
}
p.rink_url2 {
    margin: 10px 0 0 0;
}
p.pro_tit {
    margin: 0;}
p.office_tit {
    font-size: 18px;
    margin: 0 0 20px 0;}
h3.office {
    width: 120px;}
.office li {
    width: 98%;
    margin:0 auto;}
.office li br{
    display:block;}
.partner {
    width: 100%;}

.office_info {
    width: 95%;
    margin: 30px auto 40px;}
p.o_text {
    width: 90%;}
p.acs_tit {
    font-size: 18px;
    margin: 0 0 20px 0;}
.map_left {
    width: 100%;
    float: none;
    display: block;
    margin-top: 20px;
}
.map_right {
    width: 90%;
    float: none;
    display: block;
    padding: 40px 0 0 20px;
}
p.train {
    width: 80%;}
p.car {
    width: 80%;}
.privacy_kv {
    width: 200px;
    padding: 60px 0 0 10px;}
.privacy_text {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;}
.privacy_bold {
    font-size: 16px;}
.contact_kv {
   width: 120px;
    padding: 60px 0 0 10px;
}
.form_wrap {
    width: 85%;}
p.chapter1 {
    font-size: 18px;
    padding-left: 10px;
}
p.chapter_tit {
    font-size: 16px;}
.chapter_table th {
    padding: 10px 5px;
}

.cost_kv {
    width: 160px;
    padding:60px 0 0 10px;
}
h4 {
    font-size: 18px;}
.plofile_kv {
    width: 100px;
    padding: 60px 0 0 10px;
}
.p_name {
    font-size: 28px;
    margin: 0 0 10px 0;
}
p.p_number {
    width: 31px;
    margin: 0 0 10px 0;
}
.writing_wrap {
    margin: 60px 0;
}
p.writing_tit {
    font-size: 18px;
    margin: 10px 0 20px 0;}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 90%;}
p.rec_tit {
    font-size: 21px;
    margin: 0 0 20px 0;}
.rec_info dl.cf {
    width: 100%;}
.rec_info dt {
    width: 100%;
    float: none;
    display: block;
    padding: 10px 0 0 0;
}
.rec_info dd {
    width: 100%;
    float: none;
    display: block;
    padding: 10px 0;
}
p.merit_tit {
    font-size: 18px;}
.lp_window li {
    width: 87%;
    margin: 0 auto 2%;
}
.lp_kv {
    width: 220px;
    padding: 60px 0 0 10px;
}
.lp_window {
    margin: 0px 0 60px 0;
}
.o_text br{
    display:none;}
    p.c_tit {
    font-size: 21px;}
.ad_text {
    color: #fff;
    text-align: left;}
.support_text {
    font-size: 16px;
}
    .a_tit {
    text-align: left;
}
p.c_icon {
    padding: 45px 0 15px 0;
}

.cont2 li {
    margin: 0 auto 200px;
}
h3.advisory {
    width: 220px;}
.plo_tab li a {
    font-size: 12px;}
p.p_text {
    line-height: 2;
    margin: 0 0 20px 0;
}
/*ツリーメニュー*/
.sp_table{
    display:block;}
.pc_table{
    display:none;}
.acMenu {width:100%;
margin:0 auto 1%;
border-top:1px solid #96804b;
border-bottom:1px solid #96804b;
padding:0px;
background: #fff;}

.acMenu li {
    list-style: none;
    padding:0px;
    border: none;
}

.acMenu a {text-decoration: none;}

.acMenu li ul {
    padding:0px;
}

.menu-ttl {
    text-align: center;
    padding:15px 0;
}
.sub-menu-ttl {
    text-align: center;
    padding:15px 0;
    background:url(../../contents/img/guide2.png) no-repeat left top 15px;
    background-color:#f7f6f3;
    margin:0px;
}
dd {
    margin:0px;
}
.acMenu2 li {
    text-align:center;
}
.acMenu3 {
    text-align: center;
}
.acMenu3 li,.menu-link li {
    padding-top: 15px;
    padding-bottom: 15px;
    background:url(../../contents/img/guide.png) no-repeat left top 15px;
}
.acMenu dt.open {
/*    background: #ccc;*/
}
p.tree_tit {
    font-size: 16px;
    text-align: center;
    padding: 15px 0;
    margin: 0 0 3% 0;
    background-color: #ab996e;
    color: #fff;
}
.acMenu3 li a{
    color:#ab996e;}
p.glaf {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0 0 0;
}
p.img_idea {
    font-size: 16px;}
o_img {
    width: 100%;
    margin: 0 auto;
}
p.office_img {
    margin: 2rem 0 1rem 0;
}
    .section1 {
    background: url(../../about/img/01_bksp-min.png) no-repeat center;
    background-size: contain;
    background-position: top;
    height: 950px;
}
    .o_img {
    width: 100%;
    margin: 0 auto;
}

    span.indent {
    padding-left: 8px;
}
        span.indent2 {
    padding-left: 0px;
}
    p.train_text {
    margin-bottom: 20px;
}

    p.car_text2{
        color: #fff;
    }
    p.car_text3 br {
        display: none;
}
    .rss {
    max-width: 1200px;
    margin: 0 auto;
    width: 95%;
}
     .rss li {
    width: 95%;
    display: block;
        margin: 0 auto 3%;}
    .p_left2 {
    float: none;
    display:block;
    width: 100%;
    background: url(../../profile/img/logo_bk.png) no-repeat center bottom;
    background-size: 50%;
    padding: 0;
}
/*
    p.car_text br{
        display: none;
}
*/
/*.acMenu dt:after {
    content:"\f078";
    font-family:fontAwesome;
    margin-left:20px;
}

.acMenu dt.open:after {content:"\f077";
    font-family:fontAwesome;
margin-left:20px;}

.sub-menu-ttl:after {
    content:"\f078";
    font-family:fontAwesome;
    margin-left:20px;
}

.sub-menu-ttl.openAcd:after {content:"\f077";
    font-family:fontAwesome;
margin-left:20px;}*/
/* ▲SP用================================================================ */
.prof_wrap{
    margin-bottom: 30px;
}

.prof_label{
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 15px;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
}

.prof_list{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content:space-between;
}

.prof_list > li{
    border-bottom: 1px solid #96804b;
    width: 100%;
    margin-bottom: 15px;
}

.prof_list > li > a{
    padding: 15px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

.prof_list > li > a:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

.prof_list > li > a:after{
    content: url(../../profile/img/arrow_1.png);
    width: 10px;
    height: 30px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.prof_list > li > a > .prof_list_text{
    width: 70%;
    text-align: left;
}

.prof_list > li > a > .prof_list_text > .number{
    width: 40px;
    margin-bottom: 10px;
    padding-left: 30px;
}

.prof_list > li > a > .prof_list_text > .title{
    color: #fff;
    font-size: 14px;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
    padding: 0 0 0 30px;
}

.prof_list > li > a > .prof_list_text > .name{
    font-size: 24px;
    color: #fff;
    font-family: TsukuAOldMinPr6-R,serif;
    letter-spacing: 0.2em;
    background: url(../../profile/img/p_icon.png) no-repeat left;
    background-size: 17px 45px;
    padding: 0 0 0 30px;
    margin: 0 0 20px 0;
}
.prof_list > li > a > .prof_list_text > .name > span{
    font-size: 14px;
    color: #96804b;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: block;
}

.prof_list > li > a > .prof_list_img{
    width: 30%;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.prof_back{
    margin: 30px auto;
    text-align: center;
}

.prof_back > a{
    display: inline-block;
    padding: 15px 40px;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}

}

/* resolution */
.resolution .resolution__list {
    margin: 0 auto 60px;
}
.resolution__item {
    display: flex;
    align-items: flex-start;
    margin: 0 14px 5px 0;
    padding: 0 0 5px;
    padding-left: 5px !important;
    border-bottom: 1px dashed #382d2b;
    font-size: 16px;
}
.resolution__item::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 24px;
    margin: 0 14px 0 0;
    background: url(../../common/img/logo-solid.png) no-repeat;
    background-size: contain;
}
.resolution__item:after {
    content: 'Click ≫';
    font-size: 12px;
    line-height: 1;
    color: #96804b;
    font-weight: bold;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.page_wrap .resolution__item a:link {
    display: inline-block;
    width: 85%;
    text-decoration: none;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .page_wrap .resolution__item a:link {
        width: 100%;
        padding: 0 0 1rem;
    }
}

.page_wrap .page_child{display: flex;flex-wrap: wrap;counter-reset: number 0;margin-top: 40px;}
.page_wrap .page_child li{display: block;box-sizing: border-box;width: calc(100% / 3);padding: 0;border-right: 1px solid #382d2b;border-bottom: 1px solid #382d2b;position: relative;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.page_wrap .page_child li:nth-child(-n+3){border-top: 1px solid #382d2b;border-left: 1px solid #382d2b;}
.page_wrap .page_child li:before{counter-increment: number 1;content: counter(number);list-style-type: decimal-leading-zero;position: absolute;top: 10px;left: 10px;font-size: 24px;line-height: 1;font-style: italic;color: #9fa2a9;}
.page_wrap .page_child li:after{content: 'Click ≫';font-size: 12px;line-height: 1;color: #96804b;font-weight: bold;position: absolute;right: 10px;bottom: 10px;}
.page_wrap .page_child li a{display: flex;box-sizing: border-box;align-items: center;width: 100%;height: 140px;padding: 10px;font-size: 21px;color: #fff;line-height: 1;text-decoration: none;}
.page_wrap .page_child li a:hover{background: rgba(255,255,255,0.1);}
@media screen and (max-width: 767px) {
    .page_wrap .page_child{display: block;}
    .page_wrap .page_child li{width: 100%;}
    .page_wrap .page_child li a{font-size: 4vw;height: 110px;}
}

a.textlink{color: #fff;font-size: 20px;font-weight: bold;text-decoration: underline;}

.flow_inq{display: block;width: 60%;margin: 0 auto;}
@media screen and (max-width: 767px) {
    .flow_inq{width: 100%;margin: 0 auto;}
}

.sec_prof{display: flex;}
.prof_left{flex: 1;display: block;background: url(../../profile/img/logo_bk.png) no-repeat center bottom;background-size: 50%;padding: 40px 20px 60px 20px;}
.prof_right{width: 35%;padding: 90px 0 0 0;}
.prof_right img{width: 385px;height: auto;max-width: 100%;box-shadow: 8px 8px 0px 0 rgb(48, 42, 37);}
.becomming_txt p {color: #fff;line-height: 2;padding: 10px 0;}
@media screen and (max-width: 767px) {
    .sec_prof{display: block;}
    .prof_left{display: block;width: 100%;padding: 0;margin: 40px 0 0 0;}
    .prof_right{width: 100%;padding: 40px 0 0 0;}
}

@media screen and (max-width: 767px) {
.about_txt{width: 95%!important;}
}

.img-author-photo{
    width: 126px !important;
    height: auto;
/* 	margin: 0 20px 40px 0!important; */
}

.text-italic{
	font-style: italic;
}