@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/*==========================
MAIN VISUAL
==========================*/
.mv h1 {
    font-size: 3.4rem;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 42px;
    color: #fff;
}

.mv_txt {
    font-size: 2.0rem;
    font-weight: 200;
    line-height: 2em;
    margin-bottom: 69px;
    text-shadow: #121553 2px 1px 2px;
    color: #fff;
}
.comp_sub_nav {
    position: absolute;
    display: flex;
    right: 0;
    width: 70%;
    background: #1d2089;
    color: #FFF;
    padding: 10px;
    box-sizing: border-box;
}

.mv {
    position: relative;
    background: url(/logistic/images/about/mv.png) no-repeat center;
    background-size: cover;
}

.comp_sub_nav li {
    padding: 0 10px;
    border-right: 1px solid #fff;
}

/*==========================
CONT1
==========================*/
.about_cont {
    padding: 50px 0;
}

.comp_txt {
    font-size: 1.5rem;
    margin-bottom: 1em;
}

.comp_txt img {
    padding-left: 20px;
    align-items: left;
}

.sign {
    text-align: right;
    font-size: 1.6rem;
    margin-top: 80px;
}
/*==========================
CONT2
==========================*/
.philo h2 {
    font-size: 2.2rem;
}

.philo p {
    font-size: 1.5rem;
}

.philo {
    margin-bottom: 30px;
}

.philo_link {
    font-size: 1.6rem;
    color: #100966;
}
/*==========================
CONT3
==========================*/
#cont3 p strong {
	display: block;
	font-size: 2.2rem;
}
a.btn_more {
	background-color: #100966;
	color: #fff;
	display: block;
	width: 30%;
	margin: 20px auto 0;
	text-align: center;
	padding: 15px 0;
	font-size: 2rem;
}

/*==========================
CONT5
==========================*/
img.org_img {
    margin: 0 auto;
    display: block;
    max-width: 800px;
}

/* ===================================================================================
 for PC min-width: 741px
 =================================================================================== */
 @media screen and (min-width: 741px), print {

 }
/* ===================================================================================
 for SP max-width: 740px
 =================================================================================== */
 @media screen and (max-width: 740px) {
    /*==========================
    MAIN VISUAL
    ==========================*/
    .comp_sub_nav {
        position: static;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .comp_sub_nav li {
        border: none;
    }

    .mv h1 {
        margin-top: 0;
        font-size: 2.0rem;
        text-align: center;
    }

    .mv_txt {
        font-size: 1.4rem;
        text-align: center;
        margin-bottom: 20px;
    }
    .about_cont {
        padding: 20px 20px;
    }
    /*==========================
    CONT1
    ==========================*/
    .comp_txt img.sp {
        display: block;
        margin: 0px auto;
    }

    .comp_txt {
        font-size: 1.6rem;
    }

    .sign {
        margin-top: 20px;
        font-size: 1.6rem;
    }
    /*==========================
    CONT2
    ==========================*/
    .philo h2 {
        font-size: 2rem;
        text-align: center;
    }

    .philo p {
        font-size: 1.6rem;
    }

    .philo_link {
        font-size: 1.6rem;
    }
	 /*==========================
    CONT3
    ==========================*/
	 #cont3 p strong {
		font-size: 2rem;
		 text-align: center;
	}
	 a.btn_more {
		 width: 80%;
		 padding: 10px 0;
		 font-size: 1.8rem;
	 }
    /*==========================
    CONT4
    ==========================*/
    .common_table th, .common_table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 1.4rem;
    }
    /*==========================
    CONT5
    ==========================*/
    img.org_img {
        width: 100%;
    }
 }