@charset "utf-8";
/* CSS Document */

/** ▼▼▼▼▼▼▼▼▼▼ common　▼▼▼▼▼▼▼▼▼▼ **/
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital@0;1&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
@import url("https://use.typekit.net/mfy8owj.css");

.eb-garamond {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.noto-serif-jp {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.noto-sans-jp {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.din-2014-light-italic {
    font-family: "din-2014", sans-serif;
    font-weight: 300;
    font-style: italic;
}

h2 {
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.04em;
    line-height: 100%;
}

h2 span {
    display: block;
    margin: 28px auto 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    line-height: 100%;
}

section {
    margin: 100px auto 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 200%;
}

.link_btn {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
}

/*.link_btn a {
    width: 420px;
    height: 40px;
    box-sizing: border-box;
    padding: 0 32px;
    border: solid 1px #666;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.5s;
    font-size: 14px;
}*/


.link_btn a:hover {
    background-color: #ededed;
    color: #212121;
}
/** ▲▲▲▲▲▲▲▲▲▲ common　▲▲▲▲▲▲▲▲▲▲ **/


/** ▼▼▼▼▼▼▼▼▼▼ company　▼▼▼▼▼▼▼▼▼▼ **/
/** ▼▼▼▼▼▼ message　▼▼▼▼▼▼ **/
#message h3 {
    margin: 60px auto 0 auto;
    font-family: "Noto Serif JP", serif;
    font-size: 18px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 100%;
}

#message p {
    width: 780px;
    margin: 40px auto 0 auto;
}

#message p strong {
    display: block;
    font-weight: 500;
}

#message p span.og {
    font-weight: 700;
    color: #F5A200;
}

#message p span.text_r {
    display: block;
    margin: 45px auto 0 auto;
    text-align: right;
}
/** ▲▲▲▲▲▲ message　▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼ management　▼▼▼▼▼▼ **/
#management {
    margin: 130px auto 0 auto;
    padding: 100px 0;
    background: #EDF2F2;
}

#management ul {
    display: flex;
    justify-content: space-between;
    width: 1180px;
    margin: 0 auto 30px auto;
    padding: 0 200px 0 0;
}

#management ul li:nth-child(1) {
    width: 300px;
}

#management ul li:nth-child(2) {
    width: 600px;
}

#management ul li:nth-child(2) h3 {
    font-family: "EB Garamond", serif;
    font-size: 25px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.04em;
    line-height: 100%;
    margin: 0;
    padding: 0;
}

#management ul li:nth-child(2) h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin: 25px 0 0 0;
}

#management ul li:nth-child(2) h4 span {
    font-size: 16px;
    margin: 0 25px 0 0;
}

#management ul li:nth-child(2) ul {
    flex-wrap: wrap;
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0;
    background: none;
}

#management ul li:nth-child(2) ul li {
    margin: 0 0 10px 0;
}

#management ul li:nth-child(2) ul li:nth-child(odd) {
    width: 40px;
}

#management ul li:nth-child(2) ul li:nth-child(even) {
    width: 540px;
}

#management ul.posting {
    justify-content: space-between;
    width: 780px;
    margin: 20px auto 0 auto;
    padding: 20px 30px;
    background: #DCE1E1;
}

#management ul.posting li:nth-child(1) {
    width: 113px;
}

#management ul.posting li:nth-child(3) {
    width: 570px;
}

#management ul.posting li:nth-child(3) p {
    margin: 0;
    letter-spacing: 0.04em;
}

#management ul.posting li:nth-child(3) p strong {
    display: block;
    margin: 7px 0 10px 0;
    font-size: 14px;
    font-weight: 400;
}
/** ▲▲▲▲▲▲ management　▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼ profile　▼▼▼▼▼▼ **/
#profile {
    margin: 100px auto 0 auto;
}

#profile ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 780px;
    margin: 45px auto 0 auto;
    padding: 0;
    border-top: 1px solid #B3B3B3;
}

#profile ul li {
    border-bottom: 1px solid #B3B3B3;
    font-size: 16px;
}

#profile ul li:nth-child(odd) {
    width: 130px;
    padding: 20px 0;
    text-align: center;
    background: #F2F2F2;
}

#profile ul li:nth-child(even) {
    width: 650px;
    padding: 10px 0 10px 50px;
    line-height: 262%;
}

#profile ul li p {
    margin: 5px 0 0 0;
    padding: 0 0 40px 0;
    font-size: 12px;
    line-height: 200%;
}

#profile ul li p:nth-child(1) {
    border-bottom: 1px solid #B3B3B3;
}
/** ▲▲▲▲▲▲ profile　▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼ security　▼▼▼▼▼▼ **/
#security {
    margin: 55px auto 0 auto;
}

#security ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 780px;
    margin: 0 auto;
}

#security ul li {
    text-align: left;
}

#security ul li:nth-child(1) {
    width: 137px;
}

#security ul li:nth-child(2) {
    width: 260px;
}

#security ul li:nth-child(3) {
    width: 80px;
}

#security ul li:nth-child(4) {
    width: 265px;
}
/** ▲▲▲▲▲▲ security　▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼ purpose　▼▼▼▼▼▼ **/
#purpose {
    margin: 100px auto 0 auto;
    padding: 100px 0 135px 0;
    background: #EDF2F2;
}

#purpose h3 {
    margin: 50px auto 0 auto;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

#purpose h4 {
    margin: 25px auto 0 auto;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

#purpose p {
    width: 780px;
    margin: 50px auto 0 auto;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    line-height: 200%;
}
/** ▲▲▲▲▲▲ purpose　▲▲▲▲▲▲ **/
/** ▲▲▲▲▲▲▲▲▲▲ company　▲▲▲▲▲▲▲▲▲▲ **/


/** ▼▼▼▼▼▼▼▼▼▼ business　▼▼▼▼▼▼▼▼▼▼ **/
/** ▼▼▼▼▼▼ growth　▼▼▼▼▼▼ **/
#growth div.jp {
    font-family: "Noto Serif JP", serif;
    font-size: 20px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.4em;
}

#growth div.eng {
    font-family: "EB Garamond", serif;
    font-size: 22px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.04em;
    margin: 30px auto 0 auto;
}

#growth h3 {
    font-family: "EB Garamond", serif;
    font-size: 40px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.04em;
    margin: 70px auto 0 auto;
}

#growth h3 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    display: block;
    margin: 30px auto 0 auto;
}

#growth div.phase_link {
    display: flex;
    width: 1000px;
    margin: 50px auto 0 auto;
}

#growth div.phase_link a {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 232px;
    height: 110px;
    padding: 20px 0;
    border: 1px solid #808080;
    background: url(../img/ico_dowun.svg) no-repeat center bottom 20px;
    transition: .3s;
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

#growth div.phase_link a span {
    display: block;
    font-family: "din-2014", sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.04em;
    margin: 0 0 6px 0;
}

#growth div.phase_link a:hover {
    background: url(../img/ico_dowun.svg) no-repeat center bottom 15px;
    color: #000000;
}

#growth div.phase_link div {
    width: 24px;
    height: 110px;
    background: url(../img/ico_connection.svg) no-repeat center center;
}

#growth ul {
    width: 740px;
    height: 240px;
    margin: 55px auto 0 auto;
    background: url(../img/bg_business.png) no-repeat center center;
}

#growth ul li {
    position: relative;
    top: -10px;
    left: -10px;
    width: 740px;
    height: 240px;
    padding: 20px 0;
    border: 1px solid #CCCCCC;
    background: #EDF2F2;
    font-size: 18px;
    font-weight: 300;
    line-height: 233%;
    text-align: center;
}

#growth ul li span {
    background: linear-gradient(transparent 80%, #FCE3B2 20% );
}

#growth ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 340px;
    height: 40px;
    margin: 30px auto 0 auto;
    border: 1px solid #666666;
    background: #FFFFFF url(../img/ico_right.svg) no-repeat center right 8px;
    font-size: 14px;
    transition: .3s;
}

#growth ul li a:hover {
    background: #FFFFFF url(../img/ico_right.svg) no-repeat center right 5px;
    color: #000000;
}
/** ▲▲▲▲▲▲ growth　▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼ phase　▼▼▼▼▼▼ **/
#phase {
    margin: 160px auto 0 auto;
}

/** ▼▼ イレギュラー対応 ▼▼ **/
.wrap {
    overflow: visible;
}
/** ▲▲ イレギュラー対応 ▲▲ **/

#phase ul {
    position: relative;
    display: flex;
    align-items: flex-start;
    /**justify-content: space-between;**/
    justify-content: flex-start;
    /**width: 1090px;**/
    width: 1180px;
    margin: 0 auto;
}

#phase ul li.menu {
    position: sticky;
    top: 50px;
    width: 180px;
}

#phase ul li.menu ul {
    flex-direction: column;
    width: 100%;
}

#phase ul li.menu ul li {
    width: 100%;
}

#phase ul li.menu ul li.ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    border-top: 2px solid #808080;
    border-bottom: 2px solid #808080;
    font-family: "EB Garamond", serif;
    font-size: 24px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    line-height: 112%;
    letter-spacing: 0.04em;
}

#phase ul li.menu ul li ul {
    display: flex;
    /**flex-direction: row;**/
    width: 130px;
    margin: 30px auto 0 auto;
    writing-mode: vertical-rl;
}

#phase ul li.menu ul li ul li {
    display: flex;
    flex-direction: center;
}

#phase ul li.menu ul li ul li a {
    display: block;
    padding: 0 5px 0 0;
    font-size: 14px;
    color: #808080;
    transition: .3s;
}

#phase ul li.menu ul li ul li a:hover {
    color: #F5A200;
}

#phase ul li.menu ul li ul li a.active {
    color: #F5A200;
    font-weight: bold;
}

#phase ul li.menu ul li ul li a span {
    font-family: "din-2014", sans-serif;
    font-size: 23px;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    writing-mode: horizontal-tb;
    margin: 0 0 5px 0;
}

#phase ul li.phase_area {
    width: 800px;
    margin: 0 0 0 110px;
}

#phase ul li.phase_area ul.phase {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#phase ul li.phase_area ul.phase li:nth-Child(1) {
    width: 300px;
}

#phase ul li.phase_area ul.phase li:nth-Child(2) {
    width: 450px;
}

#phase ul li.phase_area ul.phase li:nth-Child(2) h4 {
    font-size: 20px;
    font-weight: 600;
    color: #666666;
    margin: 0;
    padding: 0;
}

#phase ul li.phase_area ul.phase li:nth-Child(2) h4 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin: 10px 0 0 0;
}

#phase ul li.phase_area ul.phase li:nth-Child(2) strong {
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0 0 0;
    padding: 0;
}

#phase ul li.phase_area ul.phase li:nth-Child(2) p {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 200%;
    margin: 15px 0 0 0;
    padding: 0;
}

#phase ul li.phase_area p {
    font-size: 12px;
    text-align: center;
    margin: 35px auto -20px auto;
}

#phase ul li.phase_area ul.icons01 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 37px auto 80px auto;
}

#phase ul li.phase_area ul.icons01 li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 125px;
    height: 125px;
    border-radius: 50%;
}

#phase ul li.phase_area ul.icons01 li:nth-child(odd) {
    background: #FEF6E5;
}

#phase ul li.phase_area ul.icons01 li:nth-child(even) {
    background: #FDF1D9;
}

#phase ul li.phase_area ul.icons01 li img {
    width: initial;
    height: auto;
    margin: 0 0 5px 0;
}

#phase ul li.phase_area ul.icons02 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 37px auto 80px auto;
}

#phase ul li.phase_area ul.icons02 li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 125px;
    height: 125px;
    border-radius: 50%;
}

#phase ul li.phase_area ul.icons02 li:nth-child(odd) {
    background: #FDF1D9;
}

#phase ul li.phase_area ul.icons02 li:nth-child(even) {
    background: #FEF6E5;
}

#phase ul li.phase_area ul.icons02 li img {
    width: initial;
    height: auto;
    margin: 0 0 5px 0;
}

#phase ul li.phase_area ul.bocrm {width: 100%;}
#phase ul li.phase_area ul.bocrm a{
    display: flex;
    align-items: center;
	justify-content: space-between;
    width: 100%;
    height: 80px;
    margin: -55px auto 80px auto;
    padding: 0 20px;
    border-radius: 5px;
    background: #EDF2F2;
}
/** ▲▲▲▲▲▲ phase　▲▲▲▲▲▲ **/

/** ▼▼▼▼▼▼ product　▼▼▼▼▼▼ **/
#product {
    margin: 50px auto 0 auto;
    padding: 135px 0 0 0;
    border-top: 1px solid #B3B3B3;
}

#product h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    letter-spacing: 0.2em;
    margin: 50px auto 0 auto;
}

#product ul.bocrm {
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: 65px auto 0 auto;
}

#product ul.bocrm li:nth-child(1) {
    width: 480px;
}

#product ul.bocrm li:nth-child(2) {
    width: 470px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 200%;
}

#product ul.bocrm li:nth-child(2) img {
    width: auto;
    height: 36px;
    margin: 10px 0 0 0;
}

#product ul.bocrm li:nth-child(2) h4 {
    font-size: 20px;
    font-weight: 500;
    color: #666666;
    margin: 30px 0 0 0;
}

#product ul.bocrm li:nth-child(2) h4 span {
    display: block;
    margin: 15px 0 0 0;
    font-size: 14px;
}

#product ul.bocrm li:nth-child(2) p {
    font-size: 12px;
    margin: 30px 0 0 0;
}

#product ul.bocrm li:nth-child(2) div.link_btn {
    justify-content: flex-start;
    margin: 35px 0 0 0;
}

#product ul.point-4 {
    display: flex;
    justify-content: space-between;
    width: 800px;
    margin: 90px auto 0 auto;
}

#product ul.point-4 li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    line-height: 135%;
    width: 170px;
    height: 69px;
    background: url(../img/bg_leaf.svg) no-repeat center center;
}

#product p {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    margin: 20px auto 0 auto;
}

#product div.link_btn {
    justify-content: center;
    margin: 40px 0 190px 0;
}
/** ▲▲▲▲▲▲ product　▲▲▲▲▲▲ **/
/** ▲▲▲▲▲▲▲▲▲▲ business　▲▲▲▲▲▲▲▲▲▲ **/


/** ▼▼▼▼▼▼▼▼▼▼ text_page　▼▼▼▼▼▼▼▼▼▼ **/
#text_page {
    width: 800px;
    margin: 0 auto;
    padding: 40px 0 70px 0;
    border-bottom: 1px solid #B3B3B3;
}

#text_page.end {
    border-bottom: none;
}

#text_page h3 {
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #F5A200;
    margin: 60px 0 20px 0;
    padding: 0;
}

#text_page h4 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin: 30px 0 5px 0;
    padding: 0;
}

#text_page h5 {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.02em;
    margin: 10px 0 5px 0;
    padding: 0;
}

#text_page p {
    font-size: 12px;
    line-height: 200%;
    margin: 0;
}

#text_page p.text_r {
    text-align: right;
    margin: 20px 0;
}

#text_page p.list {
    width: 97%;
    margin: 30px auto;
}

#text_page ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 15px auto 10px auto;
    border-top: 1px solid #B3B3B3;
}

#text_page ul li {
    width: 50%;
    padding: 10px 0;
    border-bottom: 1px solid #B3B3B3;
    font-size: 12px;
    line-height: 200%;
}

#text_page ul li:nth-child(odd) {
    padding-right: 1%;
    border-right: 1px solid #B3B3B3;
}

#text_page ul li.center {
    text-align: center;
}

#text_page ul li:nth-child(even) {
    padding-left: 1%;
}

#text_page ul li ul {
    margin: 0;
    border-top: none;
}

#text_page ul li ul li {
    display: flex;
    width: initial;
    padding: 0;
    border-bottom: none;
}

#text_page ul li ul li:nth-child(odd) {
    width: 4%;
    border-right: none;
}

#text_page ul li ul li:nth-child(even) {
    width: 96%;
}

#text_page span.og {
    color: #F5A200;
}

#text_page a {
    text-decoration: underline;
    color: #0071BC;
}

#text_page ul.security {
    width: 390px;
    margin: 65px auto 0 auto;
    padding: 0;
    border: none;
}

#text_page ul.security li:nth-child(1) {
    width: 170px;
    border: none;
}

#text_page ul.security li:nth-child(2) {
    width: 210px;
    border: none;
}

#contact_page {
    width: 800px;
    margin: 0 auto;
    padding: 40px 0 70px 0;
}
/** ▲▲▲▲▲▲▲▲▲▲ text_page　▲▲▲▲▲▲▲▲▲▲ **/


@media (max-width: 768px) {
    /** ▼▼▼▼▼▼▼▼▼▼ company　▼▼▼▼▼▼▼▼▼▼ **/
    /** ▼▼▼▼▼▼ message　▼▼▼▼▼▼ **/
	section {
		margin: 10% auto 0 auto;
	}
    #message h3 {
        /**margin: 60px auto 0 auto;
        font-family: "Noto Serif JP", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        text-align: center;**/
        letter-spacing: 0.24em;
        line-height: 220%;
        font-size: 4vw;
    }
    
    #message p {
        width: 88%;
        /**margin: 40px auto 0 auto;**/
    }
    
    /**#message p strong {
        display: block;
        font-weight: 500;
    }**/
    
    /**#message p span.og {
        font-weight: 700;
        color: #F5A200;
    }**/
    
    #message p span.text_r {
        /**display: block;
        text-align: right;**/
        margin: 25px auto 0 auto;
    }
    /** ▲▲▲▲▲▲ message　▲▲▲▲▲▲ **/
    
    /** ▼▼▼▼▼▼ management　▼▼▼▼▼▼ **/
    #management {
        margin: 100px auto 0 auto;
        padding: 50px 0;
        /**background: #EDF2F2;**/
    }
    
    #management ul {
        /**display: flex;
        margin: 0 auto 30px auto;**/
        width: 85%;
        padding: 0;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    #management ul li:nth-child(1) {
        width: 80%;
    }
    
    #management ul li:nth-child(2) {
        width: 100%;
    }
    
    #management ul li:nth-child(2) h3 {
        /**font-family: "EB Garamond", serif;
        font-size: 25px;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0.04em;
        line-height: 100%;
        padding: 0;**/
        margin: 20px 0 0 0;
        text-align: center;
    }
    
    #management ul li:nth-child(2) h4 {
        /**font-family: "Noto Sans JP", sans-serif;
        font-size: 22px;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;**/
        margin: 20px 0 0 0;
        text-align: center;
    }
    
    /**#management ul li:nth-child(2) h4 span {
        font-size: 16px;
        margin: 0 25px 0 0;
    }**/
    
    #management ul li:nth-child(2) ul {
        /**flex-wrap: wrap;
        width: 100%;
        padding: 0;
        background: none;**/
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: row;
        margin: 35px 0 0 0;
    }
    
    #management ul li:nth-child(2) ul li {
        margin: 0 0 15px 0;
    }
    
    #management ul li:nth-child(2) ul li:nth-child(odd) {
        width: 15%;
    }
    
    #management ul li:nth-child(2) ul li:nth-child(even) {
        width: 85%;
    }
    
    #management ul.posting {
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        width: 85%;
        padding: 20px 5%;
        /**margin: 20px auto 0 auto;
        background: #DCE1E1;**/
    }
    
    #management ul.posting li:nth-child(1) {
        width: 25%;
    }
    
    #management ul.posting li:nth-child(2) {
        width: 72%;
    }
    
    #management ul.posting li:nth-child(2) p {
        margin: 0;
        letter-spacing: 0.04em;
    }
    
    #management ul.posting li:nth-child(2) p strong {
        display: block;
        margin: 7px 0 10px 0;
        font-size: 13px;
        font-weight: 400;
    }

    #management ul.posting li:nth-child(3) {
        width: 100%;
        margin: 15px 0 0 0;
    }
    
    /**#management ul.posting li:nth-child(3) p {
        margin: 0;
        letter-spacing: 0.04em;
    }**/
    
    /**#management ul.posting li:nth-child(3) p strong {
        display: block;
        margin: 7px 0 10px 0;
        font-size: 14px;
        font-weight: 400;
    }**/
    /** ▲▲▲▲▲▲ management　▲▲▲▲▲▲ **/
    
    /** ▼▼▼▼▼▼ profile　▼▼▼▼▼▼ **/
    #profile {
        margin: 80px auto 0 auto;
    }
    
    #profile ul {
        /**display: flex;
        flex-wrap: wrap;
        margin: 45px auto 0 auto;
        padding: 0;**/
        border-top: none;
        justify-content: center;
        width: 86%;
        border-bottom: 1px solid #B3B3B3;
    }
    
    #profile ul li {
        border-bottom: none;
        font-size: 15px;
    }
    
    #profile ul li:nth-child(odd) {
        width: 100%;
        padding: 10px 0;
        border-top: 1px solid #B3B3B3;
        /**text-align: center;
        background: #F2F2F2;**/
    }
    
    #profile ul li:nth-child(even) {
        width: 100%;
        padding: 10px 0 20px 0;
        line-height: 200%;
    }
    
    #profile ul li p {
        /**margin: 5px 0 0 0;
        font-size: 12px;
        line-height: 200%;**/
        padding: 0;
    }
    
    #profile ul li p:nth-child(1) {
        margin-bottom: 30px;
        padding: 0 0 40px 0;
        /**border-bottom: 1px solid #B3B3B3;**/
    }
    /** ▲▲▲▲▲▲ profile　▲▲▲▲▲▲ **/
    
    /** ▼▼▼▼▼▼ security　▼▼▼▼▼▼ **/
    #security {
        margin: 40px auto 0 auto;
    }
    
    #security ul {
        /**display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;**/
        flex-wrap: wrap;
        width: 85%;
    }
    
    #security ul li {
        /**text-align: left;**/
        font-size: 11px;
    }
    
    #security ul li:nth-child(1) {
        width: 30%;
    }
    
    #security ul li:nth-child(2) {
        width: 65%;
    }
    
    #security ul li:nth-child(3) {
        width: 20%;
        margin: 15px 0 0 0;
    }
    
    #security ul li:nth-child(4) {
        width: 75%;
        margin: 15px 0 0 0;
    }
    /** ▲▲▲▲▲▲ security　▲▲▲▲▲▲ **/
    
    /** ▼▼▼▼▼▼ purpose　▼▼▼▼▼▼ **/
    #purpose {
        margin: 80px auto 0 auto;
        padding: 50px 0 70px 0;
        /**background: #EDF2F2;**/
    }
    
    #purpose h3 {
        /**font-weight: 600;
        text-align: center;**/
        margin: 40px auto 0 auto;
        font-size: 25px;
        line-height: 160%;
    }
    
    /**#purpose h4 {
        margin: 25px auto 0 auto;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }**/
    
    #purpose p {
        width: 85%;
        margin: 40px auto 0 auto;
        /**font-size: 12px;
        font-weight: 400;
        text-align: left;
        line-height: 200%;**/
    }
    /** ▲▲▲▲▲▲ purpose　▲▲▲▲▲▲ **/
    /** ▲▲▲▲▲▲▲▲▲▲ company　▲▲▲▲▲▲▲▲▲▲ **/


    /** ▼▼▼▼▼▼▼▼▼▼ business　▼▼▼▼▼▼▼▼▼▼ **/
    /** ▼▼▼▼▼▼ growth　▼▼▼▼▼▼ **/
    #growth div.jp {
        /**font-family: "Noto Serif JP", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        letter-spacing: 0.4em;**/
        font-size: 18px;
        line-height: 225%;
    }

    #growth div.eng {
        /**font-family: "EB Garamond", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        letter-spacing: 0.04em;**/
        margin: 20px auto 0 auto;
        font-size: 21px;
        line-height: 200%;
    }

    #growth h3 {
        /**font-family: "EB Garamond", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        letter-spacing: 0.04em;**/
        font-size: 35px;
        margin: 50px auto 0 auto;
    }

    #growth h3 span {
        /**font-family: "Noto Sans JP", sans-serif;
        font-size: 12px;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        display: block;**/
        margin: 15px auto 0 auto;
    }

    #growth div.phase_link {
        /**display: flex;
        margin: 50px auto 0 auto;**/
        flex-direction: column;
        align-items: center;
        width: 85%;
    }

    #growth div.phase_link a {
        /**display: flex;
        align-items: center;**/
        justify-content: center;
        flex-direction: row;
        width: 100%;
        height: 80px;
        padding: 0;
        /**border: 1px solid #808080;**/
        background: url(../img/ico_dowun.svg) no-repeat center bottom 10px;
        /**transition: .3s;
        font-family: "Noto Serif JP", serif;**/
        /**font-size: 16px;**/
        /**font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;**/
    }

    #growth div.phase_link a span {
        /**display: block;
        font-family: "din-2014", sans-serif;
        font-weight: 300;
        font-style: italic;
        letter-spacing: 0.04em;**/
        position: absolute;
        left: 50px;
        margin: 0;
        font-size: 14px;
    }

    /**#growth div.phase_link a:hover {
        background: url(../img/ico_dowun.svg) no-repeat center bottom 15px;
        color: #000000;
    }**/

    #growth div.phase_link div {
        width: 110px;
        height: 24px;
        /**background: url(../img/ico_connection.svg) no-repeat center center;**/
        transform: rotate(90deg);
    }

    #growth ul {
        width: 85%;
        height: auto;
        background: url(../img/bg_business.png) no-repeat center center / cover;
        /**margin: 55px auto 0 auto;**/
    }

    #growth ul li {
        /**position: relative;
        top: -10px;
        left: -10px;
        border: 1px solid #CCCCCC;
        background: #EDF2F2;
        font-weight: 300;
        line-height: 233%;
        text-align: center;**/
        width: 100%;
        height: auto;
        padding: 20px 10px;
        font-size: 15px;
    }

    /**#growth ul li span {
        background: linear-gradient(transparent 80%, #FCE3B2 20% );
    }**/

    #growth ul li a {
        /**display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        margin: 30px auto 0 auto;
        border: 1px solid #666666;
        background: #FFFFFF url(../img/ico_right.svg) no-repeat center right 8px;
        font-size: 14px;
        transition: .3s;**/
        width: 90%;
        margin: 20px auto 0 auto;
    }

    /**#growth ul li a:hover {
        background: #FFFFFF url(../img/ico_right.svg) no-repeat center right 5px;
        color: #000000;
    }**/
    /** ▲▲▲▲▲▲ growth　▲▲▲▲▲▲ **/

    /** ▼▼▼▼▼▼ phase　▼▼▼▼▼▼ **/
    #phase {
        margin: 60px auto 0 auto;
    }

    /** ▼▼ イレギュラー対応 ▼▼ **/
    .wrap {
        overflow: hidden;
    }
    /** ▲▲ イレギュラー対応 ▲▲ **/

    #phase ul {
        /**position: relative;
        display: flex;**/
        /**justify-content: space-between;**/
        /**justify-content: flex-start;**/
        /**width: 1090px;**/
        flex-direction: column;
        align-items: center;
        width: 85%;
        /**margin: 0 auto;
        overflow: visible;**/
    }

    #phase ul li.menu {
        /**position: sticky;
        top: 50px;**/
        width: auto;
    }

    /**#phase ul li.menu ul {
        flex-direction: column;
        width: 100%;
    }**/

    /**#phase ul li.menu ul li {
        width: 100%;
    }**/

    #phase ul li.menu ul li.ttl {
        /**display: flex;
        align-items: center;
        justify-content: center;**/
        height: 50px;
        /**border-top: 2px solid #808080;
        border-bottom: 2px solid #808080;
        font-family: "EB Garamond", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        line-height: 112%;
        letter-spacing: 0.04em;**/
        font-size: 22px;
        padding: 0 5px;
    }

    #phase ul li.menu ul li ul {
        /**display: flex;
        flex-direction: row;**/
        width: 200px;
        margin: 20px auto 0 auto;
        writing-mode: horizontal-tb;
    }

    #phase ul li.menu ul li ul li {
        /**display: flex;
        flex-direction: center;**/
        margin: 0 auto 10px auto;
    }

    #phase ul li.menu ul li ul li a {
        /**display: block;**/
        padding: 0;
        /**font-size: 14px;
        color: #808080;
        transition: .3s;**/
    }

    /**#phase ul li.menu ul li ul li a:hover {
        color: #F5A200;
    }**/

    #phase ul li.menu ul li ul li a span {
        /**font-family: "din-2014", sans-serif;
        font-weight: 300;
        font-style: italic;
        text-align: center;
        writing-mode: horizontal-tb;**/
        font-size: 20px;
        margin: 0 5px 0 0;
    }

    #phase ul li.phase_area {
        width: 100%;
        margin: 50px 0 0 0;
    }

    #phase ul li.phase_area ul.phase {
        /**display: flex;
        justify-content: space-between;
        width: 100%;**/
        align-items: center;
        justify-content: center;
    }

    #phase ul li.phase_area ul.phase li:nth-Child(1) {
        width: 85%;
    }

    #phase ul li.phase_area ul.phase li:nth-Child(2) {
        width: 100%;
        margin: 30px auto 0 auto;
    }

    #phase ul li.phase_area ul.phase li:nth-Child(2) h4 {
        /**font-weight: 600;
        color: #666666;
        margin: 0;
        padding: 0;**/
        font-size: 19px;
        text-align: center;
    }

    #phase ul li.phase_area ul.phase li:nth-Child(2) h4 span {
        /**display: block;
        font-weight: 400;
        color: #000000;
        margin: 10px 0 0 0;**/
        font-size: 15px;
    }

    #phase ul li.phase_area ul.phase li:nth-Child(2) strong {
        display: block;
        font-size: 17px;
        margin: 30px 0 0 0;
        /**font-weight: 400;
        padding: 0;**/
    }

    #phase ul li.phase_area ul.phase li:nth-Child(2) p {
        font-size: 13px;
        /**font-weight: 400;
        text-align: left;
        line-height: 200%;
        margin: 15px 0 0 0;
        padding: 0;**/
    }

    #phase ul li.phase_area p {
        /**font-size: 12px;
        text-align: center;**/
        margin: 15px auto 5px auto;
    }

    #phase ul li.phase_area ul.icons01 {
        /**display: flex;
        justify-content: space-between;
        width: 100%;**/
        flex-direction: row;
        flex-wrap: wrap;
        margin: 15px auto 60px auto;
    }

    #phase ul li.phase_area ul.icons01 li {
        /**display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 50%;**/
        width: 32%;
        height: initial;
        aspect-ratio: 1 / 1;
        margin: 5px 0;
    }

    /**#phase ul li.phase_area ul.icons01 li:nth-child(odd) {
        background: #FEF6E5;
    }

    #phase ul li.phase_area ul.icons01 li:nth-child(even) {
        background: #FDF1D9;
    }**/

    /**#phase ul li.phase_area ul.icons01 li img {
        width: initial;
        height: auto;
        margin: 0 0 5px 0;
    }**/

    #phase ul li.phase_area ul.icons02 {
        /**display: flex;
        justify-content: space-between;
        width: 100%;**/
        flex-direction: row;
        flex-wrap: wrap;
        margin: 15px auto 60px auto;
    }

    #phase ul li.phase_area ul.icons02 li {
        /**display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 50%;**/
        width: 32%;
        height: initial;
        aspect-ratio: 1 / 1;
        margin: 5px 0;
    }

    /**#phase ul li.phase_area ul.icons02 li:nth-child(odd) {
        background: #FDF1D9;
    }

    #phase ul li.phase_area ul.icons02 li:nth-child(even) {
        background: #FEF6E5;
    }**/

    /**#phase ul li.phase_area ul.icons02 li img {
        width: initial;
        height: auto;
        margin: 0 0 5px 0;
    }**/

    #phase ul li.phase_area ul.bocrm a{
        /**display: flex;
        align-items: center;
        width: 100%;
        border-radius: 5px;
        background: #EDF2F2;**/
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        height: auto;
        margin: -35px auto 70px auto;
        padding: 15px 10px;
    }

    #phase ul li.phase_area ul.bocrm li:nth-child(3) {
        margin: 15px 0 0 0;
    }
    /** ▲▲▲▲▲▲ phase　▲▲▲▲▲▲ **/

    /** ▼▼▼▼▼▼ product　▼▼▼▼▼▼ **/
    #product {
        margin: 30px auto 0 auto;
        padding: 50px 0 0 0;
        /**border-top: 1px solid #B3B3B3;**/
    }

    #product h3 {
        /**font-family: "Noto Sans JP", sans-serif;
        font-size: 16px;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        letter-spacing: 0.2em;**/
        margin: 40px auto 0 auto;
        line-height: 268%;
    }

    #product ul.bocrm {
        /**display: flex;
        justify-content: space-between;**/
        flex-direction: column;
        margin: 50px auto 0 auto;
        width: 85%;
    }

    #product ul.bocrm li:nth-child(1) {
        width: 100%;
    }

    #product ul.bocrm li:nth-child(2) {
        width: 100%;
        margin: 20px 0 0 0;
        font-size: 12px;
        /**font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        line-height: 200%;**/
    }

    /**#product ul.bocrm li:nth-child(2) img {
        width: auto;
        height: 36px;
        margin: 10px 0 0 0;
    }**/

    #product ul.bocrm li:nth-child(2) h4 {
        font-size: 20px;
        line-height: 186%;
        margin: 20px 0 0 0;
        /**font-weight: 500;
        color: #666666;**/
    }

    #product ul.bocrm li:nth-child(2) h4 span {
        /**display: block;**/
        margin: 0;
        font-size: 12px;
    }

    #product ul.bocrm li:nth-child(2) p {
        /**font-size: 12px;**/
        text-align: left;
        margin: 10px 0 0 0;
    }

    #product ul.bocrm li:nth-child(2) div.link_btn {
        /**justify-content: flex-start;**/
        width: 100%;
        margin: 25px auto 0 auto;
    }

    #product ul.point-4 {
        /**display: flex;
        justify-content: space-between;**/
        flex-wrap: wrap;
        width: 80%;
        margin: 30px auto 0 auto;
    }

    #product ul.point-4 li {
        /**display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        line-height: 135%;**/
        font-size: 13px;
        width: 45%;
        height: initial;
        aspect-ratio: 10 / 4;
        margin: 10px 0;
        background: url(../img/bg_leaf.svg) no-repeat center center / cover;
    }

    #product p {
        /**font-size: 12px;
        font-weight: 400;
        text-align: center;**/
        margin: 10px auto 0 auto;
    }

    #product div.link_btn {
        /**justify-content: center;**/
        box-sizing: border-box;
    display: flex;
        width: 85%;
    justify-content: flex-start;
        margin: 20px auto 80px auto;
    }
    /** ▲▲▲▲▲▲ product　▲▲▲▲▲▲ **/
    /** ▲▲▲▲▲▲▲▲▲▲ business　▲▲▲▲▲▲▲▲▲▲ **/


    /** ▼▼▼▼▼▼▼▼▼▼ text_page　▼▼▼▼▼▼▼▼▼▼ **/
    #text_page {
        width: 85%;
        padding: 40px 0 50px 0;
        /**margin: 0 auto;
        border-bottom: 1px solid #B3B3B3;**/
    }

    /**#text_page.end {
        border-bottom: none;
    }**/

    #text_page h3 {
        font-size: 15px;
        line-height: 150%;
        margin: 20px 0 20px 0;
        /**letter-spacing: 0.02em;
        color: #F5A200;
        padding: 0;**/
    }

    #text_page h4 {
        line-height: 150%;
        /**font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.02em;
        margin: 30px 0 5px 0;
        padding: 0;**/
    }

    /**#text_page h5 {
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        letter-spacing: 0.02em;
        margin: 10px 0 5px 0;
        padding: 0;
    }**/

    /**#text_page p {
        font-size: 12px;
        line-height: 200%;
        margin: 0;
    }**/

    /**#text_page p.text_r {
        text-align: right;
        margin: 20px 0;
    }**/

    /**#text_page p.list {
        width: 97%;
        margin: 30px auto;
    }**/

    /**#text_page ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 15px auto 10px auto;
        border-top: 1px solid #B3B3B3;
    }**/

    /**#text_page ul li {
        width: 50%;
        padding: 10px 0;
        border-bottom: 1px solid #B3B3B3;
        font-size: 12px;
        line-height: 200%;
    }**/

    /**#text_page ul li:nth-child(odd) {
        padding-right: 1%;
        border-right: 1px solid #B3B3B3;
    }**/

    /**#text_page ul li.center {
        text-align: center;
    }**/

    /**#text_page ul li:nth-child(even) {
        padding-left: 1%;
    }**/

    /**#text_page ul li ul {
        margin: 0;
        border-top: none;
    }**/

    /**#text_page ul li ul li {
        display: flex;
        width: initial;
        padding: 0;
        border-bottom: none;
    }**/

    /**#text_page ul li ul li:nth-child(odd) {
        width: 4%;
        border-right: none;
    }**/

    /**#text_page ul li ul li:nth-child(even) {
        width: 96%;
    }**/

    /**#text_page span.og {
        color: #F5A200;
    }**/

    /**#text_page a {
        text-decoration: underline;
        color: #0071BC;
    }**/

    #text_page ul.security {
        width: 100%;
        align-items: center;
        /**margin: 65px auto 0 auto;
        padding: 0;
        border: none;**/
    }

    #text_page ul.security li:nth-child(1) {
        width: 33%;
        /**border: none;**/
    }

    #text_page ul.security li:nth-child(2) {
        width: 65%;
        line-height: 130%;
        /**border: none;**/
    }

    #contact_page {
        width: 95%;
        /**margin: 0 auto;**/
        padding: 40px 0 50px 0;
    }
    /** ▲▲▲▲▲▲▲▲▲▲ text_page　▲▲▲▲▲▲▲▲▲▲ **/
}