@charset "UTF-8";

@media print, screen and (min-width:1200px) {

#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: 220px;
}

.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);
}
}

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

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

.aligncenter {
display: block;
margin: 0 auto;
}

.titleLineTop {
position: absolute;
width: 150px;
top: 250px;
left: 85px;
z-index: 1;
}

#mainCopy {
position: relative;
width: 90%;
font-size: 4.2rem;
font-weight: 700;
text-align: left;
margin: 0 auto;
margin-top: 180px;
letter-spacing: .2em;
line-height: 1.6;
z-index: 101;
}

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

#mainCopyEn {
position: absolute;
width: 100vw;
font-family: var(--font-poppins);
font-size: 24rem;
font-weight: 100;
color: #eee;
top: 372px;
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 500s linear infinite;
}

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

#boeing787 {
position: absolute;
width: 45%;
z-index: 100;
top: 290px;
right: 40px;
}

#mainImgBox {
position: relative;
width: 94vw;
height: 700px;
margin: 60px auto;
margin-bottom: 30px;
overflow: hidden;
border-radius: 50px;
box-shadow: 10px 10px 0 #ddd;
z-index: 11;
}

.mainImg {
position: absolute;
width: 100vw;
height: 100vh;
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 {
position: absolute;
background: #fff;
width: 30px;
height: 50px;
left: 200px;
bottom: 44px;
margin: auto;
border-radius: 100px;
z-index: 200;
}

.arrow {
position: absolute;
width: 10px;
left: 210px;
bottom: 84px;
margin: auto;
z-index: 200;
animation: scroll 2.5s infinite;
-webkit-animation: scroll 2.5s infinite;
-moz-animation: scroll 2.5s infinite;
}

.arrow::before {
content: "";
display: block;
margin: 0 auto;
width: 4px;
height: 4px;
background: var(--themeColor);
border-radius: 4px;
}
@keyframes scroll {
0% {
 opacity: 1;
}
80% {
 opacity: 1;
}
100% {
 opacity: 0;
 transform: translateY(36px);
}
}

#scrollDown {
position: absolute;
width: 240px;
left: 96px;
bottom: -50px;
animation: 60s linear infinite rotation;
z-index: 200;
}

@keyframes rotation{
0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}

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

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

.wrap {
position: relative;
width: 1100px;
margin: 0 auto;
padding:  120px 0 150px 0;
}

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

#aboutTitle {
position: relative;
width: 350px;
font-size: 4.2rem;
font-weight: 600;
text-align: left;
padding-right: 30px;
writing-mode: vertical-rl;
letter-spacing: .3em;
line-height: 1.5;
}

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

#aboutTxt {
font-size: 2.2rem;
width: 650px;
font-weight: 600;
text-align: justify;
margin-top: 150px;
padding-right: 60px;
letter-spacing: .2em;
line-height: 3;
}

#aboutTxt p {
margin-bottom: 25px;
}

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

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

#aboutBottomPhoto div {
width: 33.33333333333333%
}

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

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

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

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

.mainTitleL::after {
margin: 0;
}

#recruitFlex {
width: 1000px;
margin: 0 auto;margin-top: 60px;
display: flex;
justify-content: space-between;
}

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

.recruitL {
top: 30px;
}

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

.recruitL img,
.recruitR img {
width: auto;
height: 250px;
margin: 40px auto;
}

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

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

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

.btn,
.btnWide,
.btnWideWide {
position: relative;
background: #fff;
font-family: "Zen Kaku Gothic New", sans-serif;
width: 260px;
height: 65px;
font-size: 1.5rem;
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;
}

.btnWide {
width: 350px;
}

.btnWideWide {
width: 600px;
margin-top: 50px;
}

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

.btn::before,
.btnWide::before,
.btnWideWide::before {
background-color: var(--themeColor);
content: "";
width: 120%;
height: 200%;
position: absolute;
top: -50%;
right: 0;
z-index: -1;
border-radius: 0 100px 100px 0;
transform: translateX(-100%);
transition: transform ease .5s;
}

.btn:hover,
.btnWide:hover,
.btnWideWide:hover {
color: #fff;
font-weight: 600;
border: 1px solid var(--themeColor);
}

.btn a:hover {
color: #fff;
}

.btn:hover::before,
.btnWide:hover::before,
.btnWideWide:hover::before {
transform: translateX(10%);
}

.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 {
background-color: var(--themeColor);
content: "";
position: absolute;
top: -3px;
right: -1px;
display: block;
width: 10px;
height: 2px;
border-radius: 5px;
transform: rotate(-135deg);
}

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

.btn:hover .arrowRound,
.btn:hover .arrowRound::before,
.btn:hover .arrowRound::after,
.btnWide:hover .arrowRound,
.btnWide:hover .arrowRound::before,
.btnWide:hover .arrowRound::after,
.btnWideWide:hover .arrowRound,
.btnWideWide:hover .arrowRound::before,
.btnWideWide:hover .arrowRound::after {
background-color: #fff;
}

.flexSb {
display: flex;
justify-content: space-between;
}

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

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

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

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

.change {
position: relative;
background-color: #fff;
width: 340px;
margin-bottom: 60px;
border: 1px solid #ddd;
border-radius: 20px;
box-shadow: 10px 10px 0 #ddd;
}

.change:nth-of-type(2) {
position: relative;
top: 30px;
}

.change:nth-of-type(3) {
position: relative;
top: 60px;
}

.change .number {
position: absolute;
font-family: 'Poppins', sans-serif;
font-size: 7rem;
font-weight: 100;
color: #ccc;
right: 15px;
top: 54px;
z-index: 1;
}

.change h3 {
font-size: 2.2rem;
font-weight: 600;
color: #fff;
margin-top: 20px;
margin-bottom: 30px;
padding: 14px 0 18px;
line-height: 1.5;
}

.change:nth-of-type(1) h3 {
background-color: #00a366;
}

.change:nth-of-type(2) h3 {
background-color: #02b2ed;
}

.change:nth-of-type(3) h3 {
background-color: #8d4d99;
}

.change img {
margin: auto;
height: 250px;
}

.change .inner {
text-align: justify;
padding: 34px;
}

.wrapWide {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 150px 0;
}

.newsL {
width: 500px;
text-align: left;
}

.titleLineL {
width: 150px;
margin-bottom: 60px;
}

.newsR {
width: 660px;
text-align: justify;
}

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

.newsInfo dt {
font-family: 'Poppins', sans-serif;
font-size: 4rem;
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: 1200px;
color: #ff9900;
margin: 170px auto;
padding: 60px 0;
margin-bottom: -50px;
box-shadow: 10px 10px 0 #ddd;
border-radius: 20px;
z-index: 1;
}

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

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

#contactFlex {
margin: 0 auto;
padding: 0 60px;
display: flex;
justify-content: space-between;
}

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

#contactBtnCall {
background-color: var(--themeColor);
width: 345px;
height: 120px;
font-size: 1.6rem;
font-weight: 600;
color: #fff;
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: 3.3rem;
font-weight: 700;
display: block;
}

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

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

#contactBtnEntry:hover,
#contactBtnCall:hover {
background-color: #fff;
color: var(--themeColor);
}

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

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

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

/**/

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

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

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

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

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

#pankuzu {
position: relative;
width: 100%;
font-size: 1.1rem;
text-align: left;
margin: 25px auto;
padding: 0 50px;
}

.wrapCoTop {
position: relative;
width: 1100px;
margin: 0 auto;
padding: 50px 0 100px;
}

.wrapCo {
position: relative;
width: 1100px;
margin: 0 auto;
padding: 100px 0;
}

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

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

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

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

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

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

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

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

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

#serviceNav ul li a {
background-color: #fff;
width: 300px;
height: 80px;
font-size: 1.6rem;
font-weight: 600;
display: block;
margin: 0 10px;
border: 1px solid var(--themeColor);
border-radius: 300px;
line-height: 76px;
transition: .3s;
}

#serviceNav ul li a:hover {
background-color: var(--themeColor);
color: #fff;
text-decoration: none;
}

#serviceNav 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 {
display: flex;
justify-content: space-between;
}

.commonL {
width: 50%;
text-align: justify;
}

.tourConductorL {
width: 55%;
text-align: justify;
}

.commonRPhoto {
width: 45%;
}

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

.commonR {
width: 45%;
}

.tourConductorR {
width: 40%;
}

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

.stepFlex {
margin: 30px auto;
margin-top: 100px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

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

.stepWrap {
position: relative;
background-color: #fff8ef;
width: 240px;
font-size: 1.8rem;
font-weight: 600;
text-align: center;
margin-bottom: 60px;
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: 70px;
height: 70px;
font-size: 1.6rem;
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: -35px;
}

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

.stepArrow {
position: relative;
width: 0;
height: 0;
margin: 0 10px 0 15px;
border-left: 10px solid #ff9900;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
top: 80px;
}

.accordion {
position: relative;
width: 800px;
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.6rem;
font-weight: 700;
}

.accordion a {
position: relative;
color: var(--themeColor);
display: block;
text-decoration: none;
cursor: pointer;
padding: 22px 76px 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: 2.8rem;
font-weight: 400;
line-height: 1;
margin-top: 0px;
}

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

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

#calendarFlex {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}

#calendar {
width: 700px;
}

#calendarTxt {
width: 450px;
text-align: left;
}

#calendarTxt dt {
float: left;
}

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

/**/

.salaryWrap {
background-color: #fff8ef;
width: 100%;
margin-bottom: 30px;
padding: 40px 10px 46px 46px;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #ddd;
border-radius: 20px;
}

.salary {
width: 700px;
text-align: justify;
}

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

.salaryPhoto {
width: 300px;
}

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

.revenueModelWrap {
background-color: #fff8ef;
width: 100%;
margin-bottom: 50px;
display: flex;
justify-content: space-between;
border: 1px solid #ddd;
border-radius: 20px;
}

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

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

.revenueModel {
width: 800px;
text-align: justify;
padding: 40px;
}

.revenueModel dt {
float: left;
}

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

/**/

.trainingWrap {
background-color: #fff8ef;
width: 100%;
margin-bottom: 30px;
padding: 40px 46px 40px 10px;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #ddd;
border-radius: 20px;
}

.trainingWrap2 {
background-color: #fff;
width: 100%;
margin-bottom: 30px;
padding: 40px 10px 40px 46px;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #ddd;
border-radius: 20px;
}

.training {
width: 770px;
text-align: justify;
}

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

.trainingPhoto,
.trainingPhotoR {
width: 250px;
}

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

/**/

.remunerationAmountWrap {
background-color: #fff8ef;
width: 600px;
margin: 80px auto;
padding: 10px 40px 20px;
border-radius: 10px;
box-shadow: 5px 5px 0 #ddd;
}

.remunerationAmountFlex {
font-size: 2rem;
font-weight: 700;
color: var(--themeColor);
margin: 0 auto;
padding: 5px 0;
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: 4rem;
top: 2px;
}

#inboundNav ul {
margin-top: 40px;
display: flex;
justify-content: center;
}

#inboundNav ul li {
padding: 0 30px;
border-left: 1px solid #ddd;
}

#inboundNav ul li:last-child {
border-right: 1px solid #ddd;
}

.inboundFlex,
.inboundWideFlex {
margin: 100px auto;
margin-bottom: 60px;
display: flex;
justify-content: space-between;
}

.inboundWideFlex {
justify-content: center;
}

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

.inboundWideWrap {
width: 450px;
margin: 0 10px;
}

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

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

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

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

.applicationInfoWrap {
background-color: #fff8ef;
width: 900px;
margin: 80px auto;
margin-bottom: 10px;
padding: 50px 40px;
border-radius: 10px;
box-shadow: 5px 5px 0 #ddd;
}

.inboundHm {
margin-bottom: 32px;
}

.inboundHm dt {
float: left;
}

.inboundHm dd {
padding: 0 0 0 80px;
}

.headMach {
margin-bottom: 32px;
}

.headMach dt {
float: left;
}

.headMach dd {
padding: 0 0 0 18px;
}

/**/

#dispatchRequestFlex {
width: 1100px;
margin: 0 auto;margin-top: 60px;
display: flex;
justify-content: space-between;
}

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

.dispatchRequestL:nth-of-type(2) {
top: 30px;
}

.dispatchRequestR {
top: 60px;
}

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

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

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

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

.dispatchRequestL h3 {
padding-top: 20px;
}

.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: 800px;
margin: 0 auto;
margin-bottom: 50px;
}

.dispatchFlex {
margin-top: 60px;
display: flex;
justify-content: space-between;
}

/**/

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

#companyOutLine dt {
float: left;
padding: 35px 10px;
}

#companyOutLine dd {
position: relative;
padding: 35px 10px 35px 200px;
border-bottom: 1px dotted #ddd;
}

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

#yumeya {
font-size: 2.2rem;
font-weight: 700;
margin-top: 60px;
}

#achievementsTitle {
font-size: 2.2rem;
font-weight: 700;
margin: 60px 0 30px;
}

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

#achievements dt {
float: left;
padding: 35px 10px;
}

#achievements dd {
position: relative;
padding: 35px 10px 35px 280px;
border-bottom: 1px dotted #ddd;
}

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

/**/

.wrapPost {
position: relative;
width: 900px;
text-align: justify;
margin: 0 auto;
padding: 60px 0 120px;
}

.wrapPost .postTitle {
width: 100%;
font-size: 3rem;
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: 4rem;
font-weight: 100;
color: #999;
margin-bottom: 40px;
line-height: 1;
}

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

.prevNextArea a {
margin: 0 10px;
}

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

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

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

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

.wp-pagenavi a,
.wp-pagenavi .extend {
width: 45px;
height: 45px;
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: 3rem;
font-weight: 600;
text-align: left;
margin-bottom: 50px;
line-height: 1.3;
}

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

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

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

/**/

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

.contactFlex {
width: 100%;
padding: 30px 0;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px dotted #ccc;
}

.contactFlex p {
margin-bottom: 0;
}

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

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

.contactL {
width: 33%;
}

.contactR {
position: relative;
width: 67%;
}

.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: 70px;
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: 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;
}

.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: 60px;
text-align: center;
border-top: 1px dotted #ccc;
}

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

.wpcf7-submit:hover {
background-color: #fff;
color: #ff9900;
}

/**/

footer {
position: relative;
background-color: #eff7fd;
width: 100%;
font-size: 1.4rem;
margin: 0 auto;
padding: 150px 0 0;
line-height: 1.6;
}

footer .inner {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

.fNavWrap {
width: auto;
display: flex;
justify-content: space-between;
}

.fNav {
width: auto;
text-align: left;
margin-left: 60px;
line-height: 2;
}

.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: var(--themeColor);
bottom: -7px;
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: auto;
text-align: left;
display: inline;
}

footer .address img {
width: 180px;
margin-bottom: 30px;
}

footer .address h4 {
font-size: 1.5rem;
font-weight: 700;
color: var(--themeColor);
margin-bottom: 5px;
}

#copyright {
background: #333;
width: 100%;
font-family: var(--font-poppins);
font-size: 1.3rem;
font-weight: 400;
color: #fff;
margin-top: 100px;
padding: 10px 0;
}

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

.pagetop:hover {
background-color: var(--themeColor);
border: 1px solid var(--themeColor);
}

.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);
}

.pagetop:hover .arrowRoundUp,
.pagetop:hover .arrowRoundUp::before,
.pagetop:hover .arrowRoundUp::after {
background-color: #fff;
}

}