@charset "UTF-8";
/* CSS Document */

/*
Theme Name: gifumeitaku
Template Post Type: page
Description: 岐阜名鉄タクシー株式会社
Theme URI:gifumeitaku
Author:
Author URI:
Version: バージョン
License:
License URI:
*/

@media(min-width: 920px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

body,form,fieldset{margin: 0px;padding: 0px;}
fieldset          {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd{}
li                {list-style:none;}
input,textarea    {font-size: 1em;}
img{border: 0px none;margin: 0;padding: 0;vertical-align: bottom;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */

html              { scroll-behavior: smooth;}

body              {font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;margin:0 auto;
                   font-size: 80%;line-height: 150%;color: #333333;font-feature-settings: "palt";}
em                {font-weight: normal;font-style: normal;}
strong            {}
a                 {text-decoration: none;color: #000;}
a:link            {}
a:visited         {}
input,textarea    {margin: 3px;padding: 2px;}

.flex             {display: flex;}
.grid             {display: grid;}
.left_box         {float: left;}
.right_box        {float: right;}
.left             {float: left;}
.right            {float: right;}
.text             {font-size: 16px; line-height:1.7rem;}
.center           {text-align: center;}
.justify          { text-align: justify;}

/*.sp               {display: none !important;}*/


wrapper           { width:1200px; }

/*.pc                              { display:block;}*/
.sp                              { display:none;}


/* ma margin-bottom                                                                                           */
.ma5               { margin-bottom:5px;}
.ma10              { margin-bottom:10px;}
.ma15              { margin-bottom:20px;}
.ma30              { margin-bottom:30px;}
.ma40              { margin-bottom:40px;}
.ma50              { margin-bottom:50px;}
.ma80              { margin-bottom:80px;}
.ma90              { margin-bottom:90px;}
.ma200             { margin-bottom:200px;}
.ma20              { margin-bottom: 5px;display: block;}

.w100              { width: 100%;}

/* ページトップボタン                                                                  */
#page_top           { width:100px; height:100px; position:fixed; right:0; bottom:0; z-index:1;}


/* header nav                                                                                    */

header            { display:flex; max-width: 1200px; margin: 0 auto; justify-content: space-between;padding: 20px 0; align-items:center;}

#navdial          { font-size:24px; font-weight:600; text-align: center;}
#navdial p        { margin-bottom:10px;    font-size: 16px; padding:0;}
#navdial span     { display: block; font-size: 12px; margin-right: 55px;}

nav ul            { display: flex; padding: 10px 0; justify-content: space-between; width:100%; margin: 0 auto;}
nav ul li         { color:#fff; font-size: 17px; font-weight: bold;}
nav ul li a       { color:#fff;}


/* HOME                                                                                    */

#info dt          { min-width:120px;}
#info dd a        { text-decoration: underline; color: #333;}
#info h2          { color: #fff; background:#23a271; margin-bottom: 15px; padding: 10px; line-height:1.6rem;}


#flexbox          { font-size:16px;}
#flexbox h3       { border-left: 3px solid; padding-left: 8px; letter-spacing: 0.1rem; font-size:19px;     margin-bottom: 20px;}
#flexbox dl       { display: flex; margin: 10px; padding: 10px; border-bottom: dotted 1px #b2b2b2;}
#flexbox          { margin:0 auto;max-width:1200px;    display: flex;    margin: 0 auto 50px; justify-content: space-between;}


#left             { width:70%;}
#right            { width:29%;}


.scrollArea       { margin-bottom: 25px; height: 151px;overflow: auto;padding-right: 20px;}

.arrow            {
    position: relative;
    display: inline-block;
     color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0; bottom: 0;
    left: 0;
    margin: auto;
    content: ""; 
   vertical-align: middle;}


.btn::before      { 
    left: 121px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
.btnwrap          { text-align:center;}
.btn a            { display:block; background: #f5a944; width: 150px; text-align: center; border-radius: 20px;     padding: 5px 20px 5px 5px; color: #fff;    margin: 0 auto; font-weight: 500;}


#minflex             { display:flex;justify-content: space-between; font-size: 14px;}
/*#minflex li          { width:49%;}*/
#minflex p           { padding:0;}
#minflex .orange li  { text-align: center; background-color: #f5a944; border-radius: 5px; color: #fff; /*padding: 10px 5px;*/ padding: 10px 0;  width: 110px;}


.green1,.green3,.green4       { background:#23a271;}
.green1,.green2   { padding:25px 20px 28px;}

.green1           { margin-bottom:34px;}
.green1 img       { width:100%; margin: 34px 0;}
.green1,.green3   { color:#fff; padding: 20px; line-height: 1.5rem;}

.green2           { color:#23a271;    padding: 20px;
    border: 2px solid;}
.green2 p         { font-size:19px;} 
.green2 b         { margin-bottom: -10px; display: block;}
.orange           { display:flex; margin: 37px 0; justify-content: space-between;}
.green2 span      { font-size:14px;} 
.green2 a         { color:#23a271;}

.green3           { height: 100%;}
.green3_box       { width:49%;}
.green3 a         { display: block;}

.tellflex         { color:#000; display:flex; margin:15px 0 25px; justify-content: space-between;}
.tellflex li      { width:49%; font-size: 16px;}
.tel_box          { border-radius: 20px; background: #fff; text-align: center; justify-content: center; align-items: center; font-weight: bold; padding: 15px 2px; /*min-height:174px;*/ height: max-content;}
.tel_box li       { width:100%; max-height:175px;}

.apliflex         { display:flex; margin:15px 0 0 0; justify-content: space-between;}
.apli_ico         { display: flex; justify-content: center; margin: 10px 0 0;}


#height1          { /*height:594px;*/ width:49%;}


.saiyou           { margin-bottom: 19px; padding: 5px 5px 30px; border: 2px solid #23a271;}
.saiyou img       { width:100%;margin-bottom: 30px; }
.saiyou h2        { margin: 20px 0; color:#23a271; position:relative; font-size:28px;}
.saiyou h2::after { content: "";
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 110px;
    height: 110px;
    background-image: url(img/saiyouicon.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: -50px;
    right: -20px;
    z-index: -1;}


.mozicont          { max-width:290px; margin:0 auto;}
.mozicont ul       { margin-bottom:20px;}
.mozicont ul li    { margin-bottom: 15px;  font-size: 18px;}


.green4              { padding: 21px 20px;}

#flexbox .green4 h3  {border-left: 3px solid; color:#fff;}
#flexbox .green4 h4  {border-left: 3px solid; color:#fff;}


.service01 a         { background: #fff; display: block; padding: 10px 10px 10px 50px; border-radius: 30px; margin-bottom: 10px; font-weight: bold;}
.service01 a::before { content:""; display: inline-block;    background-repeat: no-repeat; margin-right: 15px; width: 40px; height: 40px; background-image: url(img/service01.png); background-size: contain; vertical-align: middle;}

.service02 a          { background: #fff; display: block; padding: 10px 10px 10px 50px; border-radius: 30px; margin-bottom: 10px; font-weight: bold;}
.service02 a::before  { content:""; display: inline-block;    background-repeat: no-repeat; margin-right: 15px; width: 40px; height: 40px; background-image: url(img/service02.png); background-size: contain; vertical-align: middle;}

.service03 a          { background: #fff; display: block; padding: 10px 10px 10px 50px; border-radius: 30px; margin-bottom: 10px; font-weight: bold;}
.service03 a::before  { content:""; display: inline-block;    background-repeat: no-repeat; margin-right: 15px; width: 40px; height: 40px; background-image: url(img/service03.png); background-size: contain; vertical-align: middle;}

#btmbox                             { margin-bottom: 100px; background:#23a271; padding: 30px 0; width:100%;}
#btmbox p{ padding:0;}
#btmbox .contbox                    { max-width: 1200px; margin: 0 auto; display:flex;justify-content: space-between;}
#btmbox .contbox .box1,#btmbox .contbox .box2,#btmbox .contbox .box3           {    display: flex;
    flex-wrap: wrap; background:#fff; padding: 80px 15px 15px; width: 32%; z-index:0;}
#btmbox .contbox h4                 { color:#23a271; font-size: 18px; min-width:auto;}
#btmbox .contbox .box1 ul li        {text-align: center; margin: 10px 5px; width:60px; height: 30px; line-height: 30px; background-color: #f5a944;border-radius: 65%; color:#fff;}
#btmbox .contbox .box1 p,#btmbox .contbox .box2 p,#btmbox .contbox .box3 p            { font-size:14px;}


.box2,.box3         { font-size:14px; position:relative;}
.box2 b,.box3 b     { font-size:16px;}

.box1               { position:relative;}
.box1::after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 100px;
    height: 100px;
    background-image: url(img/daikouicon.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index:-1;}

.box2::after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 100px;
    height: 100px;
    background-image: url(img/koureiicon.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index:-1;}

.box3::after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 100px;
    height: 100px;
    background-image: url(img/denwaicon.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index:-1;}

/* footer                                                                                    */
footer              { background-color: #23a271; color:#fff; font-size:16px; padding: 40px 0;}
footer .contbox     { background-color: #23a271;max-width: 1200px; margin: 0 auto;}
footer b            { color:#fff; font-size:26px; margin-bottom:15px; display:block;}
.footflex           { display:flex; justify-content: space-between; margin-bottom:20px;}
.footflex a         { color:#fff;}
.footflex .flex     { max-width:350px; flex-wrap: wrap;justify-content: flex-end; align-items:center;}
.footflex .flex li  { margin: 0px 10px 20px 0;}
.footflex .flex a   { color:#fff;}
#copy               { text-align:center;}


.between                       { display:flex; justify-content: space-between; margin:10px 0 0 0 ;}


#topbox                        { max-width:1200px; margin:0 auto; font-size:16px;}
#contbox                       { max-width:1200px; margin:0 auto; font-size:16px; line-height:1.6rem;}



.link                          { display: inline-block;margin-bottom: 20px; color:#23a271; text-decoration: underline;}
.link::after                   {     content: "";
    display: inline-block;
    background-repeat: no-repeat;
    margin: 5px;
    width: 17px;
    height: 20px;
    background-image: url(img/link.jpg);
    background-size: contain;
    vertical-align: middle;
    top: 0px;
    right: -78px;}



.red                           { color:red; font-weight: 100; margin-left: 20px;}
.red2                          { color:red;}


.migi .link                    { margin-bottom:0;}
.migi .between                 { margin:0; justify-content: space-between;
    display: flex;
    align-items: center;}


.sen a                         { border-right: solid #fff 2px;}
.sen::after                    { border-right:#fff solid 2px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 24px;
    height: 22px;
    background-size: contain;
    vertical-align: middle;
    top: 0px;
    right: -78px;}


.topnav                        { background:#23a271;}
.topnav ul {
    display: flex;
    background: #23a271;
    padding: 0px;
    justify-content: center;
    max-width: 1200px;
     margin: 0 auto; 
}
.topnav ul /*.none*/ .current{
   display: flex;
   background: #c7eedf;
   color:#23a271;
   padding: 10px 50px;
   max-width: 1200px;
   justify-content: center;
}

.topnav ul li .none {
    display: flex;
    justify-content: center;
}
.topnav ul a none     {
    width: 100%;
    display: inline-block;
    padding: 10px 50px;
    background: #c7eedf;
    color:#23a271;
}

nav ul a                       {    width: 100%;
    display: inline-block;
    padding: 10px 50px;
    background: #23a271;
    margin: 0 auto;}
.paypay                        { width:100%; border-bottom: solid 2px #23a271;}
.paypay ul                     { width:1200px; padding:0; align-items: flex-end;}
.paypay ul .none {
    width: 50%; 
    text-align: center; 
    padding: 10px 50px;
    background: #c7eedf;
    color:#23a271;
    margin: 0 auto;}
.paypay ul li .none             { display: flex; justify-content: center;}
.paypay ul li                   { width: 50%; background: #23a271; text-align: center;}
.paypay ul li a                 { display:flex; justify-content: center; color:#23a271; background:#fff;}


.subnav                         { display:flex; flex-wrap:wrap; margin:30px 0;}
.subnav ul                      { width:100%; background:#e9f2ec;}
.subnav li                      { width:400px;}
.subnav li a                    { display:block; width:100%; height:100%;  padding:13px 13px 13px 42px; background:#e9f2ec; border-bottom:solid 1px #fff; border-right:solid 1px #fff; font-weight: bold;}
.navarrow                       {position: relative;display:inline-block;  color: #000; vertical-align: middle;}
.subnav .arrow::before          { content: ""; display: inline-block; background-repeat: no-repeat; margin-left:16px; width: 18px; height: 18px; border-radius: 50%; background: #23a271; padding:0;}
.subnav .arrow::after           { content: ""; display: inline-block; background-repeat: no-repeat;left: 23px; box-sizing: border-box; width: 10px; height: 10px; border: 5px solid transparent; border-left: 5px solid #fff; }
.subnav .arrow                  { padding:0;}

#top_title  h2                        { color:#fff; background:#23a271; padding:10px; margin-bottom:40px;}

h2                              { font-size:28px;}
h4                              { font-weight: bold; font-size:18px; margin-bottom:17px; min-width:300px;}
h4::before                      { content: "■";
    display: inline-block;
    background-repeat: no-repeat;
    margin: 0 3px 4px;
    background-size: contain;
    vertical-align: middle; color:#23a271;}
h5                              { font-weight: bold; font-size:16px; margin-bottom: 6px; padding-left:18px; min-width:300px;}
h5::before                      {   content: "●";
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 3px;
    color:#23a271;}


table                           { border-collapse: collapse; margin: 0 auto;}
table th, table td              { border: solid 1px #23a271; padding: 10px;}
table th                        { background:#e9f2ec; padding: 10px; text-align:center;}
table th, table td              { border: solid 1px #23a271; padding: 15px;}


.border                         { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 2px dashed #e9f2ec;}
.bordernone                     { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 2px dashed #e9f2ec; border:hidden;}

.btnlink a                      { padding: 13px 4%; font-size: 20px;  border-radius: 100vh; color: #fff;  background-color: #23a271;}

p                               { padding-left:18px;}

.text_left                      { font-size: 16px; line-height:1.7rem; padding-left:30px;}

.right_link                     { text-align:right;}

.tel                            {
    /*height:55px;*/
    height:auto;
    text-align:center;
    color:#fff;
    background:#23a271;
    margin:30px 0;
    padding:10px 0;
    font-size:18px;
    font-weight:bold;
    justify-content:center;
    align-items:center;}
.tel a                          { color:#fff;}
.tel span                       { font-size:14px;}

.detail                         { margin:20px 0;}
.detail img                     { padding-left:18px; margin:10px 0;}

.guide_tex                      { padding-left:46px; margin-bottom:30px;}


/* unchin                                                                                    */

#unchin #contbox .unchin_box table    { border-collapse: collapse; width:1180px; margin-left:18px;}
#unchin #contbox .unchin_box table th:first-child  { width:20%;}
#unchin #contbox .migi table th:first-child        { width:90%;}
#unchin #contbox .black                            { font-weight:100; margin-left:20px;}


/* pay                                                                                    */

#pay #cont01  ul                { justify-content:space-around; }
#pay #cont01 li                 { min-width:400px; padding:23px 75px; text-align:center;}
#pay #cont01 li p               { text-align:left;}
#pay #cont03 .ic                { display:flex; justify-content: space-between; margin-bottom:20px;}
#pay #cont03 .card img          { padding-left:18px; margin:10px 0;}
#pay #cont03 .sticker           { width:29%;}
#pay #cont03  ul                { text-align:center; margin-top:37px; padding-left:70px; }
#pay #cont03 li p               { text-align:left;}
#pay #cont04 .flex,#pay #cont05 .flex{ justify-content: flex-start;    align-items: center;}
#pay #cont06 ul                 { margin-top:20px; display:flex;}
#pay #cont06 h5                 { padding:0;}
#pay #cont06 .type              { width:350px;}
#pay #cont06 .type table        { width:100%; margin-bottom:10px;}
#pay #cont06 table td           { text-align:center;}
#pay #cont06 img                { padding-left:18px; margin:10px 30px 0 0;}
#pay #contbox span              { font-weight:100;  font-size:14px;}
#pay #contbox .tel span         { font-size:14px; font-weight:bold;}

/* guide                                                                                    */
#guide table                    { border-collapse: collapse; width:40%; margin-left:18px;}
#guide table td                 { text-align:center;}
#guide .btnlink                 { margin:0 0 40px 18px;}
#guide .btnlink a               { font-size: 14px; color: #fff;  background-color: #f5a944;}


/* car                                                                                    */
#car .carbox                     { justify-content:space-between;}
#car .ridebox                    {
    height:46px;
    padding:5px 0;
    text-align:center;
    color:#23a271;
    background:#e9f2ec;
    display:flex;
    justify-content: center;
    align-items:center;
    font-size:18px;
    font-weight:bold;
    margin:20px 0 18px;}
#car .right                     { width:50%;}
#car .left                      { width:50%; margin-left:20px;}
#car .left .flex                { flex-wrap:wrap; justify-content:end;}
#car .left li                   { margin:0 10px 10px 0; width:45%;}
#car .left li img               { width:100%;}


/* news                                                                                    */
.newslist dl                    { margin: 20px; padding: 10px; border-bottom: dotted 1px #b2b2b2; font-size:16px;}
.newslist dt                    { min-width:120px;}
.ninshyo_img                    { padding-right:18px; margin: 26px 0 0 140px;}
.newslist h2                    { font-size:28px; margin-bottom:30px;}
.newslist a                     { text-decoration: underline;}
.news_cont a                    { margin-top: 20px; display: block; text-decoration: underline;}

.news_detail                    { max-width: 800px; min-height: 200px; margin: 40px auto 80px;}
.news_detail  p                 { padding: 0;}
.news_detail .date              { font-size:14px; margin-bottom: 20px;}
.news_detail .image_box         { margin: 0 auto 40px; text-align: center; max-width: 400px;}
.news_detail .image_box img     { width: 100%; height: 100%; object-fit: cover;}
.news_detail a                  { margin-top: 20px; display: block; text-decoration: underline;}

.btnlink_back a                 { padding: 10px 0; font-size: 20px;  border-radius: 100vh; color: #fff;  background-color: #23a271; display: block; width: 30%; margin: auto;}

.page                           { display: flex; justify-content:center; align-items:center; margin-bottom:50px;}
.page_link                      { display: inline-block; height: 30px; width: 17px; text-align: center; line-height: 30px; font-size: 12px;}


/* area                                                              */
#area #contbox .center         { margin-top:40px;}
.app  ul                       { display:flex; justify-content: space-between; margin-top:30px ; padding-left:18px;}
.app_img                       { display:flex; flex-flow:column; justify-content:space-between; padding:20px 0; margin:0 15px; max-height:173px;}


/* recruit                                                             */

#outline #contbox h2,#briefing #contbox h2,#appli h2,#faq h2                { margin-bottom: 50px; letter-spacing: 0.4rem;}
#recruit .paypay ul li a,#outline .paypay ul li a,#faq .paypay ul li a,#briefing .paypay ul li a     { color:#23a271; background:#fff; width:100%;}
#outline .paypay ul .none,#faq .paypay ul .none,#briefing .paypay ul .none {
    width: 30%; ;
    text-align: center;
    padding: 10px 51px;
    background: #c7eedf;
    color:#23a271;
    margin: 0;}
#outline .paypay ul li,#faq .paypay ul li,#briefing .paypay ul li { width: 30%;}

#recruit .paypay ul .none      { width: 100%;}
#recruit .paypay ul li         { width: 100%;}

#faq th                        { text-align:left;}

#briefing table                { width: 100%; margin-bottom:20px; margin-left:18px; width:98%;}
#briefing .main_office table td{ text-align:center;}


#appli h2                      { margin-top:60px;}
#appli .form_red               { padding:3px 5px; font-size:12px; background:#e50012; color:#fff; margin: 0 8px; font-weight: bold;}
#appli .form_box dl            { border: solid 1px #23a271; margin-bottom: -1px;}
#appli .form_box dt            { padding: 15px; background: #e9f2ec; text-align: left; font-weight: bold; width: 35%; border-right: solid 1px #23a271;}
#appli .form_box dd            { padding: 15px; width: 100%;}
#appli .form_box textarea      { width:-webkit-fill-available; resize:vertical;}
#appli .form_box p             { padding-left:0; margin-bottom:10px;}
#appli .form_box               { max-width: 880px; margin: auto;}
#appli .form_box input[type=text],#appli .form_box textarea  { padding: 5px; margin: auto;}
#appli .form_box .form_text    { font-size:14px; display: block;}
#appli .text                   { max-width: 880px; margin: 0 auto 20px;}

/*#appli button                  { width: 300px; background: #23a271; border: none; color: #fff; font-size: 20px; letter-spacing: 0.1rem; padding: 10px 0; border-radius: 50px;}*/

#appli .btn_box                            { justify-content: center; flex-wrap: wrap; flex-direction: row-reverse;}
#appli .btn_box input[type=submit]         { 
  display: block;
  background: #23a271;
  border: none;
  border-radius: 50px;
  color: #fff;
  width: 300px;
  padding: 10px 0;
  border-radius: 50px;
  margin: 0 20px 80px;
  font-size: 20px;
  letter-spacing: 0.1rem;
  cursor: pointer;}
#appli .btn_box button[value=back]        { 
  display: block;
  background: #c7eedf;
  color: #23a271;
  border: none;
  border-radius: 50px;
  width: 300px;
  padding: 10px 0;
  margin: 0 20px;
  font-size: 20px;
  letter-spacing: 0.1rem;
  cursor: pointer;}


#recruit #contbox h2           { line-height:2.6rem;}
#recruit #contbox .frame {
     padding: 15px;
     color: #fff;
     background: rgba(0,153,68,0.75);
     box-shadow: 5px 5px 0 #007032;
     margin-bottom:30px;
     display:flex;
     justify-content:center;
     align-items:center;}
#recruit #contbox .arrow-bottom {
     border-bottom: solid 4px #23a271;
     border-right: solid 4px #23a271;
     width: 24px;
     height: 24px;
     transform: rotate(45deg);
     margin:auto;}
#recruit #contbox #open h2:before{
     content:"";
     display:inline-block;
     background-repeat:no-repeat;
     background-image:url(img/open.png);
     background-size:contain;
     vertical-align:middle;
     position:absolute;
     width:80px;
     height:80px;
     left:28%;}
#recruit .recruit_main            { background:rgba(199,238,223,0.5); text-align: center;}
#recruit .recruit_main ul         { display:flex; align-items:center; max-width:1200px; margin:0 auto;}
#recruit .recruit_main img.sp     { display: none;}
#recruit .recruit_main li         { width:50%; line-height:2.7rem; font-size:18px; font-weight:bold;}
#recruit .recruit_main h2         { font-size:40px; margin:20px 0;}
#recruit #contbox .message h3 {
     position: relative;
     padding: 20px 0;
     border-bottom: 3px solid #23a271;
     color: #23a271;
     font-size:25px;}
#recruit #contbox .message h3:before,#recruit #contbox .message h3:after {
     position: absolute;
     content: "";
     left: 45%;
     width: 0;
     height: 0;
     border-width: 14px 12px 0;
     border-style: solid;}
#recruit #contbox .message h3:before {
     bottom: -14px;    
     border-color: #23a271 transparent transparent;}
#recruit #contbox .message h3:after {
     bottom: -10px;
     border-color: #fff transparent transparent;}
#recruit #contbox .message       { /*padding:20px 10px;*/ margin:auto; margin-bottom:40px; overflow-wrap: break-word;}
#recruit #contbox .message p     { padding-left:0; margin-top:20px; line-height:2.0rem; padding:5px 10px;}
#recruit #contbox .flex          { flex-wrap:wrap; justify-content:center; margin-bottom:30px;}
#recruit #contbox .member        { width:48%; padding:20px 45px; margin:10px; border:2px solid #23a271; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
#recruit #contbox .member h3     { margin-bottom:10px;}
#recruit #contbox .member .right { font-size:18px; line-height:1.7rem;}
#recruit #contbox .member  img   { width:50%; margin-bottom:20px;}
#recruit #contbox .comment       { overflow-wrap: break-word; margin-top:10px;}
#recruit #contbox .interview .support {
     position: relative;
     padding: 15px 150px;
     width: 100%;
     border-radius: 12px;
     background: #EEEEEE;}
#recruit #contbox .interview .support:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 100%;
     margin-top: -15px;
     border: 15px solid transparent;
     border-left: 15px solid #EEEEEE;}
#recruit #contbox .driver { border-radius: 12px; display: inline-block;  position: relative; }
#recruit #contbox .interview { display:flex; justify-content:center; align-items:center;}
#recruit #contbox .interview img { width:90px; height:auto; margin-left:10px; border-radius:100%;}
#recruit #contbox .secret dl     { display:grid; justify-content:center; margin:40px 0;}
#recruit #contbox .secret dt     { font-size:20px; display:inline-block;}
#recruit #contbox .secret dd     { max-width:650px; margin-left:70px;}
#recruit #contbox .secret h3     { display:inline-block; margin-bottom:10px; background: linear-gradient(transparent 70%, rgba(255,255,153,0.9) 90%);}
#recruit #contbox .secret p      { padding:10px; border:2px solid #23a271; margin:10px 0; font-size:14px;}
#recruit #contbox .secret .support {
     position: relative;
     padding: 15px 20px;
     width: 100%;
     border-radius: 12px;
     background: #EEEEEE;}
#recruit #contbox .secret .support:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 100%;
     margin-top: -15px;
     border: 15px solid transparent;
     border-left: 15px solid #EEEEEE;}
#recruit #contbox .secret ul    { display:flex; justify-content:center; align-items:center;}
#recruit #contbox .secret img   { width:90px; height:auto; margin-left:10px; border-radius:100%;}
#recruit #contbox .reason        { width:48%; padding:20px; border:2px solid #23a271; margin:10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
#recruit #contbox .reason h3     { margin-bottom:20px; border-bottom: 1px solid #23a271; padding: 0.2em 0.5em; border-left: solid 6px #23a271;}
#recruit #contbox .reason h5     { padding-left:0;}
#recruit #contbox .reason b      { width:30%; margin:auto; color:#f5a944;}
#recruit #contbox .oneday        { border:2px solid #23a271; margin:10px; padding:20px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
#recruit #contbox .oneday dt img { width:40px; height:40px; margin-right:10px;}
#recruit #contbox .oneday dt     { display:flex; align-items:center;}
#recruit #contbox .oneday dd     { margin-left:50px;}
#recruit #contbox .oneday h2     { margin-bottom:0; color:#23a271;}
#recruit #contbox .oneday h4     { margin-bottom:0; margin-top:10px;}


/* campany                                                                     */
#office table,#company table   { width: 100%;}
#office .left                  { width:200px;}
#office #contbox2              { width:1000px; margin:0 auto; padding-bottom:50px;}
#office .between li            { width:58%;}
#office .between .left         { width:40%; margin-bottom:0px;}
#office #contbox2 img                    { width:100%;}
#office #contbox h5            { margin-bottom:5px; padding:0;}

.size26px                      { font-size:26px; font-weight:bold; margin-bottom:8px;}

.img40                         { width:40%;}
.img40 img                     { width:100%; margin-left:18px;}

#company #safe ul              { justify-content:center;}
#company #safe h2              { margin:auto; margin-bottom:15px; width:50%; background:linear-gradient(transparent 70%,#f5a944 100%);}
#company #safe li              { margin:0 auto;}
#company #safe p               { padding-left:0;}
#company #safe .safe_box       { display:block; text-align:center;}
#company #safe .safe_box p     { display:inline-block; text-align:left;}
#company .right                { background-color: #e2faf1; padding: 30px; width:51%; text-align:center;}
/*#company .between              { align-items: center; margin: 10px 0 50px 0;}*/
#company .right b              { font-size:23px;}
#company .right b              { font-size:23px; display:block;}
#company .right p              { margin-bottom:8px;}
#company table                 { margin-left:18px; width:98%;}

.mapicon::before               { content: "";
    display: inline-block;
    background-repeat: no-repeat;
    margin: 0 0 4px 0;
    width: 22px;
    height: 20px;
    background-image: url(img/mapicon.svg);
    background-size: contain;
    vertical-align: middle;
}


/* link privacy contact                                                                      */
#contact table                 { width: 1182px; margin:20px 0 0 18px; border-collapse: collapse;}
#contact table th              { text-align: left;}
#contact table td              { text-align:center;}
#contact #contbox .border {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 2px dashed #e9f2ec;}
#contact span                  { font-size:14px;}

#link #contbox .left           { width:300px;}
#link .linkbox a               { padding: 30px 10%;
    font-size: 18px;
    border-radius: 0;
    width: 300px;
    height: 80px;
    margin-bottom: 20px;
    text-align: center;
    display: block;
    color: #fff;
    background-color: #23a271;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight: bold;}
#link .flex2                   { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left:18px;}
.flex2::after                  { content:""; display: block; width:300px; /* width:25%;*/}
#link .linkbox                 { display: flex; justify-content: center;align-items: baseline;}

#privacy #contbox              { margin-bottom:400px;}
#privacy #contbox li           { padding-left:18px;}


@media screen and (max-width: 1350px) {
#recruit .recruit_main img     { width: 100%;}
}


@media screen and (max-width: 1200px) {
header                          { padding:20px;}
footer                          { padding:50px 30px;}
#contbox                        { padding:0 20px;}

.topnav ul .none                { padding:10px 56px;}

/* ページトップボタン                                                                  */
#page_top                       { width:110px; height:100px; position:fixed; right:0; bottom:0;}

/* header                                                                    */
#topbox                         { padding:0 20px;}

.green3 .center                 { font-size:12px;}

.saiyou                         { margin-bottom:29px;}
.mozicont ul li                 { font-size:16px;}

#btmbox                         { padding:30px 20px; width:100%;}


/* guide                                                                    */
.subnav li                      { width:386px;}


/* service                                                                     */
#unchin #contbox .unchin_box table{ width:98%;}


/* link privacy contact                                                          */
#contact #contbox table         { max-width:97%;}


/* company                                                                      */
#office #contbox2 table         { width:97%;}

/* recruit                                                                      */
#recruit .recruit_main ul       { margin:0 40px;}
#recruit #contbox #open h2:before { left:24%;}

}


@media screen and (min-width: 1024px){
.navmenu       { display: none;}
}


@media screen and (max-width: 1024px) {
#navdial,.topnav                { display:none;}
#logo img                       { width:90%;}


.text                           { font-size:14px;}

.subnav                         { padding:0 10px;}


/*ナビのスタイル                                                                    */
.navmenu{
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    background: rgba(35,162,113,0.95);
    width: 100%;
    height: 100%;
    display: none;}
.navmenu ul{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    display:block;}
.navmenu ul li{
    font-size: 24px;
    list-style-type: none;
    width: 100%;
    padding-bottom: 0px;}
.navmenu ul li:last-child        { padding-bottom: 0;}
.navmenu ul li a{
    display: block;
    color: #fff;
    padding: 30px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 2px solid #fff;
    background:0;}
.navmenu a                       { text-decoration: none; color: #fff;}

/*ハンバーガーメニュー                                                                    */
.hamburger {
    position: fixed;
    right:25px;
    top: 24px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    z-index: 13;
    display: block;}
.hamburger span {
    display: block;
    position: absolute;
    width: 35px;
    border-bottom: solid 4px #23a271;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;}
.hamburger span:nth-child(1)      { top: 9px;}
.hamburger span:nth-child(2)      { top: 20px;}
.hamburger span:nth-child(3)      { top: 31px;}
.hamburger.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: solid 3px #fff;}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: solid 3px #fff;}

/* ページトップボタン                                                                  */
#page_top           { width:100px; height:100px; position:fixed; right:0; bottom:0;}

/* topbox                                                                    */
#flexbox                         { flex-wrap:wrap;}

#left                            { width:100%;}

.green3                          { padding:25px 20px 30px 20px;}

.apliflex                        { justify-content:center;}
/*.apliflex li                     { margin:0 10px;}*/

#minflex                         { margin-bottom:20px;}
#minflex li                      { height:auto;}

#right                           { display:flex; justify-content:space-between; width:100%;}

.green4                          { width:49%; height: max-content;}

.service01,.service02,.service03       { max-width:330px; margin:auto;}
.service01 a,.service02 a,.service03 a { padding:10px 10px 10px 65px;}

.saiyou                          { width:49%; height:100%; padding:10px;}
.saiyou h2::after                { top:-44px;}

#btmbox                          { padding:30px 0;}
#btmbox .contbox                 { padding:0 20px; width:100%;}
#btmbox .contbox .box1,#btmbox .contbox .box2,#btmbox .contbox .box3
     { padding:75px 10px 10px;}
#btmbox .contbox .box1::after,#btmbox .contbox .box2::after,#btmbox .contbox .box3::after
     { width:90px; height:90px;}


/* guide                                                                     */
.paypay ul                      { width:100%;}

.subnav li                      { width:321px;}

#guide table                    { width:60%;}

/*#car .left                      { min-width:655px;}*/

/* service                                                                     */
#pay #cont01 li                 { min-width:340px; padding:23px 45px;}
#pay #cont03 ul                 { padding-left:30px;}

/* recruit                                                                     */
#briefing #contbox .map {
  position: relative;
  width: 50%;
  display:flex;}
#briefing #contbox .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}
#briefing #contbox table        { width:90%;}

#recruit .recruit_main            { font-size:35px;}
#recruit #contbox .member         { width:47%; padding:20px;}
#recruit #contbox .member h3      { font-size:18px;}
#recruit #contbox .member .right  { font-size:16px;}
#recruit #contbox .reason         { width:47%;}
#recruit #contbox #open h2:before { left:20%;}

/* company                                                                     */
#company #contbox #safe li      { width:40%;}
}


@media screen and (max-width: 768px) {
#appli .form_box dl               { flex-wrap: wrap;}
#appli .form_box dt               { width: 100%; border-right: none;}

#pay #cont03 .sticker img         { width: 100%;}
#pay #cont01 li.pc                { display: none;}

#recruit #contbox .member .right  { float: none;}
.paypay ul li                     { background: none;}

#recruit .recruit_main img.pc     { display: none;}
#recruit .recruit_main img.sp     { display: block;}
}


@media screen and (min-width: 571px) {
#unchin #contbox .unchin_box .td_01   { display:none;}

#faq #contbox .faq2                   { display:none;}
}


@media screen and (max-width: 570px) {
header                           { width:100%;}
#logo img                        { width:80%;}


footer b                         { font-size:24px;}
footer li                        { font-size:14px; margin-bottom:40px;}

.footflex                        { display:block; text-align:center;}
.footflex .flex                  { justify-content:center; align-items:center; margin:0 auto;}
.footflex .flex img              { width:90%;}

h2                               { font-size: 24px;}
h4                               { font-size:16px;}
h5,nav ul li                     { font-size:14px;}
.text,.text_left,.red2           { font-size:12px; line-height:1.5rem;}

.tel                             { font-size:14px;}
.tel span                        { font-size:12px;}

.right_link                      { font-size:12px;}
.link::after                     { width:14px; height:15px;}


.btnlink a                       { font-size:17px;}


th,td                            { font-size:13px;}

.pc                              { display:none;}
.sp                              { display:block;}


/* ページトップボタン                                                                  */
#page_top                        { width:80px; height:90px; position:fixed; right:0; bottom:0; left:76%; top:90%;}
#page_top img                    { width:70%;}

/* header                                                                    */
#info h2                         { font-size:24px;}
#info dt                         { font-size:14px; min-width:100%;}
#info dd                         { font-size:14px;}
#flexbox dl                      { flex-wrap: wrap;}

.newslist dl                     { flex-wrap: wrap;}
.newslist dt                     { min-width:100%;}


.arrow                           { font-size:12px;}

#minflex .orange li              { width:32%;}

#minflex,.between                { display:block; margin-bottom:40px;}

#right                           { display: block;}

#minflex li,.apliflex            { width:100%;}

#height1                         { height:auto;}

.green1 img                      { width:90%; margin:34px 20px;}

.green2                          { margin-bottom:40px;}


.between li                      { margin-bottom:10px;}

.saiyou                          { width:100%; height:auto;}
.saiyou img                      { margin-bottom:10px;}
.saiyou h2                       { font-size:24px;}
.saiyou h2::after                { width:100px; top:-27px; right:-36px;}
.mozicont                        { max-width:250px;}
.mozicont ul li                  { font-size:14px; margin-bottom:10px;}

.green4                          { width:100%; height:auto; margin-left:0;}

#btmbox                          { padding:30px 20px;}
#btmbox .contbox                 { display:block; padding:0px;}
#btmbox .contbox .box1,#btmbox .contbox .box2,#btmbox .contbox .box3 
                                 { width:100%; margin:auto; display:block;}
#btmbox .contbox .box2           { margin:30px auto;}
#btmbox .contbox .box1 p,#btmbox .contbox .box2 p,#btmbox .contbox .box3 p
                                 { margin:10px 0; padding:0;}
#btmbox .contbox .box1::after,#btmbox .contbox .box2::after
                                 { width:111px; height:111px;}
#btmbox .contbox .box3::after    { width:100px; height:100px;}

.tellflex                        { flex-wrap: wrap;} 
.tel_box                         { width:90%; margin:0 auto 20px;}

.apliflex                        { flex-wrap: wrap;}


/* guide                                                                    */
.subnav                          { margin:20px 0;}
.subnav li                       { width:100%;}
.subnav li a                     { padding:3px 0 2px 42px;}

#guide .btnlink a                { font-size:12px;}
#guide table                     { width:90%;}
#guide #contbox .text,#guide #contbox .text_left { padding-right:18px;}


#car #contbox .text_left         { padding-right:18px;}
#car .carbox                     { margin:20px 0 0 0; font-size:16px;}
#car #cont01 .flex,#car #cont02 .flex,#car #cont03 .flex 
                                 { display:block;}
#car #cont01 .flex .pc,#car #cont03 .pc,#car #cont02 .flex .pc
                                 { display:none;}
#car .right,#car .left           { float:none; width:100%;}
#car .left                       { width:100%; margin-left:0; min-width:auto; justify-content:center;}
#car .left img                   { width:100%; margin:0 0 10px 0;}
#car #contbox .jpn               { padding:0; margin-bottom:10px;}
#car .left li                    { margin:auto; width:100%;}

#unchin #contbox .unchin_box table { font-size:12px; width:95%;}
#unchin #contbox .unchin_box table th,#unchin #contbox .unchin_box table td
                                 { padding:7px; width:84%;}
#unchin .red                     { display:block; margin-left:0; font-size:12px;}
#unchin #contbox .unchin_box .none  { display:none;}
#unchin #contbox .unchin_box .tr_01#unchin #contbox .between
                                 { display:block;}
#unchin #contbox .unchin_box .td_01
                                 { display:block; width:100%; background:#e9f2ec; font-weight:bold; text-align:center;}
#unchin #contbox .unchin_box .tr_01 td { margin:0 0 -1px; display:block; width:100%;}
#unchin #contbox #prepaid th,#unchin #contbox #prepaid td
                                  { display:block; margin:0 0 -1px; width:100%;}
#unchin #contbox .unchin_box .between{ display:block;}
#unchin #contbox .unchin_box .migi th:first-child{ width:auto;}

/* service                                                                     */
#pay #contbox .text             { padding-right:18px;}
#pay #contbox .tel span         { font-size:12px;}
#pay #cont01 ul                 { display:block;}
#pay #cont01 li                 { padding:23px 60px; width:70%; margin:auto;}
#pay #cont01 img                { padding-left:0px;}
#pay #cont01 ul li p            { padding:0;}
#pay #cont01 ul li .text        { padding-right:0;}
#pay .detail ul                 { display:block;}
#pay #cont03 .ic                { display:block;}
#pay #cont03 .sticker           { width:100%;}
#pay #cont03 .sticker ul        { display:flex; padding:0px; align-items:center;}
#pay #cont03 .sticker img       { width:190px; padding-left:18px;}
#pay .detail ul                 { display:block;}
#pay #cont05 .detail img        { width:80%;}
#pay #cont06 .type              { margin:28px 0 0 18px;}
#pay #cont06 ul                 { display:block;}


/* area                                                                     */
#area #contbox .text,#area #contbox .text_left            { padding-right:18px;}
#area #contbox .center          { margin-top:15px;}
#area #contbox .center img      { width:80%;}
#area #contbox .app ul          { display:block; padding-right:18px;}
#area #contbox .app li          { display:flex; justify-content:center; align-items:center;}
#area #contbox .app  .app_text  { display:block;}
#area #contbox .app_img         { flex-direction:unset;}
#area #contbox .app_img  img    { width:120px; display:flex; margin:auto;}
#area #contbox .app_text p      { padding:0;}


/* news                                                                     */
#news .newslist dl              { display:block;}
#news .newslist dt              { font-size:14px; margin-bottom:5px;}
#news .newslist dd              { font-size:14px;}
#news .newslist ul              { display:block;}
#news .newslist h2              { font-size:24px; line-height:2.2rem;}
#news .newslist_left,#news .text_left { padding-right:18px;}

.news_detail h2                 { line-height: 1.8rem;}

.btnlink_back a                 { width: 80%;}


/* recruit                                                                     */
#recruit nav ul li a,#outline nav ul li a,#faq nav ul li a,#briefing nav ul li a
 { padding:10px 0;}

#recruit .navmenu ul li a,#outline .navmenu ul li a,#briefing .navmenu ul li a,#faq .navmenu ul li a                               { padding:30px;}
#recruit .paypay ul .none,#outline .paypay ul .none { padding:10px 20px;}
#faq .paypay ul .none           { padding:0 10px;}
#briefing .paypay ul .none      { padding:10px 20px;}

/*#recruit .paypay ul li     { background:none;}*/
#recruit nav ul li,#outline nav ul li,#faq nav ul li,#briefing nav ul li
                                { font-size:13px;}

#recruit #contbox .demo li { font-size:25px; line-height:1.9rem;}

#outline #contbox h2,#faq #contbox h2,#briefing #contbox h2,#appli #contbox h2
                                { font-size:25px;}

#faq #contbox .faq1             { display:none;}

#briefing #contbox .hellowork   { display:block; overflow-x:scroll; white-space:nowrap;}
#briefing #contbox ul li        { font-size:14px;}

#outline #contbox table th,#outline #contbox table td { display:block; margin:0 0 -1px;}

/* アコーディオンメニュー                                         */
#faq #contbox .faq_check { display: none;}
#faq #contbox .faq_label { display: block;}
#faq #contbox dl input:checked + .faq_label + dd {
     height: 100%;
     padding: 10px;
     visibility: visible;
     opacity:1;}
#faq #contbox dl         {
     width:100%;
     height:auto;
     position: relative;
     overflow: hidden;}
#faq #contbox .faq_check input{
     position: relative;
     visibility: visible;
     transform: translateY(0);
     visibility: visible;}
#faq #contbox dt         {
     overflow:visible;
     position: relative;
     z-index: 1;
     background:#e9f2ec;
     border:solid 1px #23a271;
     font-size:13px;
     font-weight:bold;
     padding:10px;
     margin:0 0 -1px;}
#faq #contbox dl>input:checked+label+dd {
     position: relative;
     transform: translateY(0);}
#faq #contbox dt::before {
     content: '';
     position: absolute;
     width: 15px;
     height: 2px;
     top: 50%;
     right: 10px;
     background: #333;
     transform: translateY(-50%);}
#faq #contbox dt::after {
     content: '';
     position: absolute;
     top: 50%;
     right: 10px;
     width: 15px;
     height: 2px;
     background: #333;
     transition: .4s;
     transform: translateY(-50%) rotate(90deg);}
#faq #contbox dd         {
     margin-bottom:20px;
     visibility: hidden;
     transition: .4s;
     height: 0px;
     right:0;
     top:100%;
     display:flex;
     align-items: center;
     border:solid 1px #23a271;
     font-size:13px;
     line-height:1.4rem;}
#faq #contbox dl>input:checked+label>dt::after {
     transform: translateY(-50%) rotate(180deg);}


#briefing #contbox .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  display:flex;}
#briefing #contbox .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}
#briefing #contbox table        { width:95%;}
#briefing #contbox .text        { padding-right:18px;}

#appli .form_box                { font-size: 14px;}
#appli #top_title h2            { font-size:24px; letter-spacing:0rem;}
#appli h2                       { margin-top:40px;}
#appli .text                    { padding: 0;}
#appli button                   { font-size: 16px;}




#recruit #contbox #open h2:before     { width:60px; height:60px; left:13%; margin-top:-36px;}
#recruit .recruit_main ul             { margin:0; flex-direction:column-reverse;}
#recruit .recruit_main li             { width:100%;}
#recruit .recruit_main .main_text     { padding-left:20px; font-size:16px; line-height:2.0rem;}
#recruit #contbox .circle             { font-size:16px; margin-right:10px;}
#recruit .recruit_main h2             { font-size:30px; margin:15px 0;}
#recruit #contbox .message h3         { font-size:22px;}
#recruit #contbox .message p          { font-size:14px;}
#recruit #contbox .frame ,#recruit #contbox .frame h2 { font-size:20px;}
#recruit #contbox .reason, #recruit #contbox .member { width:100%;}
#recruit #contbox .member             { padding:15px; text-align:center;}
#recruit #contbox .member .right      { font-size:16px; float:none; text-align:left;}
#recruit #contbox .member img         { width:70%;}
#recruit #contbox .member h3          { margin-bottom:0;}
#recruit #contbox .member .comment    { font-size:14px; text-align:left;}
#recruit #contbox .member .red2       { font-size:16px;}
#recruit #contbox .interview h2,#recruit #contbox .interview h2 .red2{ font-size:20px; margin-bottom:0;}
#recruit #contbox .interview img      { width:70px;}
#recruit #contbox .interview .support { padding:10px 30px;}
#recruit #contbox .interview span,#recruit #contbox .interview .support b { font-size:14px;}
#recruit #contbox .secret h3,#recruit #contbox .secret .red2 { font-size:18px;}
#recruit #contbox .secret dd          { font-size:14px; margin-left:55px;}
#recruit #contbox .secret dd .red2    { font-size:14px;}
#recruit #contbox .secret img         { width:70px;}
#recruit #contbox .secret .support    { padding:10px;}
#recruit #contbox .secret .support h2,#recruit #contbox .secret .support .red2 { font-size:18px;}
#recruit #contbox .reason,#recruit #contbox .member { margin:10px 0; padding:15px;}
#recruit #contbox .reason h3          { font-size:16px;}
#recruit #contbox .reason li,#recruit #contbox .reason .red2 { font-size:14px;}
#recruit #contbox .oneday h2          { font-size:18px;}
#recruit #contbox .oneday             { margin:10px 0;}
#recruit #contbox .oneday dt img      { width:34px; height:34px;}
#recruit #contbox .oneday dt          { align-items:center;}
#recruit #contbox .oneday dd          { font-size:14px; margin-left:45px;}


/* link privacy contact                                                                    */
#top_title h2                         { font-size:24px;}

#link .linkbox                  { width:100%;}
#link .linkbox a,#privacy ul li { font-size:14px;}

#contact table                  { font-size:14px; width:95%;}

#contact .text,#contact .text_left,#link .text,#link .text_left { padding-right:18px;}

/* company                                                                    */
#company #contbox .between      { display:flex; flex-direction: column; margin:10px 0 40px 0;}
#company #contbox .between li   { width:90%; margin-bottom:30px;}
#company #contbox .img40 img    { margin-left:0px; text-align:center;}
#company #contbox table         { width:95%;}
#company #contbox table th,#company #contbox table td { display:block; margin:0 0 -1px;}
#company #contbox .history table th { text-align:left;}
#company #contbox #safe h2      { width:45%; font-size:24px;}
#company #contbox #safe ul      { display:block;}
#company #contbox #safe li      { width:100%;}
#company #contbox #safe p       { font-size:14px; padding:0 18px;}

#office #contbox2,#office .between li { width:100%;}
#office #contbox2               { margin-left:10px;}
#office #contbox2 table th,#office #contbox2 table td { display:block; margin:0 0 -1px;}
#office .between .left          { width:100%; margin-bottom:10px;}
#office #contbox2 .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
  display:flex;}
#office #contbox2 .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}

#company #contbox .text,#office #contbox .text { padding-right:18px;}

nav ul a,.paypay ul .none                      { padding: 10px 10px;}

table th, table td                             { padding: 10px;}

}

@media (hover: hover) {
a:hover                            { text-decoration: none;}

#page_top img:hover                { opacity: 0.6; filter: brightness(110%);}

#info dd a:hover                   { text-decoration: none; opacity: 0.5;}

.btnwrap a:hover                   { background:#c7eedf; color:#23a271;}

.service01 a:hover,
.service02 a:hover,
.service03 a:hover                 { color: #23a271; background: #c7eedf;}

.footflex .flex a:hover            { text-decoration: underline;}

.link:hover                        { color:#23a271;}

.topnav ul a:hover                 { background:#c7eedf; color:#23a271;}

.paypay ul a:hover                 { background:#23a271; color:#fff;}

.subnav li a:hover                 { background:#23a271; color:#fff;}

.btnlink a:hover                   { color: #23a271; background: #c7eedf;}

.hover                             { text-decoration:underline;}
.hover:hover                       { color: #23a271; text-decoration: underline;}

#guide .btnlink a:hover            { color: #23a271; background: #c7eedf;}

.newslist a:hover                  { text-decoration: none;}
.news_cont a:hover                 { text-decoration: none; color: #23a271;}
.news_detail a:hover               { text-decoration: none; color: #23a271;}

.btnlink_back a:hover              { color: #23a271; background: #c7eedf;}

.page_link a:hover                 { color:#23a271;}

#recruit .paypay ul li a:hover,
#outline .paypay ul li a:hover,
#faq .paypay ul li a:hover,
#briefing .paypay ul li a:hover    { background: #23a271; color: #fff; width:100%;}

#appli .btn_box input[type=submit]:hover  { background: #c7eedf; cursor: pointer; color: #23a271;}
#appli .btn_box button[value=back]:hover  { background: #23a271; cursor: pointer; color: #fff;}


#link .linkbox a:hover             { color: #23a271; background: #c7eedf;}

.navmenu ul li a:hover             { opacity: 0.7;}

}


@media (hover: none) {
a:active                           { text-decoration: none;}

#page_top img:active               { opacity: 0.6; filter: brightness(110%);}

#info dd a:active                  { text-decoration: none; opacity: 0.5;}

.btnwrap a:active                  { background:#c7eedf; color:#23a271;}

.service01 a:active,
.service02 a:active,
.service03 a:active                { color: #23a271; background: #c7eedf;}

.footflex .flex a:active           { text-decoration: underline;}

.link:active                       { color:#23a271;}

.topnav ul a:active                { background:#c7eedf; color:#23a271;}

.paypay ul a:active                { background:#23a271; color:#fff;}

.subnav li a:active                { background:#23a271; color:#fff;}

.btnlink a:active                  { color: #23a271; background: #c7eedf;}

.hover                             { text-decoration:underline;}
.hover:active                      { color: #23a271; text-decoration: underline;}

#guide .btnlink a:active           { color: #23a271; background: #c7eedf;}

.newslist a:active                 { text-decoration: none;}
.news_cont a:active                { text-decoration: none; color: #23a271;}
.news_detail a:active              { text-decoration: none; color: #23a271;}

.btnlink_back a:active             { color: #23a271; background: #c7eedf;}

.page_link a:active                { color:#23a271;}

#recruit .paypay ul li a:active,
#outline .paypay ul li a:active,
#faq .paypay ul li a:active,
#briefing .paypay ul li a:active   { background: #23a271; color: #fff; width:100%;}

#appli .btn_box input[type=submit]:active   { background: #c7eedf; cursor: pointer;color: #23a271;}
#appli .btn_box button[value=back]:active   { background: #23a271; cursor: pointer; color: #fff;}


#link .linkbox a:active            { color: #23a271; background: #c7eedf;}

.navmenu ul li a:active            { opacity: 0.7;}
}