@charset "utf-8";

@media screen and (min-width: 992px) {
div.assignment ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
div.assignment li {
width: 19%;
margin: 0 1.25% 0 0;
padding: 4px;
border-radius: 5px;
font-size: 13px;
}
div.assignment li::before {
content:none; 
}
div.assignment li:last-child {
margin: 0 0 0 0;
}
div.assignment li:nth-child(1) {
border: #c297d2 1px solid;
}
div.assignment li:nth-child(2) {
border: #50a4df 1px solid;
}
div.assignment li:nth-child(3) {
border: #cfeaad 1px solid;
}
div.assignment li:nth-child(4) {
border: #eda68a 1px solid;
}
div.assignment li:nth-child(5) {
border: #f0bf6a 1px solid;
}

div.assignment .ico {
margin: 0 0 15px 0;
font-size: 13px;
font-weight: bold;
text-align: center;
}
div.assignment li:nth-child(1) .ico {
color: #6C4EAE;
}
div.assignment li:nth-child(2) .ico {
color: #1974EE;
}
div.assignment li:nth-child(3) .ico {
color: #23BE5E;
}
div.assignment li:nth-child(4) .ico {
color: #FF6B04;
}
div.assignment li:nth-child(5) .ico {
color: #FFB503;
}

div.shipping-root p {
margin: 0;
padding: 0;
}
div.shipping-root ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
div.shipping-root li {
width: 32%;
margin: 0 1.5% 0 0;
padding: 8px;
border-radius: 5px;
border: #9dc9f1 1px solid;
}
div.shipping-root li:last-child {
margin: 0 0 0 0;
}
div.shipping-root li::before {
content:none; 
}
div.shipping-root li p:first-child {
color: #1162ac;
font-weight: bold;
margin: 0 0 10px 0;
}

div.lawful {
margin: 0;
padding: 10px;
border-radius: 5px;
border: #9dc9f1 1px solid;
background: #f4f7fc;
}
div.lawful p {
margin: 0;
padding: 0;
}
div.lawful p:first-child {
font-size: 20px;
color: #1162ac;
font-weight: bold;
margin: 0 0 10px 0;
}
div.lawful img {
float: right;
margin: 0 15px 0 0;
padding: 0 0 10px 10px;
}

div.flow-nondriver-shipping p {
margin: 0;
padding: 0;
}
div.flow-nondriver-shipping ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
div.flow-nondriver-shipping li {
position: relative;
width: calc(33% - 23px);
padding: 8px;
margin: 0 35px 0 0;
border-radius: 5px;
border: #9dc9f1 1px solid;
font-size: 90%;
}
div.flow-nondriver-shipping li p.ico {
text-align: center;
margin: 0 0 8px 0;
}
div.flow-nondriver-shipping li:last-child {
margin: 0 0 0 0;
}
div.flow-nondriver-shipping li::before {
content:none; 
}
div.flow-nondriver-shipping li::after {
position: absolute;
content: url("https://logiplus.pa-man.co.jp/wp-content/uploads/2026/06/img010.png"); 
display: block;
width: 30px;
height: 42px;
right: -35px;
top: calc(50% - 21px);
}
div.flow-nondriver-shipping li:last-child::after {
content:none; 
}
div.flow-nondriver-shipping li p:first-child {
color: #1162ac;
font-weight: bold;
margin: 0 0 10px 0;
font-size: 105%;
}
}

@media screen and (max-width: 991px) {
div.assignment ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
div.assignment li {
width: 49%;
margin: 0 2% 10px 0;
padding: 4px;
border-radius: 5px;
font-size: 13px;
}
div.assignment li::before {
content:none; 
}
div.assignment li:nth-child(2n) {
margin: 0 0 10px 0;
}
div.assignment li:nth-child(1) {
border: #c297d2 1px solid;
}
div.assignment li:nth-child(2) {
border: #50a4df 1px solid;
}
div.assignment li:nth-child(3) {
border: #cfeaad 1px solid;
}
div.assignment li:nth-child(4) {
border: #eda68a 1px solid;
}
div.assignment li:nth-child(5) {
border: #f0bf6a 1px solid;
}

div.assignment .ico {
margin: 0 0 15px 0;
font-size: 13px;
font-weight: bold;
text-align: center;
}
div.assignment li:nth-child(1) .ico {
color: #6C4EAE;
}
div.assignment li:nth-child(2) .ico {
color: #1974EE;
}
div.assignment li:nth-child(3) .ico {
color: #23BE5E;
}
div.assignment li:nth-child(4) .ico {
color: #FF6B04;
}
div.assignment li:nth-child(5) .ico {
color: #FFB503;
}

div.shipping-root p {
margin: 0;
padding: 0;
}
div.shipping-root ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
div.shipping-root li {
width: calc(100% - 2px);
margin: 0 0 10px 0;
padding: 8px;
border-radius: 5px;
border: #9dc9f1 1px solid;
}
div.shipping-root li:last-child {
margin: 0 0 0 0;
}
div.shipping-root li::before {
content:none; 
}
div.shipping-root li p:first-child {
color: #1162ac;
font-weight: bold;
margin: 0 0 10px 0;
text-align: center;
}

div.lawful {
margin: 0;
padding: 10px;
border-radius: 5px;
border: #9dc9f1 1px solid;
background: #f4f7fc;
}
div.lawful p {
margin: 0;
padding: 0;
}
div.lawful p:first-child {
font-size: 20px;
color: #1162ac;
font-weight: bold;
margin: 0 0 10px 0;
}
div.lawful img {
float: right;
margin: 0 15px 0 0;
padding: 0 0 10px 10px;
}

div.flow-nondriver-shipping p {
margin: 0;
padding: 0;
}
div.flow-nondriver-shipping ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
div.flow-nondriver-shipping li {
position: relative;
width: calc(100% - 2px);
padding: 8px;
margin: 0 0 45px 0;
border-radius: 5px;
border: #9dc9f1 1px solid;
font-size: 90%;
}
div.flow-nondriver-shipping li p.ico {
text-align: center;
margin: 0 0 8px 0;
}
div.flow-nondriver-shipping li:last-child {
margin: 0 0 0 0;
}
div.flow-nondriver-shipping li::before {
content:none; 
}
div.flow-nondriver-shipping li::after {
position: absolute;
content: '';
background-image: url("https://logiplus.pa-man.co.jp/wp-content/uploads/2026/06/img010.png");
transform: rotate(90deg);
display: inline-block;
width: 30px;
height: 42px;
left: calc(50% - 15px);
bottom: -42px;
}
div.flow-nondriver-shipping li:last-child::after {
content:none; 
}
div.flow-nondriver-shipping li p:first-child {
color: #1162ac;
font-weight: bold;
margin: 0 0 10px 0;
font-size: 105%;
}
}