@charset "UTF-8";
.aboute-content-wrapper {display:flex;}
.aboute-content-wrapper .about-left-menu {width:200px;flex:none;border-top:2px solid var(--color-theme);margin-top:50px;padding-top:30px;margin-right:40px;}
.aboute-content-wrapper .about-left-menu ul {list-style:none;margin:0;padding:0;}
.aboute-content-wrapper .about-left-menu ul li {border-bottom:1px solid var(--color-line-gray);}
.aboute-content-wrapper .about-left-menu a {display:block;padding:20px;font-size:var(--font-l);}
.aboute-content-wrapper .about-left-menu a:hover {color:var(--color-theme);}
.aboute-content-wrapper .about-left-menu li.selected a {color:var(--color-theme);}

.about-right-content {flex:auto;}
.about-right-content .about-content-top {
    display:flex;justify-content:space-between;align-items:flex-end;
    padding-bottom:10px;border-bottom:1px solid var(--color-line-gray);
    height:50px;
}
.about-right-content .about-content-top h3 {margin:0;padding:0;font-weight:normal;font-size:var(--font-xl);}
.about-nav-wrapper a {margin-right:2rem;position:relative;color:var(--color-font-gray);}
.about-nav-wrapper a:hover {text-decoration:underline;}
.about-nav-wrapper a:last-child {margin-right:0;color:black;}
.about-nav-wrapper a::after {position:absolute;right:-1.25rem;top:.05rem;font-size:1.1rem;content:'\f105';font-family:FontAwesome;}
.about-nav-wrapper a:last-child::after {content:none;}



/* main */
.about-main-html {padding:90px 25px;}
.about-main-html .about-main-block {display:flex;align-items:center;margin-top:100px;}
.about-main-html .about-main-block:first-child {margin-top:0;}
.about-main-html .about-main-block .block-left {margin-right:50px;}
.about-main-html p {text-indent:2rem;font-size:var(--font-l);line-height:2em;}
.about-main-html span.f {font-size:1.75em;}

/* master */
.about-master-html {padding:70px 25px;}
.about-master-html p {text-indent:2rem;font-size:var(--font-l);line-height:2em;}
.about-master-html span.f {font-size:1.75em;}