@charset "UTF-8";

@media print, screen and (max-width:1199px) {

.orderBox { 
display: flex;
flex-direction: column;
}

.order1 { order: 1; }
.order2 { order: 2; }
.order3 { order: 3; }
.order4 { order: 4; }
.order5 { order: 5; }

.alignright,
.alignleft,
.aligncente {
display: block;
margin: 0 auto;
margin-bottom: 30px;
}

#splash {
position: fixed;
width: 100%;
height: 100%;
z-index: 10000;
background: #fff;
text-align: center;
color:#fff;
}

#splash_logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#splash_logo img {
width: 250px;
}

.fadeUp {
animation-name: fadeUpAnime;
animation-duration: 0.5s;
animation-fill-mode: forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}

to {
opacity: 1;
transform: translateY(0);
}
}

.titleLineTop {
position: absolute;
width: 60px;
top: 75px;
left: 20px;
z-index: 1;
}

#mainCopy {
position: relative;
width: 90%;
font-size: 1.8rem;
font-weight: 700;
text-align: left;
margin: 0 auto;
margin-top: 90px;
line-height: 1.6;
z-index: 1;
}

#mainCopy span {
font-size: 2.6rem;
}

#mainCopyEn {
position: absolute;
width: 100vw;
font-family: 'Poppins', sans-serif;
font-size: 10rem;
font-weight: 100;
color: #eee;
top: 180px;
left: 0;
right: 0;
margin: auto;
overflow: hidden;
display: flex;
line-height: 1;
z-index: 0;
}

#mainCopyEn p {
margin: 0;
padding-left: 10%;
white-space : nowrap;
animation : scrollCopy 300s linear infinite;
}

@keyframes scrollCopy {
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}

#boeing787 {
position: absolute;
width: 50%;
z-index: 100;
top: 215px;
right: 20px;
}

#mainImgBox {
position: relative;
width: 88vw;
height: 350px;
margin: 0 auto;
margin-top: 30px;
overflow: hidden;
border-radius: 20px;
box-shadow: 10px 10px 0 #ddd;
z-index: 11;
}

.mainImg {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 10;
opacity: 0;
left: 0;
bottom: 0;
-webkit-animation: anime 24s 0s infinite;
animation: anime 24s 0s infinite;
}

.mainImg:nth-of-type(2) {
-webkit-animation-delay: 6s;
animation-delay: 6s; }

.mainImg:nth-of-type(3) {
-webkit-animation-delay: 12s;
animation-delay: 12s; }

.mainImg:nth-of-type(4) {
-webkit-animation-delay: 18s;
animation-delay: 18s; }

@keyframes anime {
0% {
opacity: 0;
transform: scale(1);
}
12% {
opacity: 1;
}
24% {
opacity: 1;
}
36% {
opacity: 0;
transform: scale(1.2);
z-index: 9;
}
100% { opacity: 0 }
}

.mouse,
.arrow,
#scrollDown {
display: none;
}

.wrapColor {
background-color: #eff7fd;
width: 100%;
}

.wrapColorBottom {
background-color: #eff7fd;
width: 100%;
margin-bottom: 170px;
}

.wrap {
position: relative;
width: 88%;
margin: 0 auto;
padding: 60px 0;
}

#aboutFlex {
position: relative;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.titleLineVertical {
width: 6px;
}

#aboutTitle {
width: 40%;
font-size: 1.8rem;
font-weight: 600;
text-align: left;
padding-right: 15px;
writing-mode: vertical-rl;
letter-spacing: .2em;
line-height: 1.5;
}

#aboutTitle::after {
position: absolute;
background-color: var(--themeColor);
width: 3px;
height: 100px;
content: "";
right: 0;
top: 0;
}

#aboutTitle .le01 {
margin-top: -10px;
}

#aboutTitle .le02 {
margin-bottom: -10px;
}

#aboutTxt {
font-size: 1.4rem;
width: 55%;
font-weight: 600;
margin-top: 40px;
text-align: justify;
display: table;
}

#aboutTxt .inner {
display: table-cell;
vertical-align: middle;
}

#aboutBg {
position: absolute;
background: #f1f1f1;
width: 760px;
height: 460px;
top: 80px;
right: 0;
z-index: -1;
}

#aboutEn {
position: absolute;
font-family: var(--font-poppins);
font-size: 10rem;
font-weight: 100;
color: #eee;
line-height: 1;
z-index: -1;
top: 230px;
right: 0;
}

#aboutBottomPhoto {
width: 90%;
margin-bottom: 80px;
display: flex;
justify-content: space-between;
border-radius: 0 10px 10px 0;
box-shadow: 10px 10px 0 #ddd;
}

#aboutBottomPhoto div {
width: 33.33333333333333%
}

#aboutBottomPhoto div .borderRa {
border-radius: 0 10px 10px 0;
}

.mainTitle,
.mainTitleL {
position: relative;
font-family: 'Poppins', sans-serif;
font-size: 5rem;
font-weight: 100;
color: var(--themeColor);
margin-bottom: 50px;
line-height: 1;
z-index: 1;
}

.mainTitle span,
.mainTitleL span {
font-family: "Zen Kaku Gothic New", sans-serif;
display: block;
font-size: 1.6rem;
font-weight: 600;
color: #000;
margin-top: 10px;
}

.mainTitle::after,
.mainTitleL::after {
position: absolute;
background-color: var(--themeColor);
width: 70px;
height: 3px;
content: "";
margin: auto;
left: 0;
right: 0;
bottom: -20px;
}

.mainTitleL::after {
margin: 0;
}

.titleLine {
position: relative;
width: 70px;
margin: 0 auto;
margin-bottom: 30px;
z-index: 1;
}

.titleLine2 {
position: relative;
width: 70px;
margin: 0 auto;
margin-top: -40px;
margin-bottom: 30px;
z-index: 1;
}

#recruitFlex {
width: 100%;
margin: 0 auto;
}

.recruitL,
.recruitR {
position: relative;
background-color: var(--themeColor);
width: 100%;
margin-top: 30px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 20px;
box-shadow: 10px 10px 0 #ddd;
}

.recruitL .number,
.recruitR .number {
position: absolute;
font-family: 'Poppins', sans-serif;
font-size: 7rem;
font-weight: 100;
color: #fff;
left: 20px;
top: 173px;
z-index: 1;
}

.recruitL img,
.recruitR img {
width: auto;
height: 150px;
margin: 30px auto;
}

.recruitL .inner,
.recruitR .inner {
background-color: #fff;
padding: 30px 30px 40px;
border-radius: 0 0 19px 19px;
}

.recruitL h3,
.recruitR h3 {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 30px;
line-height: 1.6;
}

.recruitL p,
.recruitR p {
text-align: justify;
}

.btn,
.btnWide,
.btnWideWide {
position: relative;
/*background: transparent;*/
background: #fff;
font-family: "Zen Kaku Gothic New", sans-serif;
width: 100%;
height: 65px;
font-size: 1.3rem;
font-weight: 700;
color: var(--themeColor);
margin: 0 auto;
border: 1px solid var(--themeColor);
border-radius: 100px;
cursor: pointer;
overflow: hidden;
transition: .3s;
z-index: 1;
}

.btn a {
height: 65px;
display: block;
line-height: 62px;
}

.arrowRound {
position: absolute;
display: block;
width: 15px;
height: 2px;
border-radius: 5px;
background-color: var(--themeColor);
right: 20px;
top: 0;
bottom: 0;
margin: auto;
z-index: 0;
}

.arrowRound::before {
content: "";
position: absolute;
top: -3px;
right: -1px;
display: block;
width: 10px;
height: 2px;
border-radius: 5px;
background-color: var(--themeColor);
transform: rotate(-135deg);
}

.arrowRound::after {
content: "";
position: absolute;
top: 3px;
right: -1px;
display: block;
width: 10px;
height: 2px;
border-radius: 5px;
background-color: var(--themeColor);
transform: rotate(135deg);
}

.tourConductorL {
width: 100%;
text-align: left;
margin-top: 30px;
}

.tourConductorL img {
border-radius: 20px;
box-shadow: 10px 10px 0 #ddd;
}

.tourConductorR {
width: 100%;
text-align: justify;
display: table;
margin-top: 30px;
}

.tourConductorR .inner {
display: table-cell;
vertical-align: middle;
}

.wrapWide {
position: relative;
width: 88%;
margin: 0 auto;
padding: 40px 0;
}

.newsL {
width: 100%;
text-align: left;
}

.titleLineL {
width: 70px;
margin-bottom: 30px;
}

.newsR {
width: 100%;
text-align: justify;
margin-bottom: 30px;
}

.newsInfo {
text-align: justify;
border-top: 1px dotted #ccc;
}

.newsInfo dt {
font-family: 'Poppins', sans-serif;
font-size: 3rem;
font-weight: 100;
color: #666;
padding: 14px 0 0;
line-height: 1.5;
}

.newsInfo dd {
padding: 0 0 22px;
border-bottom: 1px dotted #ccc;
}

#contactWrap {
position: relative;
background: #FFF8EF;
width: 88%;
color: #ff9900;
margin: 60px auto;
padding: 30px 0;
margin-bottom: -50px;
box-shadow: 10px 10px 0 #ddd;
border-radius: 20px;
z-index: 1;
}

#contactWrap h2 {
background-color: var(--themeColor);
font-size: 1.6rem;
font-weight: 600;
color: #fff;
margin-bottom: 30px;
padding: 20px 20px 24px;
line-height: 1.5;
}

#contactEn {
position: absolute;
font-family: 'Poppins', sans-serif;
font-size: 5rem;
font-weight: 100;
color: var(--themeColor);
margin-bottom: 10px;
line-height: 1;
z-index: 1;
top: -12px;
left: 0;
right: 0;
margin: auto;
}

#contactFlex {
width: 100%;
margin: 0 auto;
}

#contactWrap h3 {
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 10px;
line-height: 1.5;
}

#contactTelCo {
font-size: 3rem;
font-weight: 600;
margin-bottom: 30px;
line-height: 1;
}

#contactTelCo a {
color: #ff9900;
}

#contactTelCo a:hover {
text-decoration: none;
}

#contactTelCo i {
margin-right: 8px;
}

#contactBtnEntry {
background-color: var(--themeColor);
width: 90%;
height: 100px;
font-size: 1.6rem;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
padding-bottom: 5px;
border: 1px solid var(--themeColor);
border-radius: 100px;
cursor: pointer;
transition: .3s;
}

#contactBtnEntry i {
position: relative;
font-size: 2rem;
margin-right: 8px;
top: 1px;
}

#contactBtnCall {
background-color: var(--themeColor);
width: 90%;
height: 100px;
font-size: 1.3rem;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
padding-bottom: 2px;
border: 1px solid var(--themeColor);
border-radius: 100px;
cursor: pointer;
transition: .3s;
line-height: 1.3;
}

#contactBtnCall em {
font-family: var(--font-poppins);
font-size: 2.8rem;
font-weight: 700;
display: block;
}

#contactBtnCall span {
font-size: 1.2rem;
font-weight: 400;
display: block;
}

#contactBtnCall i {
position: relative;
font-size: 2.4rem;
margin-right: 8px;
top: -1px;
}

#contactBtnCo {
background-color: #ff9900;
width: 90%;
height: 100px;
font-size: 1.6rem;
font-weight: 600;
color: #fff;
padding-bottom: 5px;
border: 1px solid #ff9900;
border-radius: 100px;
cursor: pointer;
transition: .3s;
}

#contactBtnCo i {
position: relative;
font-size: 2rem;
margin-right: 8px;
top: 3px;
}

#contactBtnCo:hover {
background-color: #fff;
color: #ff9900;
}

/**/

#mainTitleWrap {
position: relative;
width: 100%;
margin-top: 80px;
padding-bottom: 20px;
/*border-bottom: 1px solid #eee;*/
z-index: 1;
}

#mainTitleWrap .titleBg {
position: absolute;
background-color: #eff7fd;
width: 100%;
height: 124px;
left: 0;
bottom: 0;
z-index: 0;
}

#contentsTitle {
position: relative;
font-size: 3rem;
font-weight: 600;
margin-bottom: 56px;
line-height: 1.4;
z-index: 1;
}

#contentsTitle span {
font-family: 'Poppins', sans-serif;
display: block;
font-size: 1.7rem;
font-weight: 400;
color: var(--themeColor);
}

#contentsTitle::after {
position: absolute;
background-color: var(--themeColor);
width: 70px;
height: 3px;
content: "";
margin: auto;
left: 0;
right: 0;
bottom: -20px;
}

#pankuzu {
position: relative;
width: 88%;
font-size: 1rem;
text-align: left;
margin: 15px auto;
}

.wrapCoTop,
.wrapCo {
position: relative;
width: 88%;
margin: 0 auto;
padding: 40px 0;
}

.contentsTitleCe {
position: relative;
font-size: 2.6rem;
font-weight: 600;
margin-bottom: 50px;
line-height: 1.3;
}

.contentsTitleCe::after {
position: absolute;
background-color: var(--themeColor);
width: 80px;
height: 5px;
content: "";
margin: auto;
left: 0;
right: 0;
bottom: -20px;
}

.contentsSubTitle {
position: relative;
font-size: 2.4rem;
font-weight: 600;
text-align: left;
margin-bottom: 40px;
line-height: 1.3;
}

.contentsSubTitle::after {
position: absolute;
background-color: var(--themeColor);
width: 60px;
height: 3px;
content: "";
margin: auto;
left: 0;
bottom: -15px;
}

.contentsSubTitleCe {
position: relative;
font-size: 2.4rem;
font-weight: 600;
text-align: center;
margin-bottom: 40px;
line-height: 1.3;
}

.contentsSubTitleCe::after {
position: absolute;
background-color: var(--themeColor);
width: 60px;
height: 3px;
content: "";
margin: auto;
left: 0;
right: 0;
bottom: -15px;
}

.contentsSubSubTitle {
position: relative;
font-size: 1.8rem;
font-weight: 600;
text-align: left;
margin-bottom: 30px;
padding-left: 10px;
line-height: 1.5;
border-left: 3px solid  var(--themeColor);
}

#serviceNav {
background-color: #f1f1f1;
width: 100%;
padding: 15px;
}

#serviceNav ul {
display: flex;
justify-content: center;
}

#serviceNav ul li {
margin: 0 3px;
}

#serviceNav ul li a {
background-color: #fff;
width: auto;
height: 50px;
font-size: 1.3rem;
font-weight: 600;
display: block;
white-space: nowrap;
padding: 0 20px;
border: 1px solid var(--themeColor);
border-radius: 300px;
line-height: 46px;
transition: .3s;
}

#serviceNav ul li a:hover {
text-decoration: none;
}

#serviceNav ul li a a.current {
background-color: var(--themeColor);
border: 1px solid var(--themeColor);
font-weight: 600;
color: #fff;
}

#servicePhoto {
width: 100%;
}

#aboutService {
font-size: 2rem;
font-weight: 600;
letter-spacing: .2em;
line-height: 2;
}

.commonFlex {
margin: 20px auto;
}

.commonL,
.tourConductorL {
width: 100%;
text-align: justify;
}

.commonRPhoto {
width: 100%;
margin-bottom: 30px;
}

.commonRPhoto img {
border-radius: 20px;
box-shadow: 10px 10px 0 #ddd;
}

.commonR,
.tourConductorR {
width: 100%;
margin-top: 30px;
}

.commonLine {
margin: 30px auto;
border-bottom: 1px dotted #ccc;
}

.stepFlex {
margin: 60px auto;
}

.stepFlex2 {
margin: 80px auto;
margin-bottom: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.stepWrap {
position: relative;
background-color: #fff8ef;
width: 240px;
font-size: 1.6rem;
font-weight: 600;
text-align: center;
margin: 0 auto;
margin-bottom: 40px;
padding: 60px 10px;
border-radius: 10px;
box-shadow: 5px 5px 0 #ddd;
display: table;
line-height: 1.5;
}

.stepWrap h3 {
display: table-cell;
vertical-align: middle;
}

.stepWrap span {
font-size: 1.5rem;
}

.stepNumber {
position: absolute;
background-color: var(--themeColor);
font-family: var(--font-poppins);
width: 60px;
height: 60px;
font-size: 1.3rem;
font-weight: 300;
color: #fff8ef;
text-align: center;
margin: auto;
padding-top: 10px;
border-radius: 70px;
border: 2px solid #fff8ef;
line-height: 1;
left: 0;
right: 0;
top: -25px;
}

.stepNumber span {
font-size: 2.4rem;
display: block;
}

.stepArrow {
display: none;
}

.accordion {
position: relative;
width: 100%;
text-align: justify;
margin: 0 auto;
border-top: 1px solid #ddd;
}

.accordion ul {
margin: 0 auto;
padding: 0;
}

.accordion li {
position: relative;
width: 100%;
margin-bottom: 3px;
border-bottom: 1px solid #ddd;
transition: .3s;
}

.accordion li p:last-child {
margin-bottom: 0;
}

.accordion li h3 {
position: relative;
font-size: 1.3rem;
font-weight: 700;
}

.accordion a {
position: relative;
color: var(--themeColor);
display: block;
text-decoration: none;
cursor: pointer;
padding: 22px 56px 26px 10px;
transition: .3s;
}

.accordion li .accordion_icon {
position: absolute;
background-color: var(--themeColor);
width: 20px;
height: 20px;
margin: auto;
border-radius: 20px;
top: 0;
bottom: 0;
right: 10px;
}

.accordion li .accordion_icon span {
position: absolute;
background-color: #fff;
width: 10px;
height: 1px;
margin: auto;
transition: all .3s;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.accordion li .accordion_icon span:nth-of-type(1) {
transform: rotate(0deg);
}

.accordion li .accordion_icon span:nth-of-type(2) {
transform: rotate(90deg);
}

.accordion li .accordion_icon.active span:nth-of-type(1) {
display:none;
}

.accordion li .accordion_icon.active span:nth-of-type(2) {
transform: rotate(180deg);
}

.toggle dt {
float: left;
font-family: var(--font-poppins);
font-size: 1.6rem;
font-weight: 400;
line-height: 1;
margin-top: 5px;
}

.toggle dd {
padding: 0 0 0 32px;
}

.qaDetail {
color: var(--txtColor);
display: none;
padding: 0 42px 26px 42px;
overflow: hidden;
}

#calendarFlex {
width: 88%;
margin: 0 auto;
}

#calendar {
width: 100%;
margin-bottom: 30px;
}

#calendarTxt {
display: table;
margin: 0 auto;
text-align: left;
}

#calendarTxt dt {
float: left;
}

#calendarTxt dd {
padding: 0 0 0 70px;
}


/**/

.salaryWrap {
background-color: #fff8ef;
width: 100%;
margin-bottom: 20px;
padding: 30px;
border: 1px solid #ddd;
border-radius: 20px;
}

.salary {
width: 100%;
text-align: justify;
}

.salary h3 {
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 25px;
padding-left: 15px;
border-left: 3px solid var(--themeColor);
line-height: 1.5;
}

.salaryPhoto {
width: 200px;
margin: 0 auto;
margin-top: 25px;
}

.salaryPhoto img {
width: 200px;
height: 200px;
object-fit: cover;
border-radius: 200px;
}

.revenueModelWrap {
background-color: #fff8ef;
width: 100%;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 20px;
}

.revenueModelTitle {
background-color: var(--themeColor);
width: 100%;
display: table;
border-radius: 18px 18px 0 0;
}

.revenueModelTitle .inner {
height: 90px;
font-size: 2rem;
font-weight: 700;
color: #fff;
display: table-cell;
vertical-align: middle;
line-height: 1.3;
}

.revenueModel {
width: 100%;
text-align: justify;
padding: 30px;
}

.revenueModel dt {
float: left;
}

.revenueModel dd {
padding:  0 0 0 62px;
}

/**/

.trainingWrap {
background-color: #fff8ef;
width: 100%;
margin-bottom: 30px;
padding: 30px;
border: 1px solid #ddd;
border-radius: 20px;
}

.trainingWrap2 {
background-color: #fff;
width: 100%;
margin-bottom: 30px;
padding: 30px;
border: 1px solid #ddd;
border-radius: 20px;
}

.training {
width: 100%;
text-align: justify;
}

.training h3 {
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 25px;
padding-left: 15px;
border-left: 3px solid var(--themeColor);
line-height: 1.5;
}

.trainingPhoto,
.trainingPhotoR {
width: 200px;
margin: 0 auto;
margin-bottom: 25px;
}

.trainingPhotoR {
margin-top: 25px;
margin-bottom: 0;
}

.trainingPhoto img,
.trainingPhotoR img {
width: 200px;
height: 200px;
object-fit: cover;
border-radius: 200px;
}

/**/

.remunerationAmountWrap {
background-color: #fff8ef;
width: 100%;
margin: 30px auto;
margin-bottom: 50px;
padding: 10px 20px 20px;
border-radius: 10px;
box-shadow: 5px 5px 0 #ddd;
}

.remunerationAmountFlex {
font-size: 1.6rem;
font-weight: 700;
color: var(--themeColor);
margin: 0 auto;
padding: 10px 0 20px;
white-space: nowrap;
line-height: 1.5;
display: flex;
justify-content: space-between;
align-items: center;
}

.remunerationAmountFlex:first-child {
border-bottom: 1px dotted #ccc;
}

.remunerationAmountL {
position: relative;
top: 8px;
}

.remunerationAmountR {
text-align: right;
}

.remunerationAmountR span {
position: relative;
font-size: 3rem;
top: 2px;
}

#inboundNav ul {
margin: 0 auto;
margin-top: 40px;
display: table;
}

#inboundNav ul {
text-align: left;
}　

#inboundNav ul li {
margin-bottom: 40px;
padding: 0 30px;
display: block;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.inboundFlex,
.inboundWideFlex {
margin: 60px auto;
margin-bottom: 0;
}

.inboundWideFlex {
justify-content: center;
}

.inboundWrap,
.inboundWideWrap {
position: relative;
background-color: #fff8ef;
width: 240px;
font-size: 1.6rem;
font-weight: 600;
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
padding: 60px 10px;
border-radius: 10px;
box-shadow: 5px 5px 0 #ddd;
display: table;
line-height: 1.5;
}

.inboundWrap h4,
.inboundWideWrap h4 {
display: table-cell;
vertical-align: middle;
}

.inboundNumber {
position: absolute;
background-color: var(--themeColor);
font-family: var(--font-poppins);
width: 60px;
height: 60px;
font-size: 1.3rem;
font-weight: 300;
color: #fff8ef;
text-align: center;
margin: auto;
padding-top: 12px;
border-radius: 70px;
border: 2px solid #fff8ef;
line-height: 1;
left: 0;
right: 0;
top: -25px;
}

.inboundNumber span {
font-size: 2.4rem;
display: block;
}

#inboundCalendar {
width: 100%;
margin: auto;
margin-bottom: 20px;
}

.applicationInfoWrap {
background-color: #fff8ef;
width: 100%;
text-align: justify;
margin: 30px auto;
margin-bottom: 10px;
padding: 30px;
border-radius: 10px;
box-shadow: 5px 5px 0 #ddd;
}

.applicationInfoWrap .btnWide {
margin-top: 0;
}

/**/

#dispatchRequestFlex {
width: 100%;
margin: 0 auto;
}

.dispatchRequestL,
.dispatchRequestR {
position: relative;
background-color: var(--themeColor);
max-width: 280px;
margin: 0 auto;
margin-bottom: 30px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 20px;
box-shadow: 10px 10px 0 #ddd;
}

.dispatchRequestL .number,
.dispatchRequestR .number {
position: absolute;
font-family: 'Poppins', sans-serif;
font-size: 7rem;
font-weight: 100;
color: #fff;
left: 20px;
top: 113px;
z-index: 1;
}

.dispatchRequestL img,
.dispatchRequestR img {
border-radius: 20px 20px 0 0;
}

.dispatchRequestL .inner,
.dispatchRequestR .inner {
background-color: #fff;
padding: 30px 30px 40px;
border-radius: 0 0 19px 19px;
}

.dispatchRequestL h3,
.dispatchRequestR h3 {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 30px;
line-height: 1.6;
}

.dispatchRequestL p,
.dispatchRequestR p {
text-align: justify;
}

.dispatchNumber {
position: absolute;
background-color: var(--themeColor);
font-family: var(--font-poppins);
width: 70px;
height: 70px;
font-size: 1rem;
font-weight: 400;
color: #fff8ef;
text-align: center;
margin: auto;
padding-top: 15px;
border-radius: 70px;
border: 2px solid #fff8ef;
letter-spacing: 0;
line-height: 1;
left: 0;
right: 0;
top: -35px;
}

.dispatchNumber span {
font-size: 3rem;
display: block;
}

.dispatchTitleMt {
margin-top: 80px;
}

#dispatchTable {
width: 100%;
margin: 0 auto;
}

.dispatchFlex {
margin-bottom: -30px;
}

/**/

#companyOutLine {
width: 100%;
text-align: justify;
margin: 0 auto;
margin-bottom: 40px;
border-top: 1px dotted #ddd;
}

#companyOutLine dt {
font-weight: 700;
padding: 25px 5px 5px;
}

#companyOutLine dd {
position: relative;
padding:0 5px 25px;
border-bottom: 1px dotted #ddd;
}

#companyOutLine dd::before {
position: absolute;
background-color: var(--themeColor);
width: 110px;
height: 3px;
content: "";
left: 0;
bottom: 0;
}

#yumeya {
font-size: 1.7rem;
font-weight: 700;
}

#achievementsTitle {
font-size: 1.7rem;
font-weight: 700;
margin: 0 0 20px;
}

#achievements {
width: 100%;
text-align: justify;
margin: 0 auto;
margin-bottom: 80px;
border-top: 1px dotted #ddd;
}

#achievements dt {
font-weight: 700;
padding: 25px 5px 5px;
}

#achievements dd {
position: relative;
padding: 0 5px 25px;
border-bottom: 1px dotted #ddd;
}

#achievements dd::before {
position: absolute;
background-color: var(--themeColor);
width: 165px;
height: 3px;
content: "";
left: 0;
bottom: 0;
}

/**/

.wrapPost {
position: relative;
width: 88%;
text-align: justify;
margin: 0 auto;
padding: 40px 0 30px;
}

.wrapPost .postTitle {
width: 100%;
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
line-height: 1.5;
}

.wrapPost .date {
font-family: 'Poppins', sans-serif;
font-size: 2.4rem;
font-weight: 100;
color: #999;
margin-bottom: 30px;
line-height: 1;
}

.prevNextArea {
text-align: center;
margin: 0 auto;
margin-top: 50px;
padding: 0 10px;
}

.prevNextArea a {
margin: 0 10px;
}

.wp-pagenavi {
position: relative;
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
margin-top: 30px;
display: flex;
justify-content: center;
line-height: 26px;
}

.wp-pagenavi .pages {
display: none;
}

.wp-pagenavi .page {
margin: 0 3px;
}

.wp-pagenavi .current {
background-color: var(--themeColor);
width: 30px;
height: 30px;
color: #fff;
margin: 0 3px;
display: block;
border: 1px solid var(--themeColor) !important;
}

.wp-pagenavi a,
.wp-pagenavi .extend {
width: 30px;
height: 30px;
display: block;
border: 1px solid var(--themeColor) !important;
}
.wp-pagenavi .first,
.wp-pagenavi .last {
display: none;
}

.wp-pagenavi a:hover {
background-color: var(--themeColor);
color: #fff;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
position: relative;
font-size: 0;
text-indent: -1000px;
border: 0 !important;
}

.wp-pagenavi a:hover.previouspostslink,
.wp-pagenavi a:hover.nextpostslink {
background-color: #fff;
}

.wp-pagenavi .previouspostslink::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid var(--themeColor);
border-left: 1px solid var(--themeColor);
transform: rotate(-45deg);
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.wp-pagenavi .nextpostslink::after {
position: absolute;
width: 12px;
height: 12px;
content: "";
margin: auto;
border-top: 1px solid var(--themeColor);
border-right: 1px solid var(--themeColor);
transform: rotate(45deg);
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.alignright {
float: right;
margin: 0 0 50px 50px;
}

.alignleft {
float: left;
margin: 0 50px 50px 0;
}

.aligncenter {
text-align: center;
display: block;
margin: 0 auto;
}

/**/

.privacy {
text-align: justify;
}

.privacy h2 {
position: relative;
font-size: 2.4rem;
font-weight: 600;
text-align: left;
margin-bottom: 40px;
line-height: 1.3;
}

.privacy h2::after {
position: absolute;
background-color: var(--themeColor);
width: 60px;
height: 3px;
content: "";
margin: auto;
left: 0;
bottom: -15px;
}

.privacy h3 {
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 20px;
}

.privacy ol {
list-style: decimal;
margin-bottom: 32px;
padding-left: 22px;
}

/**/

#wrapContact {
position: relative;
width: 88%;
text-align: justify;
margin: 0 auto;
padding: 40px 0;
}

.contactFlex {
width: 100%;
padding: 20px 0;
border-top: 1px dotted #ccc;
}

.contactFlex p {
margin-bottom: 0;
}

.contactFlex:first-of-type {
margin-top: 50px;
}

.contactFlex:last-of-type {
border-bottom: 1px dotted #ccc;
}

.contactL {
width: 100%;
margin-bottom: 10px;
}

.contactR {
width: 100%;
}

.contactR input[type="radio"] {
opacity: 0;
visibility: hidden;
position: absolute;
}

.contactR .wpcf7-list-item {
display: block;
}

.formR .wpcf7-list-item.first {
margin-left: 0;
}

.contactR .radioWrap span.wpcf7-list-item-label {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
margin-left: -15px;
margin-right: 20px;
}

.contactR .radioWrap span.wpcf7-list-item-label::before {
display: block;
content: "";
border-radius: 50%;
border: 1px solid #ccc;
width: 18px;
height: 18px;
margin-right: 5px;
margin-top: 3px;
}

.contactR .radioWrap span.wpcf7-list-item-label::after {
position: absolute;
content: "";
border-radius: 50%;
width: 8px;
height: 8px;
background-color: #fff;
left: 5px;
top: 50%;
transform: translateY(-50%);
display: none;
margin-top: 1.5px;
}

.contactR .radioWrap input[type="radio"]:checked + span.wpcf7-list-item-label::after {
display: block;
}

.contactR .radioWrap input[type="radio"]:checked + span.wpcf7-list-item-label::before {
display: block;
background-color: var(--themeColor);
}

.contactR .inputWide {
background-color: #f8f8f8;
font-family: var(--font-primary);
width: 100%;
height: 60px;
font-size: 1.5rem;
padding: 15px;
border: 1px solid #ddd;
border-radius: 5px;
}

textarea {
background-color: #f8f8f8;
font-family: var(--font-primary);
width: 100%;
height: 200px;
font-size: 1.5rem;
padding: 15px;
border: 1px solid #ddd;
border-radius: 5px;
}

.required {
position: relative;
background-color: #d20c0f;
width: 38px;
height: 18px;
font-size: 1rem;
font-weight: 700;
text-align: center;
color: #fff;
margin-right: 7px;
display: inline-block;
border-radius: 5px;
line-height: 17px;
top: -1px;
}

.any {
position: relative;
background-color: #bbb;
width: 40px;
height: 20px;
font-size: 1.1rem;
font-weight: 700;
text-align: center;
color: #fff;
margin-right: 15px;
display: inline-block;
border-radius: 5px;
line-height: 18px;
top: -1.5px;
}

.contactR .checkWrap input[type="checkbox"] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.contactR .checkWrap input[type="checkbox"] {
display: flex;
flex-wrap: wrap;
gap: .5em 2em;
border: none;
}

.contactR .checkWrap .wpcf7-list-item {
display: inline-block;
}

.contactR .checkWrap .wpcf7-list-item label {
position: relative;
display: flex;
align-items: center;
gap: 0 .3em;
cursor: pointer;
left: -12px;
}

.contactR .checkWrap .wpcf7-list-item label::before,
.contactR .checkWrap .wpcf7-list-item label:has(:checked)::after {
content: '';
}

.contactR .checkWrap .wpcf7-list-item label::before {
position: relative;
background-color: #fff;
width: 20px;
height: 20px;
border-radius: 3px;
border: 1px solid #ddd;
top: 1px;
}

.contactR .checkWrap .wpcf7-list-item label:has(:checked)::before {
background-color: var(--themeColor);
}

.contactR .checkWrap .wpcf7-list-item label:has(:checked)::after {
position: absolute;
top: 6px;
left: 6px;
transform: rotate(45deg);
width: 8px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
}

.submitWrap {
padding-top: 40px;
text-align: center;
border-top: 1px dotted #ccc;
}

.wpcf7-submit {
background-color: #ff9900;
width: 100%;
height: 80px;
font-size: 1.6rem;
font-weight: 600;
color: #fff;
margin: 0 auto;
border-radius: 350px;
border: solid 1px #ff9900;
cursor: pointer;
transition: .3s;
}

/**/

footer {
position: relative;
background-color: #eff7fd;
width: 100%;
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
padding: 100px 0 0;
line-height: 1.5;
}

footer .inner {
width: 100%;
margin: 0 auto;
}

.fNavWrap {
width: 100%;
margin-bottom: 30px;
}

.fNav {
width: 100%;
}

.fNav li {
padding: 0 0 15px;
}

.fNav li a {
position: relative;
}

.fNav li a:hover {
text-decoration: none;
}

.fNav li a::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
background-color: #666;
bottom: -4px;
left: 0;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.fNav li a:hover::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}

footer .address {
width: 100%;
}

footer .address img {
width: 210px;
margin-bottom: 20px;
}

#copyright {
background: #333;
width: 100vw;
font-family: 'Poppins', sans-serif;
font-size: 1rem;
color: #fff;
margin-top: 60px;
padding: 10px 0 30px;
}

.pagetop {
position: fixed;
background: #fff;
width: 50px;
height: 50px;
bottom: -60px;
right: 10px;
z-index: 200;
display: block;
border: 1px solid var(--themeColor);
border-radius: 50px;
transition: .3s;
box-shadow: 5px 5px 0 #ddd;
}

.arrowRoundUp {
position: absolute;
display: block;
width: 2px;
height: 15px;
border-radius: 5px;
background-color: var(--themeColor);
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 0;
}

.arrowRoundUp::before {
content: "";
position: absolute;
top: 0;
right: -1px;
display: block;
width: 10px;
height: 2px;
border-radius: 5px;
background-color: var(--themeColor);
transform: rotate(-45deg);
}

.arrowRoundUp::after {
content: "";
position: absolute;
top: 0;
left: -1px;
display: block;
width: 10px;
height: 2px;
border-radius: 5px;
background-color: var(--themeColor);
transform: rotate(45deg);
}

}