@charset "utf-8";

/*===================================== */
/*     ページ内メニュー：アイコン       */
/*===================================== */

.main__nav__icon--message {
    background-image: url('../../img/menu_message.png');
}

.main__nav li a.active .main__nav__icon--message{
    background-image: url('../../img/menu_message_on.png');
}

.main__nav li .main__nav__icon--vision {
    background-image: url('../../img/menu_vision.png');
}

.main__nav li a.active .main__nav__icon--vision {
    background-image: url('../../img/menu_vision_on.png');
}

.main__nav li .main__nav__icon--outline {
    background-image: url('../../img/menu_outline.png');
}

.main__nav li a.active .main__nav__icon--outline {
    background-image: url('../../img/menu_outline_on.png');
}

.main__nav li span.main__nav__english--outline {
    letter-spacing: -0.1em;
}

/*===================================== */
/*           社長メッセージ             */
/*===================================== */

.main__section#message {
    padding-bottom: 15px;
    background: url('../../img/pc/company_message_bg.png') no-repeat bottom;
    background-size: cover;
    -webkit-background-size: cover;
}

.main__section#message .section__contents {
    width : 800px;
    margin: auto;
}

.main__section#message .section__contents__inner {
    padding: 50px 0 60px 0;
}

.main__section#message .section__contents__inner .author {
    margin-top: 40px;
    text-align: right;
}

/*===================================== */
/*          私たちのビジョン            */
/*===================================== */

.main__section#vision {
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    background-size: 5px 5px;
    background-color: #001C35;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #052039), color-stop(.5, transparent), to(transparent));
    background-image: -moz-linear-gradient(left, #052039 50%, transparent 50%, transparent);
    background-image: -o-linear-gradient(left, #052039 50%, transparent 50%, transparent);
    background-image: linear-gradient(left, #052039 50%, transparent 50%, transparent);
}

.main__section#vision .section__title,
.main__section#vision .section__contents,
.main__section#vision .section__contents p,
.main__section#vision h2
{
    color: #ECECEC;
}

.main__section#vision .section__contents {
    width: 96%;
    max-width : 1200px;
    margin: auto;
    background-image: url('../../img/pc/vision.png'), url('../../img/pc/vision_rocket.png');
    background-repeat: no-repeat, no-repeat;
    background-position: right 30px, right bottom;
}

.main__section#vision .section__contents__inner {
    width: 800px;
    margin: auto;
    padding: 40px 0px 80px 20px;
}

.main__section#vision ul {
    margin: 15px 5px;
}

.main__section#vision ul li {
    float: left;
    margin-left: 15px;
}

.main__section#vision h2 {
    margin-top: 60px;
}

.main__section#vision h2 ~ ul li a {
    color: #ECECEC;
    text-decoration: none;
}

.main__section#vision h2 ~ ul li a:hover {
    text-decoration: underline;
}

/*===================================== */
/*              会社概要                */
/*===================================== */

.main__section#outline {
    background: url('../../img/pc/bg_outline.png') no-repeat bottom;
    background-size: cover;
    -webkit-background-size: cover;
    padding-bottom: 20px;
}

.main__section#outline .section__contents {
    width : 480px;
    padding: 50px 0 65px 0;
    margin: auto;
}

.section__inner__outlineTable {
    width: 480px;
    box-sizing: border-box;
    float: left;
    padding: 0;
    margin-left: 2rem;
}

.outlineTable__column {
    margin: 15px 0;
}

.outlineTable__column h5 {
    float: left;
    width: 100px;
    margin: 0 30px 0 0;
    font-weight: normal;
    text-align: right;
    line-height: 1.4;
}

.outlineTable__column p {
    float: left;
    width: 350px;
    margin: 0;
    line-height: 1.4;
    font-size: 12px;
}

.outlineTable__column__pmark {
	position: relative;
}

.outlineTable__column__pmark__link {
	position: absolute;
	right: 40px;
	top: -10px;
}

.section__inner__outlineImage {
    width: 230px;
    padding: 10px 0;
    float: left;
    text-align: left;
    box-sizing: border-box;

 }

.section__inner__outlineImage img {
    border: 1px solid #ccc;
}