@charset "utf-8";

@media screen and (max-width: 780px){
/* =====<=====<=====<=====<=====<=====<===== */
/* !<- GENERAL control ->                    */
/* =====>=====>=====>=====>=====>=====>===== */

body {
  min-width: 320px;
}
p,
dl,ol,ul,
caption,figcaption {
  font-size: 14px;
}
.lead {
  font-size: 14px;
  text-align: left;
}
section a {
  color: #000;
  font-size: 14px;
}
a.call {
  color: #2dae37!important;
  text-decoration: underline!important;
}
a.call,
.call a {
  pointer-events: auto;
}
img {
  width: 100%;
  height: auto !important;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- GENERAL CLASS control ->              */
/* =====>=====>=====>=====>=====>=====>===== */

.inner {
  width: 95%;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- HEADDING control ->                   */
/* =====>=====>=====>=====>=====>=====>===== */

h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  line-height: 1.6;
}
h2+span {
  margin: 0 auto 10px;
  font-size: 12px;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- TOP-HEADER control ->                 */
/* =====>=====>=====>=====>=====>=====>===== */

#TH,
footer {
  background-color: #fff;
}
#TH {
  width: 100%;
  position: fixed;top: 0;right: 0;left: 0;
  margin: auto;
}
#TH>.inner {
  height: 70px;
}

.hdrLogo,
.hdrLogo img{
  width: 120px;
}
.hdrLogo {
  margin-top: -5px;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- HAMBURGER control ->                  */
/* =====>=====>=====>=====>=====>=====>===== */

#HAM,
#HAMtoggle {
  display: block;
}
#HAMtoggle,
#HAMtoggle span {
  position: absolute;
}
#HAMtoggle {
  width: 50px;
  height: 50px;
  top: 0;right: 10px;
  z-index: 111;
}
#HAMtoggle div {
  position: relative;
}
#HAMtoggle span:not(:nth-child(4)) {
  width: 35px;
  height: 2px;
  display: block;
  margin: auto;
  right: 0;left: 0;
  background: #2dae37;
  transition: .4s ease-in-out;
}
#HAMtoggle span:nth-child(1) {
  top: 18px;
}
#HAMtoggle span:nth-child(2) {
  top: 25px;
}
#HAMtoggle span:nth-child(3) {
  top: 32px;
}
#HAMtoggle span:nth-child(4) {
  width: 35px;
  margin: auto;
  position: absolute; top: 48px;right: 0;left: 0;
  color: #2dae37;
  font-size: 10px;
  text-align: center;
}

/*===== #HAMtoggle animation =====*/
.open #HAMnav {
  transform: translateY(556px);
}
.open #HAMtoggle span:nth-child(1) {
  top: 25px;
  transform: rotate(315deg);
}
.open #HAMtoggle span:nth-child(2) {
  width: 0;
  left: 50%;
}
.open #HAMtoggle span:nth-child(3) {
  top: 25px;
  transform: rotate(-315deg);
}

/*===== #HAMnav =====*/
#HAMnav,
#HAMnav a {
  width: 100%;
}
#HAMnav {
  display: block;
  position: absolute;top: -69px;left: 0;
  text-align: center;
  transition: .5s ease-in-out;
}
#HAMnav>ul {
  width: 100%;
  position: absolute;bottom: 0;left: 0;
  background: url(../img/common/bg.jpg);
  background-size: 7px;
  font-size: 15px;
  border-top: 1px solid rgba(255,255,255,.5);
}
#HAMnav>ul>li+li {
  border-top: 1px dotted rgba(255,255,255,.5);
}
.second .now {
  color: #dcf0b9!important;
}
#HAMnav>ul a.now {
  color: #dcf0b9;
  border-bottom: 0!important;
}
#HAMnav>ul a {
  display: block;
  padding: 1.5em 5%;
  font-weight: bold;
  color: #fff;
  text-align: left;
}
#HAMnav i {
  margin-right: .5em;
  font-size: 15px;
}
/*
  #HAMnav>ul>li>a::after {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f105";
  float: right;
}
*/
#HAMnav>ul li .second li a::before {
  content: "\f105";
  display: inline-block;
  margin-right: .8em;
  font-family: FontAwesome;
}
#HAMnav>ul li .second a {
  padding: .9em 5% .9em 10%;
  font-size: 13px;
}
#HAMnav>ul li .second li {
  background: rgba(114,152,117,.4);
}
#HAMnav>ul li .second li+li {
  border-top: 1px dotted rgba(255,255,255,.4);
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- GLOBAL-NAV control ->                 */
/* =====>=====>=====>=====>=====>=====>===== */

#GNav {
  display: none;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- MAIN-VISUAL control ->                */
/* =====>=====>=====>=====>=====>=====>===== */

#MV {
  width: 100%; height: 350px;
}
#MV .inner {
  height: 100%;
}
#MV p {
  width: 100%;
  padding-top: 120px;
  font-size: 20px;
  line-height: 1.8;
  z-index: 500;
}
#MV img {
  width: 210px;
  margin-top: 0;
  position: absolute;top: 31%;right: 0;
  z-index: 10;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- sub page control ->                   */
/* =====>=====>=====>=====>=====>=====>===== */

.sub .ftrNav li a {
  padding-top: 48px;
  font-size: 14px;
}


/* =====<=====<=====<=====<=====<=====<===== */
/* !<- SUB-VISUAL control ->                 */
/* =====>=====>=====>=====>=====>=====>===== */

#SV header {
  margin-top: 70px;
  height: 200px;
  padding-top: 0;
}
#SV h2 {
  font-size: 25px;
  letter-spacing: 1px;
}
#recruit #SV {
  min-height: 200px;
  background-position: 65% center;
}
#driver #SV {
  min-height: 200px;
}
#ww #SV {
  min-height: 200px;
}
#clerk #SV {
  min-height: 200px;
}


/* =====<=====<=====<=====<=====<=====<===== */
/* !<- SECTION control ->                    */
/* =====>=====>=====>=====>=====>=====>===== */

section {
  padding: 50px 0;
}
#sec06 .cntBox.fx dt,
section header {
  border-bottom: 3px solid #f4f3f3;
}
section header {
  margin: 0 auto 30px;
}
#application #sec01 header,
#sec06 .cntBox.fx dt,
#sec03 header {
  border-bottom: 3px solid #fff;
}
section header img {
  margin-right: .5em;
  margin-bottom: 0;
}
#sec01 header img {
  width: 25px;
}
#sec02 header img {
  width: 37px;
}
#sec03 header img {
  width: 26px;
}
#sec04 header img,
#sec05 header img,
#sec06 header img {
  width: 24px;
}
#sec07 header img {
  width: 25px;
}

#sec06 .cntBox.fx dt::after,
#driver #sec02 .cntBox:last-of-type header::after,
section header::after {
  width: 200px;
  height: 3px;
  bottom: -3px;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- FOOTER control ->                     */
/* =====>=====>=====>=====>=====>=====>===== */

footer {
  font-size: 10px;
}
footer>.inner {
  flex-direction: column-reverse;
  padding: 2.5em 0 1em;
}
.ftrNav {
  padding: 0;
}
.ftrNav .inner {
  width: 100%;
}
.ftrNav li {
  width: 100%;
  height: 100px;
}
.ftrNav li::before {
  width: 30px;
  margin: 0 auto 15px;
  top: 28px;
}
.ftrNav li a {
  padding-top: 40px;
}
.ftrNav li span,
.ftrLeft+div figure span {
  font-size: 11px;
  }
.ftrLeft+div figure a,
.ftrNav li a {
  font-size: 18px;
}
.ftrLeft {
  margin-right: 0;
  margin-top: 1.5em;
}
.ftrLogo {
  display: none;
}
.ftrLeft + div {
  margin-right: 0;
}
.ftrLeft+div figure a {
  padding-top: 20px;
}
.ftrLeft+div figure {
  width: 200px;
  height: 80px;
}
.ftrLeft+div img {
  display: none;
}



/*===== PAGETOP =====*/
.pagetop {
  width: 100%;
}
.pagetop a {
  top: -60px;right: 10px;
}

.sub .pagetop a {
  top: -25px;
}
.recruit .pagetop a {
  top: -60px;
}


/*===== COPYRIGHT =====*/
small {
  margin-top: 5px;
  text-align: center;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERD SKIN / index.html ->           */
/* =====>=====>=====>=====>=====>=====>===== */

/*===== #sec01 =====*/
#sec01 .cntBox p.cr {
  font-size: 19px;
  letter-spacing: -1.5px;
}
#sec01 .inBox {
  margin-top: 30px;
  flex-wrap: wrap;
  align-items: stretch;
}
#sec01 .inBox::after {
  display: none!important;
}
#sec01 .inBox dl+dl:nth-of-type(n+3) {
  margin-top: 8px;
}
#sec01 .inBox dl {
  width: 49%;
  padding: 1em .5em;
  font-size: 13px;
}
#sec01 .inBox dt {
  height: 13.5em;
  padding-bottom: .8em;
  font-size: 14px;
}
#sec01 .inBox dt img {
  width: 100px;
  margin: 0 auto 1em;
}
#sec01 .inBox dt::after {
  width: 50px;
}
#sec01 .inBox dt+dd {
  margin-top: 1.8em;
}


/*===== #sec02 =====*/
#sec02 .cntBox {
}
#sec02 .inBox {
  flex-direction: column;
  margin-bottom: 30px;
}
#sec02 .inBox p {
  width: 100%;
}
#sec02 .inBox dl {
  width: 100%;
  margin-top: 1em;
}
#sec02 .inBox dt {
  margin-top: -40px;
  padding: 3.5em 0 1em;
  font-size: 16px;
}
#sec02 .inBox dd+dd {
  margin-left: 10px;
}
#sec02 .inBox dd {
  width: 90px;
  height: 90px;
  padding-top: 32px;
  font-size: 15px;
}

#sec02 .cntBox>figure:not(.fx) {
  padding-bottom: 1em;
}
#sec02 .cntBox>figure:first-of-type br:nth-of-type(3) {
  display: none;
}
#sec02 .cntBox>figure+figure:nth-of-type(2),
#sec02 .cntBox>figure+figure:nth-of-type(n+3) {
  margin-top: 20px;
}
#sec02 .cntBox>figure figcaption {
  margin-bottom: .8em;
  padding: 1em .5em .5em;
  font-size: 16px;
  letter-spacing: -1px;
}
#sec02 .cntBox>figure figcaption+p {
  padding: 0 .5em;
}
#sec02 .cntBox>figure.fx {
  display: block;
  height: auto;
}
#sec02 .cntBox>figure.fx figcaption {
  width: 100%;
  height: auto;
  padding: 1em 0;
  writing-mode: inherit;
  -ms-writing-mode: inherit;
  -webkit-writing-mode:inherit;
}
#sec02 .cntBox>figure.fx .fx {
  width: 100%;
  display: block;
}
#sec02 .cntBox>figure.fx dl,
#sec02 .cntBox>figure.fx dl+dl:nth-of-type(n+3) {
  margin-top: 40px;
}
#sec02 .cntBox>figure.fx dl {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#sec02 .cntBox>figure.fx dt {
  margin-top: 1em;
  font-size: 15px;
}
#sec02 .cntBox>figure.fx dd img {
  max-width: 90%;
}
#top #sec02 .cntBox figure:nth-of-type(1) p br:nth-of-type(2),
#top #sec02 .inBox>p br:nth-last-of-type(1) {
  display: none;
}



/*===== #sec03 =====*/
#sec03 dl {
  display: block;
  padding: 1em 0;
}
#sec03 dl:last-child {
  padding-bottom: 0;
}
#sec03 dt {
  width: 100%;
  font-weight: bold;
}
#sec03 dd {
  margin-top: .3em;
}



/*===== #sec04 =====*/
#sec04 dt,
#sec04 dd,
#sec05 dt,
#sec05 dd {
  width: 100%;
  padding: 1em;
  float: none;
}
#sec04 dt,
#sec05 dt {
  padding-bottom: 0;
  font-weight: bold;
}
#sec04 dd,
#sec05 dd {
  padding-top: .3em;
}


/*===== #sec05 =====*/
#sec05 dt span {
  margin-left: .5em;
  font-weight: bold;
  float: none;
}



/*===== #sec06 =====*/
#sec06 figure {
  flex-direction: column;
}
#sec06 figure+figure {
  margin-top: 60px;
}
#sec06 figure img,
#sec06 figure iframe {
  width: 100%;
  max-width: 100%;
}
#sec06 figure iframe {
  height: 200px;
}
#sec06 figcaption {
  margin: 0 auto -1.5em;
  padding: 10px 0;
  font-weight: bold;
  font-size: 16px;
  order: -1;
}
#sec06 ul,
#sec06 p {
  margin-top: 1em;
}
#sec06 ul {
  display: block;
}
#sec06 ul li,
#sec06 p {
  font-size: 13px;
  line-height: 1.9;
}
#sec06 ul li+li {
  margin-left: 0;
}
#sec06 ul li+li::before {
  display: none;
}

#sec06 .cntBox.fx {
  margin-top: 60px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#sec06 .cntBox.fx dl {
  width: 100%;
}
#sec06 .cntBox.fx dt {
  padding: 1em .5em .7em;
  font-size: 18px;
}
#sec06 .cntBox.fx dl:first-child dd+dd {
  margin-top: 1.5em;
}
#sec06 .cntBox.fx dl dd:first-of-type {
  padding-top: 2em;
}
#sec06 .cntBox.fx dl dd:last-child {
  padding-bottom: 2em;
}
#sec06 .cntBox.fx a {
  padding: 1em .5em;
  font-size: 13px;
}
#sec06 .cntBox.fx a img {
  width: 27px;
}

#sec06 .cntBox.fx dl:last-child dd {
  padding-right: 1em;
  padding-left: 1em;
  font-size: 14px;
}
#sec06 .cntBox.fx dl:last-child dd+dd {
  margin-top: 0;
}
#sec06 .cntBox.fx dl:last-child dd img {
  width: 115px;
  margin: 0 1em 0 0;
}



/*===== #sec07 =====*/
#sec07 {
  padding-bottom: 100px;
}
#sec07 dl+p,
#sec07 dt {
  margin-top: 1.5em;
}
#sec07 dl+p {
  margin-top: 1.5em;
}
#sec07 p:first-of-type br,
#sec07 p:first-of-type+dl dd:first-of-type br,
#sec07 p:first-of-type+dl dd:last-of-type br:last-of-type {
  display: none;
}
#sec07 p:first-of-type+dl dd li {
  padding-left: 1em;
  text-indent: -1em;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDER control ->   recruit.html       */
/* =====>=====>=====>=====>=====>=====>===== */

#recruit #sec01 .cntBox .inner {
  width: 90%;
  height: 100%;
  margin: auto;
  padding: 30px 0;
  position: relative;
}
#recruit #sec01 .cntBox:nth-of-type(1) .inner {
  background: url(../img/recruit/sec01_01.png)no-repeat;
  background-size: 151px;
  background-position: 80% center;
}
#recruit #sec01 .cntBox:nth-of-type(2) .inner {
  background: url(../img/recruit/sec01_02.png)no-repeat;
  background-size: 151px;
  background-position: 80% center;
}
#recruit #sec01 .cntBox:nth-of-type(3) .inner {
  background: url(../img/recruit/sec01_03.png)no-repeat;
  background-size: 151px;
  background-position: 80% center;
}
#recruit #sec01 .cntBox+.cntBox {
  margin-top: 30px;
}
#recruit #sec01 header {
  width: 150px;
  padding-left: 42px;
}

#recruit #sec01 .cntBox:first-child h3+span,
#recruit #sec01 h3 {
  text-shadow: 0 0 5px #fff;
}
#recruit #sec01 h3 {
  font-size: 19px;
}
#recruit #sec01 .cntBox:first-child h3+span {
  padding-left: .5em;
}
#recruit #sec01 .cntBox h3+span {
  font-size: 11px;
}
#recruit #sec01 header::after {
  display: none;
}
#recruit #sec01 .cntBox {
  height: auto;
  position: relative;
}
#recruit #sec01 .cntBox img {
  display: none;
}
#recruit #sec01 figure+i {
  font-size: 25px;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDER control ->   driver.html        */
/* =====>=====>=====>=====>=====>=====>===== */

.recruit section h2 {
  font-size: 20px;
}
.recruit #sec01 {
  padding-bottom: 50px;
}
.recruit #sec01 figure+header {
  margin: 50px 0 30px;
}
.recruit #sec01 .cntBox header {
  margin-bottom: 30px;
}
.recruit #sec01 .cntBox h3 {
  color: #000;
  font-size: 18px;
}
.recruit #sec01 .cntBox p span {
  margin-bottom: 1em;
  font-size: 16px;
}
.recruit #sec01 .cntBox:nth-of-type(2) {
  margin-top: 50px;
}
#driver #sec01 .cntBox:nth-of-type(2) figure.fx .inBox,
#driver #sec01 .cntBox:nth-of-type(2) figure {
  width: 100%;
}
#driver #sec01 .cntBox:nth-of-type(2) figure.fx {
  height: auto;
  margin-top: 50px;
}
#driver #sec01 .cntBox:nth-of-type(2) figure+figure {
  margin-top: 20px;
}
#driver #sec01 .cntBox:nth-of-type(2) figure.fx::before,
#driver #sec01 .cntBox:nth-of-type(2) figure.fx::after,
#driver #sec01 .cntBox:nth-of-type(2) figure.fx .inBox::before,
#driver #sec01 .cntBox:nth-of-type(2) figure.fx .inBox::after,
#driver #sec02 tr:nth-last-of-type(1) td br {
  display: none;
}

.recruit #sec01 .cntBox:nth-of-type(2) figure:not(.fx) p {
  margin-top: 15px;
  padding: 10px 0;
}

#driver #sec01 .cntBox:nth-of-type(2) figure.fx {
  flex-direction: column;
}
#driver #sec01 .cntBox:nth-of-type(2) figure.fx .inBox p:first-child {
  height: 80px;
  margin-top: 1em;
  margin-bottom: 10px;
  padding-top: .8em;
  font-size: 20px;
  background-size: 65px;
}
#driver #sec01 .cntBox:nth-of-type(2) figure.fx .inBox p span:last-child {
  font-size: 16px;
}
#driver #sec01 .cntBox:last-child {
  margin-top: 50px;
  padding: 1em 0;
}
#driver #sec01 .cntBox:last-child h3,
#driver #sec01 .cntBox:last-child ul {
  width: 100%;
}
#driver #sec01 .cntBox:last-child h3 {
  font-size: 17px;letter-spacing: -1px;
}
#driver #sec01 .cntBox:last-child h3 br {
  display: block;
}
#driver #sec01 .cntBox:last-child ul {
  margin: .8em auto 0;
  padding: 110px 0 0 0;
  background-position: center top;
  background-size: 100px;
}
#driver #sec01 .cntBox:last-child ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#driver #sec01 .cntBox:last-child ul li+li {
  margin-top: .5em;
}



.recruit #sec02 {
  padding: 30px 0 0;
}
.recruit #sec02>header {
  width: 100%;
  margin-bottom: 6px;
}
#driver #sec02>header h2,
#driver #sec02 .cntBox:last-of-type h3 {
  padding-bottom: 5px;
}
#driver #sec02 .cntBox:first-of-type {
  padding-bottom: 30px;
}
.recruit #sec02 .cntBox:first-of-type h3 {
  width: 140px;
  padding-left: 32px;
  font-size: 18px;
  line-height: 2;
}
.recruit #sec02 table {
  margin-top: 30px;
  font-size: 14px;
}
.recruit #sec02 tr+tr {
  border-top: 20px solid #f4f3f3;
}
.recruit #sec02 th {
  width: 23%;
}
.recruit #sec02 td li {
  padding-left: 1em;
  font-size: 13px;
  text-indent: -1em;
}


#driver #sec02 .cntBox:last-of-type {
  padding: 30px 0 100px;
}
#driver #sec02 .cntBox:last-of-type h3 {
  font-size: 20px;
}
#driver #sec02 .cntBox:last-of-type .fx {
  margin-top: 30px;
  flex-direction: column;
}
#driver #sec02 .cntBox:last-of-type figure {
  width: 100%;
}
#driver #sec02 .cntBox:last-of-type figure+figure {
  margin-top: 30px;
}
#driver #sec02 .cntBox:last-of-type figure p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0;
}
#driver #sec02 .cntBox:last-of-type .fx figure:last-child {
  width: 100%;
  display: block;
}
#driver #sec02 .cntBox:last-of-type .fx figure:last-child p {
  margin:15px 0 0 0;
  
}
#driver #sec02 tr:nth-last-of-type(1) td br,
#ww #sec02 tr:nth-last-of-type(1) td br,
#clerk #sec02 tr:nth-last-of-type(1) td br,
#ww #sec02 tr:nth-of-type(5) td br,
#ww #sec02 tr:nth-of-type(7) td br:nth-of-type(1),
#ww #sec02 tr:nth-of-type(10) td br:nth-of-type(1),
#ww #sec02 tr:nth-of-type(11) td br,
#clerk #sec02 tr:nth-of-type(6) td br,
#driver #sec02 tr:nth-of-type(4) td br,
#driver #sec02 tr:nth-of-type(9) td br:first-child {
  display: block;
}


/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDER control ->   ww.html            */
/* =====>=====>=====>=====>=====>=====>===== */

#ww #sec01 {
  padding-bottom: 30px;
}
#ww #sec01 .cntBox figure,
#clerk #sec01 .cntBox figure {
  width: 100%;
}
#ww #sec01 figure:nth-of-type(2),
#ww #sec01 figure:nth-of-type(n+3) {
  margin-top: 20px;
}

#ww #sec02,
#clerk #sec02 {
  padding-bottom: 100px;
}
#ww.recruit #sec02 tr:nth-of-type(3) {
  border-top-width: 10px;
}
#ww.recruit #sec02 tr:nth-of-type(3) td {
  padding-left: 25px;
  background: url(../img/ww/ico_02.png)no-repeat;
  background-position: left 6px;
  -webkit-background-size: 19px;
  background-size: 19px;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDER control ->   clerk.html         */
/* =====>=====>=====>=====>=====>=====>===== */
#clerk #sec01 p span {
  margin: .8em 0;
}
#clerk #sec01 figure+figure {
  margin-top: 20px;
}

#clerk #sec02 .cntBox:first-of-type h3 {
  width: 110px;
  background: url(../img/clerk/ico_01.png)no-repeat;
  background-size: 32px;
  background-position: left center;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDER control ->   flow.html          */
/* =====>=====>=====>=====>=====>=====>===== */
#flow .tab {
  border-bottom: 3px solid #2dae37;
}
#flow .tab a+a {
  margin-left: 10px;
}
#flow .tab a {
  width: 140px;
  padding: 10px 0 9px;
  font-size: 16px;
}
#flow #sec01 .inner header {
  margin-bottom: 50px;
}
#flow .flowBox>header h2 {
  font-size: 18px;
}
#flow .cntBox {
  display: block;
}
#flow .cntBox+.cntBox figure {
  width: 100%;
}
#flow .tab,
#flow .cntBox+.cntBox .inBox,
#flow .flowBox>header,
#flow .cntBox+.cntBox header,
#flow .cntBox:nth-of-type(1) {
  width: 95%;
}  
#flow .flowBox>header {
  margin: 20px auto 30px;
}
#flow .cntBox:nth-of-type(1) {
  padding-bottom: 0;
}
#flow .cntBox+.cntBox {
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  background: url(../img/driver/sec02_bg.jpg);
  background-size: 9px;
}
#flow .cntBox+.cntBox h2 {
  font-size: 20px;
}
#flow .cntBox+.cntBox figure,
#flow #sec01 .cntBox:nth-of-type(1) .inBox {
  height: 100%;
}
#flow .cntBox+.cntBox header {
  margin-bottom: 30px;
}
#flow .cntBox+.cntBox .inBox {
  background: none;
  
}
#flow #sec01 .cntBox .inBox:nth-of-type(2),
#flow #sec01 .cntBox .inBox:nth-of-type(n+3) {
  margin-top: 80px;
}
#flow #sec01 .inBox:nth-of-type(7)::before,
#flow #sec01 .inBox:nth-of-type(3)::before,
#flow #sec01 .inBox:nth-of-type(10)::before,
#flow #sec01 .inBox:nth-of-type(6)::before,
#flow #sec01 .inBox:nth-of-type(2)::before,
#flow #sec01 .inBox:nth-of-type(9)::before,
#flow #sec01 .inBox:nth-of-type(5)::before,
#flow #sec01 .inBox:nth-of-type(1)::before,
#flow #sec01 .inBox:nth-of-type(8)::before,
#flow #sec01 .inBox:nth-of-type(4)::before {
  top: auto;right: 0;bottom: -55px;left: 0;
  transform: rotate(0);
}

#flow .cntBox+.cntBox figure+figure {
  margin-top: 20px;
}
#flow #sec01 .cntBox+.cntBox .inBox {
  display: block;
}
#flow #sec01 .inBox p {
  padding: 20px 10px;
  font-size: 13px;
  text-align: left;
  letter-spacing: -1px;
}
  #flow #sec01 .inBox figure:nth-of-type(1) p br:nth-of-type(1),
  #flow #sec01 .inBox figure:nth-of-type(1) p br:nth-of-type(3),

  #flow #sec01 .inBox figure:nth-of-type(3) p br {
    display: none;
  }
  #flow #sec01 .inBox figure:nth-of-type(1) p br:nth-of-type(2) {
    display: block;
  }
  
  

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDER control ->   affiliate.html     */
/* =====>=====>=====>=====>=====>=====>===== */
#affiliate #sec01 {
  padding-bottom: 50px;
}
#affiliate #sec01 dt,
#affiliate #sec01 dd {
  width: 100%;
  padding: 10px;
  float: none;
}
#affiliate #sec01 dt:nth-of-type(odd),
#affiliate #sec01 dd:nth-of-type(odd) {
  background: #dcf0b9;
}
#affiliate #sec01 dt:nth-last-of-type(1),
#affiliate #sec01 dd:nth-last-of-type(1) {
  padding-bottom: 0;
} 
#affiliate #sec01 dt {
  padding-left: 10px;
  font-weight: bold;
  font-size: 15px;
}
#affiliate #sec01 dd {
  padding-top: 0;
}
#affiliate #sec01 .cntBox+figure {
  display: block;
  margin-top: 50px;
}
#affiliate #sec01 .cntBox+figure img+img {
  margin-top: 20px;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDER control ->   application.html   */
/* =====>=====>=====>=====>=====>=====>===== */
#application th,
#application td {
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
}
#application .lead {
  width: 100%;
  margin-top: 0;
}
#application .lead br {
  display: block;
}
#application table,
#application tbody,
#application tr,
#application th,
#application td {
  width: 100%;
  display: block;
}
#application table {
  margin: 30px auto;
}
#application th {
  padding: 10px 5px 8px;
  font-size: 16px;
}
#application td {
  padding: 0 5px 15px;
  font-size: 13px;
}
#application td span.cr {
  margin-bottom: .5em;
  font-size: 13px;
}
#application td span:not(.cr) {
  width: 100%;
  display: block;
}
#application input[name="tel"],
#application input[name="mail"] {
  margin: 0;
  width: 100%!important;
}
#application th span {
  padding: .3em .5em;
  font-size: 11px;
}
#application label {
  font-size: 14px;
}
#application label+label {
  margin-top: .3em;
}
#application label input[type="radio"] {
  width: 20px;
  height: 20px;
  margin-bottom: 8px;
}
#application input[name="oldyear"] {
  width: 50%!important;
}
#application select {
  width: 100%;
  font-size: 14px;
}
#application textarea {
  height: 8em;
}
#application table+div {
  margin-top: 30px;
  font-weight: bold;
  font-size: 14px;
}
#application button {
  width: 200px;
  padding: 1em 0;
  font-size: 15px;
}
#sec01 .cntBox p.error {
  font-weight: bold;
  font-size: 12px;
}
.thanks section p {
  text-align: center;
}

}