@charset "utf-8";
/* title */
.sect-tit { padding:20px 15px; }
.sect-tit .cat {
    margin:0;
    padding:0;
    font-size:0!important;
}
.sect-tit .cat img { width:85px; }
.sect-tit .tit {
    margin:0;
    padding:20px 0 40px;
}
.sect-tit .tit img { width:92px; }
@media (min-width:768px) {
.sect-tit { padding:40px 0; }
.sect-tit .cat img { width:170px; }
.sect-tit .tit {
    margin:0;
    padding:80px 0 100px;
}
}
/* index.html
----------------------------------------------------------------*/
.about-index p {
    font-size:12px;
    line-height:2;
}
@media (min-width:768px) {
.about-index p { font-size:16px; }
}
/* section1 */
.about-index .sect1 {
    padding:10px 0 90px;
    background:url(../img/about/top/bg-sp.jpg) no-repeat center bottom;
    background-size:cover;
}
.about-index .sect1 .cat { margin:0; }
.about-index .sect1 .cat img { width:85px; }
.about-index .sect1 .cat span { padding-left:5px; }
.about-index .sect1 .cat span img { width:58px; }
.about-index .sect1 .tit {
    margin:20px auto;
    max-width:287px;
}
@media (min-width:768px) {
.about-index .sect1 {
    padding:30px 0 200px;
    background:url(../img/about/top/bg.jpg) no-repeat center bottom;
    background-size:cover;
}
.about-index .sect1 .cat img { width:170px; }
.about-index .sect1 .cat span { padding-left:15px; }
.about-index .sect1 .cat span img { width:117px; }
.about-index .sect1 .tit {
    margin:100px auto 50px;
    max-width:573px;
}
}
/* section2, section4 */
.about-index .sect2,
.about-index .sect4 { padding:30px 10px; }
@media (min-width:768px) {
.about-index .sect2,
.about-index .sect4 { padding:70px 0; }
}
/* section3 */
.about-index .sect3 {
    margin:0 auto;
}
.about-index .sect3 img {
    width:100%;
}
/* profile.html
----------------------------------------------------------------*/
/* title */
.about-prof section.container { max-width:740px; }
.about-prof .sect-tit {
    background:url(../img/about/prof/titBg-sp.jpg) no-repeat center center;
    background-size:cover;
}
.about-prof .sect-tit .tit img { width:92px; }
@media (min-width:768px) {
.about-prof .sect-tit {
    background:url(../img/about/prof/titBg.jpg) no-repeat center center;
    background-size:cover;
}
.about-prof .sect-tit .tit img { width:162px; }
}
/* section1 */
.about-prof .sect1 {
    padding:20px;
    background:#f2f1ed url(../img/about/prof/bg-rigi-sp.jpg) no-repeat right bottom;
    background-size:320px auto;
}
.about-prof .sect1 .container { max-width:740px; }
.about-prof .sect1 p {
    padding-bottom:130px;
    line-height:1.8;
}
.about-prof .sect1 span {
    display:block;
    font-size:20px;
}
@media (min-width:768px) {
.about-prof .sect1 {
    padding:60px 0;
    background:#f2f1ed url(../img/about/prof/bg-rigi.jpg) no-repeat right bottom;
    background-size:auto;
}
.about-prof .sect1 .row p {
    padding-bottom:0;
    width:400px;
    line-height:2;
    font-size:16px;
}
.about-prof .sect1 .row div {
    text-align:right;
    width:400px;
}
.about-prof .sect1 .row span { display:inline-block; }
}
/* section2,3 */
.about-prof .prof-wrap { padding:20px 15px; }
.about-prof .prof-wrap .container { max-width:740px; }
.about-prof .prof-wrap .box {
    padding:15px 15px 10px;
    margin-bottom:20px;
    border:3px solid #009944;
}
.about-prof .prof-wrap .box .tit {
    color:#009944;
    font-weight:bold;
    text-align:center;
    font-size:16px;
    margin:0;
    padding:10px 0;
    border-bottom:1px dotted #094;
    letter-spacing:0.1em;
}
.about-prof .prof-wrap .box ol { counter-reset: section; }
.about-prof .prof-wrap .box li {
    position:relative;
    padding:10px 5px 10px 30px;
    border-bottom:1px dotted #094;
}
.about-prof .prof-wrap .box ol li:before {
    counter-increment: section;
    content:"0" counter(section);
    display:block;
    position:absolute;
    left:5px;
    top:11px;
    font-size:15px;
    font-weight:bold;
    line-height:15px;
    color:#094;
    font-family:Arial, Helvetica, sans-serif;
}
@media (min-width:768px) {
.about-prof .prof-wrap { padding:80px 0; }
.about-prof .prof-wrap .box {
    padding:30px;
    margin-bottom:40px;
    border:5px solid #009944;
}
.about-prof .prof-wrap .box .tit { font-size:24px; }
.about-prof .prof-wrap .box li { padding:20px 10px 20px 65px; }
.about-prof .prof-wrap .box ol li:before {
    left:20px;
    font-size:24px;
    top:50%;
    margin-top:-7.5px;
}
}
/* section4 */
.about-prof .prof-wrap .sect4 { margin-top:30px; }
.about-prof .prof-wrap .sect4 .tit {
    padding:5px;
    text-align:center;
    font-size:16px;
    background-color:#b9b9b9;
    color:#fff;
    letter-spacing:0.1em;
}
.about-prof .prof-wrap .sect4 ul { border-top:1px solid #094; }
.about-prof .prof-wrap .sect4 li {
    display:table;
    position:relative;
    width:100%;
    padding:10px 0 10px 15px;
    border-bottom:1px solid #094;
}
.about-prof .prof-wrap .sect4 li:before {
    content:"■";
    position:absolute;
    left:0;
    top:50%;
    margin-top:-0.5em;
    font-size:12px;
    line-height:12px;
    display:block;
    color:#094;
    margin-right:5px;
}
.about-prof .prof-wrap .sect4 li span {
    display:table-cell;
    text-align:left;
    vertical-align:middle;
}
.about-prof .prof-wrap .sect4 li span:first-child {
    padding-right:10px;
    width:7em;
}
.about-prof .prof-wrap .sect4 li small {
    display:block;
    font-size:12px;
}
@media (min-width:768px) {
.about-prof .prof-wrap .sect4 {
    margin-top:60px;
    margin-bottom:30px;
}
.about-prof .prof-wrap .sect4 .tit {
    padding:10px;
    margin-bottom:40px;
    font-size:24px;
}
.about-prof .prof-wrap .sect4 li { padding:15px 10px 15px 30px; }
.about-prof .prof-wrap .sect4 li:before {
    left:10px;
    margin-top:-0.5em;
}
.about-prof .prof-wrap .sect4 li span {
    display:table-cell;
    text-align:left;
    vertical-align:middle;
}
.about-prof .prof-wrap .sect4 li span:first-child { width:11em; }
.about-prof .prof-wrap .sect4 li small {
    display:block;
    font-size:12px;
}
}
/* services.html
----------------------------------------------------------------*/
/* title */
.about-serv .sect-tit {
    background:url(../img/about/services/titBg-sp.jpg) no-repeat center center;
    background-size:cover;
}
.about-serv .sect-tit .tit img {
    width:110px;
    margin-left:-7px;
}
@media (min-width:768px) {
.about-serv .sect-tit {
    background:url(../img/about/services/titBg.jpg) no-repeat center center;
    background-size:cover;
}
.about-serv .sect-tit .tit img { width:162px; }
}
/* section1 */
.about-serv .sect1 .tit {
    padding:5px;
    font-size:16px;
    text-align:center;
    background-color:#b9b9b9;
    font-weight:bold;
    color:#fff;
    letter-spacing:0.1em;
}
@media (min-width:768px) {
.about-serv .sect1 {
    padding:50px 0 20px;
    margin:0 auto;
    max-width:740px;
}
.about-serv .sect1 .tit {
    margin-bottom:30px;
    padding:8px;
    font-size:24px;
}
.about-serv .sect1 p {
    font-size:16px;
    line-height:2;
}
}
/* section2-4 */
.about-serv .box {
    margin:0 auto 15px;
}
.about-serv .box .tit {
    position:relative;
    margin:0;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:17px;
    line-height:1.3;
    padding:10px;
}
.about-serv .box .tit:after {
    content:"";
    display:block;
    position:absolute;
    left:50%;
    bottom:-17px;
    margin-left:-15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 15px 0 15px;
}
.about-serv .box .wrap { padding:25px; }
.about-serv .box .job {
    letter-spacing:0.1em;
    font-weight:bold;
    font-size:24px;
}
.about-serv .box .lead {
    font-weight:bold;
    margin:0;
    padding:10px 0;
    font-size:15px;
}
.about-serv .box p { line-height:1.8; }
.about-serv .box .subtit {
    display:inline-block;
    background-color:#fff;
    letter-spacing:0.1em;
    border-style:solid;
    margin-bottom:30px;
    border-width:2px;
    padding:8px 15px;
}
.about-serv .box ul {
    margin-left:3px;
    border-left-style:solid;
    border-left-width:3px;
}
.about-serv .box li {
    position:relative;
    margin-bottom:30px;
    padding-left:15px;
    line-height:1em;
}
.about-serv .box li:before {
    content:"●";
    position:absolute;
    left:-6px;
    top:1px;
    font-size:9px;
}
.about-serv .box li:last-child:before {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 5px 0 5px;
    left:-6px;
    top:-4px;
}
.about-serv .box li:first-child {
    height:0;
    line-height:0;
}
.about-serv .box li:last-child {
    margin-bottom:0;
    height:0;
    line-height:0;
}
.about-serv .box li span {
    display:block;
    margin:0;
    height:5px;
    border:none;
}
@media (min-width:768px) {
.about-serv .box { max-width:none; }
.about-serv .boxes { margin-bottom:100px; }
.about-serv .box { margin-bottom:0; }
.about-serv .box .tit {
    font-size:14px;
    padding:15px 0;
}
.about-serv .box .lead { font-size:14px; }
.about-serv .box .wrap { min-height:1000px; }
.about-serv .box .subtit { border-width:3px; }
}
@media (min-width:992px) {
.about-serv .box .tit { font-size:18px; }
.about-serv .box .lead { font-size:16px; }
.about-serv .box .wrap { min-height:880px; }
.about-serv .box p { min-height:270px; }
}
/* section2 */
.about-serv .sect2 .tit { background-color:#38bfd3; }
.about-serv .sect2 .tit:after { border-color: #38bfd3 transparent transparent transparent; }
.about-serv .sect2 .wrap { background-color:#d7f2f6; }
.about-serv .sect2 .job { color:#16adc3; }
.about-serv .sect2 .subtit {
    border-color:#16adc3;
    color:#16adc3;
}
.about-serv .sect2 ul { border-left-color:#38bfd3; }
.about-serv .sect2 li { color:#38bfd3; }
.about-serv .sect2 li:last-child:before { border-color: #16adc3 transparent transparent transparent; }
/* section3 */
.about-serv .sect3 .tit { background-color:#f38cc9; }
.about-serv .sect3 .tit:after { border-color: #f38cc9 transparent transparent transparent; }
.about-serv .sect3 .wrap { background-color:#fde8f4; }
.about-serv .sect3 .job { color:#e564b0; }
.about-serv .sect3 .subtit {
    border-color:#e564b0;
    color:#e564b0;
}
.about-serv .sect3 ul { border-left-color:#e564b0; }
.about-serv .sect3 li { color:#e564b0; }
.about-serv .sect3 li:last-child:before { border-color:#e564b0 transparent transparent transparent; }
/* section4 */
.about-serv .sect4 .tit { background-color:#7076ed; }
.about-serv .sect4 .tit:after { border-color: #7076ed transparent transparent transparent; }
.about-serv .sect4 .wrap { background-color:#e2e4fb; }
.about-serv .sect4 .job { color:#4248d1; }
.about-serv .sect4 .subtit {
    border-color:#4047d0;
    color:#4047d0;
}
.about-serv .sect4 ul { border-left-color:#4047d0; }
.about-serv .sect4 li { color:#4047d0; }
.about-serv .sect4 li:last-child:before { border-color: #4047d0 transparent transparent transparent; }