@charset "UTF-8";

/* ==========================================================================
   Media Queries (PC - Tablet)
   ========================================================================== */
@media screen and (max-width: 1260px) {
    /* 必要に応じて記述 */
}

@media screen and (max-width: 1200px) {
    /* 必要に応じて記述 */
}

/* ==========================================================================
   Mobile Styles (max-width: 900px)
   ========================================================================== */
@media screen and (max-width: 900px) {
    /* --- Display Control --- */
    .only_sp {
        display: block;
    }

    .only_pc,
    .sidebar {
        display: none;
    }

    /* --- Common Layout --- */
    .gnav_pc {
        display: none;
    }

    .head {
        height: 60px;
    }

    .logo {
        width: 50%;
        padding: 0;
    }

    .snav {
        width: 10%;
    }

    .head_inner {
        position: relative;
        padding: 1em 2%;
    }

    .menu {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        width: 32px;
        height: 30px;
        transform: translateY(-50%);
    }

    /* --- Navigation (Drawer Custom) --- */
    .drawer-nav_inner .gnav > a,
    .drawer-nav_inner .gnav > span {
        display: block;
        padding: 0.5em 0;
        border-bottom: 1px solid #319ac2;
        font-size: 1.4em;
    }

    .gnav a .btn {
        margin: 0 auto;
    }

    .spnav_close {
        width: 10%;
        float: right;
    }

    /* --- Footer --- */
    .copyright {
        margin: 3em 0;
        font-size: 12px;
    }

    /* --- Page Common --- */
    .comttl01 {
        margin: 0 0 1em;
        font-size: 30px;
    }

    .comttl01::before {
        right: calc(100% + 5px);
    }

    .comttl02 {
        gap: 20px;
        margin: 0 0 1em;
        font-size: 30px;
    }

    /* --- Top Common --- */
    .aboutus_img,
    .aboutus_txt {
        width: 100%;
    }

    .product_head {
        height: 100px;
    }

    .aboutus_txt_title,
    .lang-content_ja01 .aboutus_txt_title {
        font-size: 20px;
    }

    .product_unit01_txt,
    .product_unit01_txt span {
        font-size: 16px;
    }

    .logistic_gdp {
        width: 30%;
    }

    .logistic_title {
        font-size: 25px;
    }

    .logistic_list .logistic_unit01 {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .logistic_unit01_title {
        flex: 0 0 70px;
        width: 70px;
        margin: 0 auto;
        font-size: 16px;
    }

    .logistic_unit01_title_en02 {
        font-size: 12px;
    }

    .logistic_unit01_txt {
        width: 100%;
        font-size: 14px;
    }

    .news_head {
        height: 100px;
    }

    a .news_unit_date,
    .news_more a {
        font-size: 16px;
    }

    .news_unit_thumb {
        width: 94%;
    }

    .contact_head {
        margin-left: 0;
    }

    .contact_head_btn {
        width: 60%;
        margin: 0 auto 1em;
    }

    .contact_head_txt {
        width: 100%;
    }

    .contact_head_title {
        font-size: 16px;
    }

    .form th {
        display: block;
        width: 100%;
        padding: 0 0 10px;
        font-size: 14px;
    }

    .form td {
        display: block;
        width: 100%;
        padding: 0 0 20px;
    }

    .privacypolicy_inner {
        font-size: 14px;
    }

    .aboutus_img_photo div:nth-of-type(1) {
        width: 65%;
    }

    .aboutus_img_photo div:nth-of-type(2) {
        width: 60%;
        margin-top: -3em;
        margin-left: 40%;
    }

    .aboutus_img_photo div:nth-of-type(3) {
        width: 55%;
        margin-top: -3em;
    }

    .topmain {
        padding: 2em 0 6em;
    }

    .topmain_txt {
        width: 70%;
        margin-left: 30%;
    }
	
	a .news_unit_text{
		font-size:14px;
	}
	
	.form td input[type="text"], .form td input[type="email"], .form td textarea{
		font-size:16px;
		padding: 1em 1em;
	}
	.single_contents{
		padding:0;
	}
} /* End max-width: 900px */

/* ==========================================================================
   Small Mobile Styles (max-width: 480px)
   ========================================================================== */
@media screen and (max-width: 480px) {
    /* 必要に応じて記述 */
}