@charset "UTF-8";
/* CSS Document */
.global_shipping {
    background: url("../../img/usr/global_shipping/bg_bottom.png") no-repeat center bottom / contain, url("../../img/usr/global_shipping/bg.jpg") no-repeat center top / cover;
    padding:40px 20px 80px;
    font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
    color: #000;
	font-size:14px;
}
@media screen and (max-width: 767px) {
    .global_shipping {
        padding: 40px 20px 40px;
        background: url("../../img/usr/global_shipping/bg_bottom.png") no-repeat center bottom / auto, url("../../img/usr/global_shipping/bg.jpg") no-repeat center top / cover;
        overflow: hidden;
    }
}
.global_shipping img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.global_shipping .pc {
    display: inline-block;
}
@media screen and (max-width: 767px) {
    .global_shipping .pc {
        display: none;
    }
}
.global_shipping .sp {
    display: none;
}
@media screen and (max-width: 767px) {
    .global_shipping .sp {
        display: inline-block;
        ;
    }
}
.global_shipping h1 {
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
}
@media screen and (max-width: 767px) {
	.global_shipping h1 {
		max-width:300px;
		margin: 0 auto 15px;
	}
}
.global_shipping h2 {
    margin: 100px 0 20px;
	font-size:1.5em;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.global_shipping h2 {
		margin: 80px 0 20px;
	}
}
.global_shipping_lead + h2 {
    margin-top: 80px;
}
.global_shipping ol {
}
.global_shipping ol li {
    list-style-type: decimal;
	margin-bottom:0.25em;
}
.global_shipping p{
	line-height: 2.14em;
}
.global_shipping p + p, .global_shipping ol + p {
    margin-top: 1em;
}
.global_shipping_logo {
    max-width: 796px;
    margin: 0 auto;
	padding-left:32px;
}
@media screen and (max-width: 767px) {
	.global_shipping_logo {
		padding-left:0;
	}
}
.global_shipping_inner {
    max-width: 1200px;
    margin: 0 auto;
}
.global_shipping .text-link {
    text-decoration: underline;
}
.global_shipping .text-link:hover {
    text-decoration: none;
}
.global_shipping .global_shipping_menu {
    display: flex;
    margin-top: 50px;
}
@media screen and (max-width: 767px) {
    .global_shipping .global_shipping_menu {
        flex-wrap: wrap;
        justify-content: center;
		margin-top: 30px;
    }
}
.global_shipping .global_shipping_menu li {
    width: calc(100% / 5);
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
    transition: 0.3s;
}
@media screen and (max-width: 767px) {
    .global_shipping .global_shipping_menu li {
        width: calc(100% / 3);
    }
}
.global_shipping .global_shipping_menu li:hover {
    opacity: 0.7;
}
.global_shipping .global_shipping_menu li:first-child {
    border-left: 1px solid #707070;
}
@media screen and (max-width: 767px) {
    .global_shipping .global_shipping_menu li:nth-child(4) {
        border-left: 1px solid #707070;
    }
    .global_shipping .global_shipping_menu li:nth-child(4), .global_shipping .global_shipping_menu li:nth-child(5) {
        position: relative;
        top: -1px
    }
}
.global_shipping .global_shipping_menu li button {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    appearance: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 14px;
    line-height: 1.4em;
    text-decoration: underline;
	font-size:1.125em;
}
@media screen and (max-width: 767px) {
	.global_shipping .global_shipping_menu li button {
		 padding: 8px 14px;
	}
}
.global_shipping .global_shipping_menu li button.is-active {
    background: #EFEFEF;
    text-decoration: none;
}
.global_shipping .global_shipping_contents {
    max-width: 900px;
    margin: 80px auto 0;
    display: none;
}
@media screen and (max-width: 767px) {
	.global_shipping .global_shipping_contents {
		margin: 40px auto 0;
	}
}
.global_shipping .global_shipping_contents.is-active {
    display: block;
}
.global_shipping .global_shipping_image {
    margin: 56px auto 20px;
}
.global_shipping .sup-base {
	display:inline-block;
	position:relative;
}
.global_shipping .sup {
	position:absolute;
	right:0.5em;
	top:-3px;
}