@charset "UTF-8";
@media screen and (max-width: 736px) { body { min-width: 100%; font-size: 3.2vw; line-height: 1.8; -webkit-text-size-adjust: 100%; }
  img { max-width: 100%; }
  /* option */
  .pc, .header { display: none; }
  .sp, .sp-header { display: block; }
  .inner { width: 100%; }
  .container { padding-top: 55px; }
  .social-items a {padding-top: 1px;color: #fff;}

  /* midashi */
  .midashi02 .en {font-size: 6.84vw;margin-bottom: 0;}
  .midashi02 .jp { font-size: 2.37vw; }
  .midashi03 { padding: 5px 8px 4px; margin-bottom: 20px; font-size: 3.95vw; }

.midashi04 { width: 100%; margin-bottom: 7%; }
.midashi04 span{font-size:7vw;}
.midashi04:before { margin-right: 15px; }
.midashi04:after { margin-left: 15px; }
.midashi04 span{font-size:5vw;}

.midashi06{padding: 2%;font-size: 4.5vw;margin-bottom: 5%;}


  /* header
  ----------------------------------------------- */
  .sp-header { position: relative; }
  .sp-header-bar { width: 100%; height: 55px; background: #101835; z-index: 10; position: fixed; top: 0; left: 0; }
  .sp-header-logo {width:54px;margin-left:2.5%;}
  .sp-header-logo img { width: 100%; }
  .sp-header-tel {width: 35px;height: 35px;/* padding-top: 5px; */color: #fff;font-size: 20px;text-align: center;border: 1px solid #7e8391;position: absolute;top: 10px;right: 100px;}
  .sp-header-mail {width: 35px;height: 35px;padding-top: 4px;color: #fff;font-size: 15px;text-align: center;border: 1px solid #7e8391;position: absolute;top: 10px;right: 54px;}
  .sp-header-ebook{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;width: 100px;height: 35px;color: #111835;font-size: 2.6vw;text-align: center;position: absolute;top: 10px;right: 96px;background: #fff;}
  .sp-header-ebook .fa-book{margin-right: 1.5vw;}

  /* sp言語切り替えボタン */
  .sp-header-language{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;width: 50px;height: 35px;color: #fff;font-size: 2.6vw;text-align: center;position: absolute;top: 10px;background: #505050;right: 204px;}
  .sp-header-language .fa-globe{margin-right: 1.5vw;font-size: 120%;}

  .sp-navi-button { width: 35px; text-align: center; z-index: 11; position: absolute; top: 12px; right: 10px; }
  .sp-navi-button .line { width: 28px; height: 2px; margin: auto; background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: block; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; }
  .sp-navi-button .line-middle { margin: 6px auto; }
  .sp-navi-button.close-btn .line-top { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); }
  .sp-navi-button.close-btn .line-middle { opacity: 0; }
  .sp-navi-button.close-btn .line-bottom { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); }
  .sp-navi-button .line-text { margin-top: 5px; color: #fff; font-size: 10px; font-family: dnp-shuei-mincho-pr6; font-weight: 400; font-style: normal; display: block; }

  .sp-attention {background: #c40d23;text-align: center;padding: 2vw 0;position: absolute;width: 100%;top: 55px;}

  .sp-navi { width: 100%; height: 0; z-index: 10; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .sp-navi.js-active { visibility: visible; opacity: 1; }
  .sp-navi .mask { position: fixed; width: 100%; height: 100vh; background: rgba(16, 24, 52, 0.95); top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
  .sp-navi-inner { width: 100%; height: 100vh; position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; }
  .sp-navi-scroll { width: 100%; height: 100%; padding: 30px 0 48vw; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .sp-header-inbutton { width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 1; position: fixed; top: 12px; right: 12px; }
  .sp-header-inbutton:before { content: ''; width: 30px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
  .sp-header-inbutton:after { content: ''; width: 30px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
  .sp-navi-logo { width: 25%; margin: 0 auto 20px; }
  .sp-navi-logo img { width: 100%; }
  .sp-navi-category { width: 90%; margin: 0 auto 40px; }
  .sp-navi-items { width: 100%; position: relative; }
  .sp-navi-items li { width: 100%; color: #fff; font-size: 3.95vw; border-bottom: 1px solid #8f8f8f; position: relative; }
  .sp-navi-items li.sp-navi-subitem.active .en:after { content: "\f068"; }
  .sp-navi-items li.sp-navi-subitem span { position: relative; }
  .sp-navi-items li.sp-navi-subitem span:after { content: "\f067"; color: #fff; font-size: 10px; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transition: ease 0.3s; transition: ease 0.3s; }
  .sp-navi-items li.sp-navi-subitem span.active:after{content: "\f068";}
  .sp-navi-items li.sp-navi-subitem.open span:after{content: "\f068";}
  .sp-navi-items li.sp-navi-subitem.open span.active:after {content: "\f067"}

  .sp-navi-items li.sp-navi-subitem ul { width: 95%; margin: 5px auto 10px; font-size: 0; display: none; }
  .sp-navi-items li.sp-navi-subitem ul.open{display: block;}
  .sp-navi-items li.sp-navi-subitem li {width: 100%;margin-bottom: 2%;font-size: 3.4vw;text-align: center;border: none;display: inline-block;background: rgba(255, 255, 255, 0.1);}
  .sp-navi-items li.sp-navi-subitem li.mb0{margin-bottom: 0;}
  .sp-navi-items li.sp-navi-subitem ul.other li { width: 100%; margin-bottom: 2%; font-size: 3.4vw; text-align: center; background: rgba(255, 255, 255, 0.1); border: none; display: inline-block; }
  .sp-navi-items li.sp-navi-subitem li:nth-child(odd) { margin-right: 2%; }
  .sp-navi-items li.sp-navi-subitem a {padding: 14px 0;color: #d6d6d6;line-height: 1;}
  .sp-navi-items li.sp-navi-subitem .parent_links{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:space-between;align-items:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap: 2vw;padding: 14px 0;width: 100%;}
  .sp-navi-items li.sp-navi-subitem .parent_links a{width: 46%;line-height: 1.5;font-size: 80%;background: rgba(255, 255, 255, 0.1);}
  .sp-navi-items li.sp-navi-subitem .parent_links .parent_link{width: 94.6%;font-size: 100%;}

  .sp-navi-items a { width: 100%; height: 100%; color: #fff; }
  .sp-navi-items span { padding: 14px 10px 11px; letter-spacing: 2px; display: block; }
  .sp-navi-items span.spother { padding: 14px 10px 11px; letter-spacing: 2px; display: block;font-size: 3vw;}
  .sp-navi-mail {width: 90%;padding: 18px 0 15px;margin: 0 auto 40px;color: #101835;font-size: 4.21vw;text-align: center;background: #fff;}
  .sp-navi-mail span { margin: 0 5px; }

  .sp-header .customer_harassment_link{font-size: 3.2vw;}

  .footer .contact-window{display:none;}

  .contact-window{position:relative;right:inherit;bottom:inherit;font-size:3.6vw;width:90%;margin:0 auto 40px;}
  .contact-window .contact-window-blc01{margin:0 0 18px;}
  .contact-window .contact-window-blc01 .contact-window-title{font-size:4.4vw;margin:0 0 2vw;}
  .contact-window .contact-window-blc01 .contact-window-time{margin:0 0 1vw;}
  .contact-window .contact-window-blc01 .contact-window-note{font-size:80%;}

  .contact .customer_harassment_link{
    font-size: 3.2vw;
  }

  .line-area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:2.8vw;}
  .line-area:after{content:"\f105";display:inline-block;font-family:FontAwesome;font-size:16px;color:#048b3b;}
  .line-icon{width:10vw;}
  .line-icon img{}
  .line-area p{font-size:4.6vw;}

  .contact-window .contact-window-line{width:100%;padding:15px 0;}
  .contact-window .contact-window-line .contact-window-line-qr{display:none;}
  .contact-window .contact-window-line .contact-window-line-qr img{width:74px;}
  .contact-window .contact-window-line .contact-window-line-title{padding:0;font-size:4vw;}

  .footer-callcenter {position: relative;font-size: 5vw;width: 90%;margin: 0 auto 20px;right: inherit;bottom: inherit;}
  .footer-callcenter .callcenter-blc{margin-top: 3vw;}
  .footer-callcenter .callcenter-icon{width: 8vw;margin-right: 2vw;}
  .footer-callcenter .callcenter-txt{line-height: 1;top: 1vw;}
  .footer-callcenter .callcenter-txt.tel{letter-spacing: 0.2rem;top: 0;font-weight: 500;}
  .footer-callcenter .callcenter-open-time{font-size: 72%;margin-top: 3vw;}

  .sp-navi-social-items { margin-bottom: 30px; -webkit-justify-content: center; justify-content: center; }
  .sp-navi-social-items li { margin: 0 10px; }
  .sp-navi-language-items { width: 90%; margin: auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .sp-navi-language-items li { width: 33%; font-size: 2.89vw; font-family: futura-pt; font-weight: 400; font-style: normal; text-align: center; letter-spacing: 1px; }
  .sp-navi-language-items li.current a { color: #101835; background: #fff; }
  .sp-navi-language-items a { width: 100%; padding: 12px 0 10px; color: #fff; background: #3d414d; }
  .sp-navi-language-items a:hover { background: #101835; opacity: 1; }


  /* footer
  ----------------------------------------------- */
  .footer-top { width: 100%; padding: 10px 0; display: block; }
  .footer-logo { width: 40%; margin: 0 auto 10px; }
  .footer-seo { margin-bottom: 20px; color: #fff; text-align: center; }
  .footer-seo .big { margin-bottom: 12px; font-size: 7.89vw; }
  .footer-seo .small { font-size: 3.68vw; }
  .footer-content { padding: 0; margin: 0 auto 20px; border: none; }
  .footer-date { font-size: 3.42vw; text-align: center; }
  .footer-tel { margin-bottom: 15px; text-align: center; }
  .footer-social-items { margin-bottom: 20px; -webkit-justify-content: center; justify-content: center; }
  .footer-social-items li { margin: 0 8px; }
  .footer-navi { width: 85%; margin: 0 auto 10px; border-top: 1px solid #fff; display: block; }
  .footer-navi-column { width: 100%; }
  .footer-navi-title { padding: 14px 2px 11px; margin: 0; font-size: 3.95vw; border-bottom: 1px dotted #ccc; position: relative; }
  .footer-navi-title:before { content: "\f067"; color: #fff; font-size: 10px; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .footer-navi-title.active:before { content: "\f068"; }
  .footer-navi-title.sp { display: block; }
  .footer-navi-title-link:before { display: none; }
   .footer-navi-title_2 {padding: 14px 2px 11px;margin: 0;font-size: 3vw;border-bottom: 1px dotted #ccc;position: relative;}
  .footer-navi-title_2:before { content: "\f067"; color: #fff; font-size: 10px; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .footer-navi-title_2.active:before { content: "\f068"; }
  .footer-navi-title_2.sp { display: block; }
  .footer-navi-title_2-link:before { display: none; }
  .footer-navi-items { width: 100%; padding: 0; border: none; display: none; }
  .footer-navi-items.open{display: block;}
  .footer-navi-title.open:before{content: "\f068";}
  .footer-navi-title.open.active:before {content: "\f067"}

  .footer-navi-items li { width: 100%; margin: 0; font-size: 3.95vw; font-weight: normal; border-bottom: 1px dotted #ddd; position: relative; }
  .footer-navi-items li:before { content: '\f105'; margin: 0; color: #c6bab5; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .footer-navi-items a { padding: 14px 2px 11px; margin: 0; color: #fff; }
  .footer-navi-items a.sml{font-size: 80%;color: #cfcfcf;}
  .footer-bottom-inner { width: 100%; padding: 15px 0; text-align: center; display: block; }
  .js-pagetop { width: 40px; }
  .copyright { font-size: 2.89vw; }





  /* hero
  ----------------------------------------------- */
  .hero-image {min-width: 100%;-moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);}
  .hero-image.slideup {min-width: 100%;-moz-transition: all 1.5s ease-in; -o-transition: all 1.5s ease-in; -webkit-transition: all 1.5s ease-in; transition: all 1.5s ease-in;}
  .hero-image #video {width: 100%;margin-top: 0;}
  .hero-image img { min-width: 100%; }
  .hero-title { width: 80%; top: 40%; }
  .hero-top {height: auto; overflow: hidden;}
  .hero-top .hero-inner {height: auto;}
  .hero-top .hero-title {width: 80%;margin: 0 auto 26%; height: 0;}
  .hero-title .big { margin-bottom: 30px; font-size: 6.58vw; text-indent: 20px; letter-spacing: 20px; }
  .hero-title .big:after { height: 1px; bottom: -16px; }
  .hero-title .small { margin-right: -4px; font-size: 2.63vw; letter-spacing: 4px; }
  .hero-text { width: 50%; font-size: 2.63vw; top: auto; left: 5%; bottom: 22%; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  .hero-text span { padding: 15px 10px 14px; }
  .hero-news {width: 90%;min-width: 90%;left: 5%;top: 38%;bottom: auto;-moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}
  .hero-news-title { width: 35%; padding: 12px 0 9px; font-size: 2.89vw; }
  .hero-news-items {width: 100%;}
  .hero-news-items li { font-size: 2.37vw; }
  .hero-news-items a { padding: 10px 10px 8px; }
  .hero-news-item-category { padding: 0 6px; margin: 0 8px; }
  .hero-news-item-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

 .hero-text-staff {font-size: 4vw;position: absolute;top: 288px;line-height: 1;}

.hero-text-staff-name {width: 89%;font-size: 14px;text-align: right;z-index: 1;margin: 0 auto;}
.hero-text-staff-name span {display: block;text-align: left;}
.hero-text-staff-name .department {color: #fff;}
.hero-text-staff-name .sta_name {color: #fff;font-size: 6vw;margin-bottom: 10px;}
.hero-text-staff-name .sta_name_en {/* font-family: adobe garamond pro; */color: #fff;font-size: 20px;}

.hero-text-staff-come {width: 89%;font-size: 6vw;color: #fff;/* text-indent: -0.5em; *//* padding-left: 1em; */margin: 5% auto 0;}
.hero-text-staff-come p {width: auto;}
.hero-text-staff-come span { width: 100%; padding: 24px 15px 22px; display: block; }
.hero-text-staff-come .navy { color: #0f1834;}
.hero-text-staff-come .orange { color: #0f1834;}

.hero-text-topmesseage {font-size: 4vw;top: 335px;line-height: 1;}

.hero-text-topmesseage-name {width: 89%;font-size: 4vw;text-align: right;z-index: 1;margin: 0 auto;}
.hero-text-topmesseage-name span {display: block;text-align: left;}
.hero-text-topmesseage-name .department {color: #fff;margin-bottom: 12px;}
.hero-text-topmesseage-name .sta_name {color: #fff;font-size: 6vw;margin-bottom: 10px;}
.hero-text-topmesseage-name .sta_name_en {/* font-family: adobe garamond pro; */color: #fff;font-size: 20px;}

.hero-text-topmesseage-come {width: 89%;font-size: 6vw;margin: 4% auto 0;text-align: left;right: 0;text-indent: -3vw;}
.hero-text-topmesseage-come span { width: 100%; padding: 24px 15px 22px; display: block; }
.hero-text-topmesseage-come .navy { color: #0f1834;}
.hero-text-topmesseage-come .orange { color: #0f1834;}

  /* bread
  ----------------------------------------------- */
  .breadcrumb-items { width: 100%; padding: 10px 5%; }
  .breadcrumb-items li { font-size: 3.16vw; }
  .breadcrumb-items li:after { margin: 0 4px; }

  /* top -
  ---------------------------------------------- */
  .top-business-title { padding: 25px 0; }
  .top-business-title .en {font-size: 6.84vw;letter-spacing: 4px;margin-bottom: 0;}
  .top-business-title .jp { font-size: 2.37vw; letter-spacing: 5px; }
  .top-business-items li {width: 50%;height: 36.6vw;}

  .top-business-items li:nth-last-of-type(5n) {border-right: 1px solid #ababab;}
  .top-business-items li:nth-last-of-type(2n) {border-right: none;}
  .top-business-items li a{height: 36.6vw;}
  .top-business-item-title { width: 100%; top: 54%; }
  .top-business-item-title:after {width: 25%;bottom: 20px;}
  .top-business-item-title .en {font-size: 4.47vw;margin-bottom: 0;}
  .top-business-item-title .jp { margin-bottom: 12px; font-size: 2.37vw; }
  .top-business-item-title i { font-size: 16px; }
  .top-business-item-image{-webkit-filter: brightness(0.6);filter: brightness(0.6);height: 36.6vw;}
  .top-creation-inner {width: 100%;padding: 60px 0;display: block;}
  .top-creation-left { width: 100%; margin: auto; }
  .top-creation-right{width: 90%;margin: 0 auto;}
  .top-creation-heading { width: 90%; margin: 0 auto 30px; text-align: center; display: block; }
  .top-creation-heading p { line-height: 1.8; }
  .top-creation-title {margin: 0 auto 10px;font-size: 8vw;letter-spacing: 8px;}
  .top-creation-more-items li {font-size: 4.4vw;width: 78%;margin: 0 auto 4vw;}
  .top-creation-more-items li a{padding: 12px 0;}
  .top-creation-image { width: 100%; }
  .top-creation-staff { width: 100%; padding: 15px 0 20px; background: #fff; display: block; }
  .top-creation-staff-more { padding: 15px 4px; margin: 0 auto 15px; font-size: 4.47vw; display: table; }
  .top-creation-staff-items { width: 90%; margin: auto; }
  .top-creation-staff-items li { width: calc(25% - 1px); }

  .top-machine{padding: 35px 0 121px;overflow: hidden;}
  .top-machine-title { padding: 25px 0; }
  .top-machine-title .en {font-size: 6.84vw;letter-spacing: 4px;margin-bottom: 0;}
  .top-machine-title .jp { font-size: 2.37vw; letter-spacing: 5px; }
  .top-machine-item-list{margin-left: auto;}
  .top-machine-item-list li{padding: 6vw 0vw;flex-direction: column;flex-direction: column;margin-right: auto;margin-left: auto;min-width: max-content;margin:0 auto;}
  .top-machine-item-contents{width: 284px;margin:0 auto;}
  .top-machine-item-list .top-machine-thumb{width: 100%;}
  .top-machine-item-list .top-machine-name{font-size: 3.8vw;margin: 0 auto 3vw;width: 80%;}
  .top-machine-item-list .top-machine-name img{margin: 0 auto 2%;}
  .top-machine-item-list .top-machine-des{font-size: 3.6vw;}

  .top-pickup { padding: 20px 0; background: #9fa3ae; }
  .top-pickup .inner{padding: 0;}


  /* second
  ----------------------------------------------- */
  .article-heading { padding: 25px 0; margin-bottom: 30px; }
  .second-content {width: 90%;min-height: 300px;margin-bottom: 10%;}
  .second-content p { margin-bottom: 15px; font-size: 3.2vw; }
  .second-content-staff {margin-top: 5%;}



/* about
----------------------------------------------- */



/* message
----------------------------------------------- */
.message .dr_reco { margin:0 auto 8%;}
.message .sec { margin:0 auto 3%;}
.message .sec img {float:none;margin:0 auto 3%;width: 55%;}
.message .sec p { float:none; width:100%; }
.message .sec p b{font-size: 4.5vw;letter-spacing: 1px;}
.message .sec p span.under{font-size: 3.5vw;}

p.representative{text-align: right;}

.soshiki img{width: 100%;}

iframe.map_osaka{margin-bottom: 15%;}


/* vision
----------------------------------------------- */

/* company
----------------------------------------------- */
.company_intro{margin-bottom: 10%;}

.company_adress ul li {display: block;margin-right: 0;}
.company_adress ul li img{margin: 0 auto 5%;}

/*テーブル*/
.company_t {width:98%; margin:4% auto; border: 1px solid #b2b7ba; }
.company_t tr {border-bottom: 1px solid #b2b7ba;}
.company_t tr:last-child {border-bottom:none;}
.company_t tr th { display:block; width:100%; padding:10px; background-color:#101835; color:#fff; vertical-align: middle; text-align:center;font-size:90%; }
.company_t tr td {display:block;  width:100%; padding:10px; vertical-align:top; vertical-align:middle;}

/*マップ*/
.company_map{margin-bottom: 15%;}

/*ライトボックス*/
.gallery {margin: 0 auto;width: 100%;}
.gallery ul {margin: 3% auto 0;width:94%;}
.gallery ul li {width: 47%;height:auto;margin-right:3%;margin-bottom:3%;display: inline-block;}
.gallery ul li:nth-child(2n) { margin-right:0;}
.gallery ul li img{ width:100%;}

/* staff
------------------------------------------------------------------*/
ul.staff {text-align: left;margin: 0 auto 2%;width: 100%;position: relative;}
ul.staff li {display:-block;width: 50%;margin: 0 auto 4%;}
ul.staff li p {margin: 4% auto 0;font-size: 4vw;line-height: 1;text-align: left;position: absolute;color: #FFF;text-shadow: 0px 0px 2px #333;}
ul.staff li p span {font-size: 3vw;text-align: left;line-height: 1;color: #FFF;margin: 0 auto 4px;}
ul.staff li img{width: 95%;}

ul.staff li.yasui,ul.staff li.kawai,ul.staff li.yoshida,ul.staff li.miyashita,ul.staff li.tozawa,ul.staff li.yamada,ul.staff li.sakai,ul.staff li.nishi,ul.staff li.chen,ul.staff li.hioki,ul.staff li.shirota,ul.staff li.fukuda,ul.staff li.suzuki {position: relative;}
ul.staff li p.yasui_02,ul.staff li p.kawai_02,ul.staff li p.yoshida_02,ul.staff li p.miyashita_02,ul.staff li p.tozawa_02,ul.staff li p.yamada_02,ul.staff li p.sakai_02,ul.staff li p.nishi_02,ul.staff li p.chen_02,ul.staff li p.hioki_02,ul.staff li p.shirota_02,ul.staff li p.fukuda_02,ul.staff li p.suzuki_02{position: absolute;bottom: 10px;left: 8%;}


/*スタッフ詳細ページ*/
.coment_midashi{margin-bottom: 15%;}
.stafftext{float: none;margin: 0 auto;}
.staff_coment { margin:0 auto 30px;}
.staff_coment ul{margin: 4% auto;text-align: center;}
.staff_coment img {float:none;margin: 15px auto 0;width: 80%;}
.sstaff_coment .staff_t {float:none;margin: 0 auto;width: 100%;text-align:justify;text-justify:auto;line-height: 2.9;}
.sstaff_coment p b{color: #101835;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 22px;letter-spacing: 3px;}
.sstaff_coment p span.under{border-bottom: dotted 1px #D7D5D5; padding-bottom: 9px;}

.staff_coment ul li.position{font-size: 4vw;margin: 2% 0 0;}
.staff_coment ul li.e_name{font-size: 3vw;margin-bottom: 0;line-height: 1;}
.staff_coment ul li.j_name{font-size: 5vw;margin-bottom: 3%;margin-top: 2%;line-height: 1;}

.come{border: 1px solid #c3c8d8;padding: 6% 6% 1%;margin-bottom: 10%;}

/*スタッフ紹介ページ*/

/*テーブル*/
.staff_t {width: 95%;margin:4% auto;border: 1px solid #b2b7ba;}
.staff_t tr {border-bottom: 1px solid #b2b7ba;}
.staff_t tr:last-child {border-bottom:none;}
.staff_t tr th { display:block; width:100%; padding:10px; background-color:#101835; color:#fff; vertical-align: middle; text-align:center;font-size:90%; }
.staff_t tr td {display:block;  width:100%; padding:10px; vertical-align:top; vertical-align:middle;}

.staff .staff_introduction {margin-bottom: 13%;}
.staff .staff_introduction li {margin-bottom: 12%;}
.staff .staff_introduction li:nth-child(2) {margin-bottom: 13%;/* border-bottom: 1px dotted; */}
.staff .staff_introduction li .text p{margin-bottom: 9%;}
.staff .staff_introduction .text p.midashi{font-size: 5vw;font-weight: bold;color: #101835;margin-bottom: 3%;text-align: center;width: 94%;line-height: 1.5;}
.staff .staff_introduction li .text img {float: none;width: 80%;margin: 0 auto 3%;}
.staff .staff_introduction li:nth-child(even) .text img {float: none;width: 80%;margin: 0 auto 3%;}
.staff .staff_introduction li .text p {float: none;margin: 0 auto;width: 90%;}
.staff .staff_introduction li:nth-child(even) .text p {float: none;margin: 0 auto 10%;width: 90%;}
.staff .staff_introduction li:nth-child(even) .text p.midashi{font-size: 5vw;font-weight: bold;color: #101835;margin-bottom: 20px;}


ul.staff_name{text-align: center;margin-top: 6%;}
ul.staff_name li.position{font-size: 17px;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color: #101835;margin-bottom: 20px;}
ul.staff_name li.e_name{font-size: 4vw;margin-bottom: 0;line-height: 1;border-bottom: none;}
ul.staff_name li.j_name{font-size: 6vw;border-bottom: none !important;margin-bottom: 0!important;}

.myphoto{border: 1px solid #bfbfbf;padding: 7%;margin: 3%;}
.myphoto img{float: none;margin: 0 auto 6%;}
.myphoto p.midashi{font-size: 22px;font-weight: bold;color: #101835;margin-bottom: 10px;text-align: center;}

/*スタッフクリック時*/
.sample1 .caption {
	font-size:		120%;
	text-align: 	center;
	padding-top: 23%;
	color:			#fff;
	line-height: 1.3;
}
.sample1 i {font-size: 22px;position: absolute;left: 46%;top: 70%;}
.sample1 .caption:after {content: '';width: 110px;height: 1px;background: #fff;position: absolute;bottom: 31%;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}

/* group
----------------------------------------------- */
dl.menulist{width: 100%;margin: 0 auto 12%;padding: 4% 5% 6%;border: 1px solid #101835;background: #fff;}
dl.menulist a{display:inline;font-size:1.2em;padding-left:2px;color: #eb6b2f;}
dl.menulist .btn02 a{text-decoration:none;color: #fff;}
dl.menulist dt{font-size: 4.5vw;border-bottom: solid 1px #101835;margin: 0 auto 5%;padding: 0 0 3%;color: #101835;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
dl.menulist dt span{font-size: 17px; }
dl.menulist dt b { font-size:80%;}
dl.menulist dd {float: none;font-size: 23px;margin: o auto;}
dl.menulist dd b {font-size: 60%;}
dl.menulist dd span { padding: 1.5% 2%; font-size: 70%;}
dl.menulist img { margin:0 auto 3%;}
dl.menulist .img_l {display: block; width: 90%; margin: 0 auto 5%; text-align: center;}
dl.menulist .img_l img { margin:0 auto 10px;}

dl.menulist .menu-contents { display: inline-block; width: 100%;}
dl.menulist .menu-contents p{font-size: 3vw;}
dl.menulist .menu-contents p span { font-size: 4.8vw; line-height:1.6; }

.btn02 {margin:4% auto;width: 98%;padding: 3% 3% 5%;}
.btn03 {margin:4% auto;width: 98%;padding: 3% 3% 5%;}
.btn04 {margin:4% auto;width: 100%;}
.btn05 {margin:4% auto;width: 98%;font-size: 3.5vw;line-height: 0.7;}
.btn06 {margin:4% auto;width: 98%;font-size: 4vw;line-height: 1.3;}
.btn07 {margin:4% auto;width: 98%;font-size: 4vw;line-height: 1.3;margin-bottom: 12%;}
.btn08 { margin:4% auto; width: 98%;line-height: 1.3;}
.btn09 { margin:4% auto; width: 98%;line-height: 1.3;}
.btn10 {margin:4% auto;width: 98%;font-size: 3.5vw;line-height: 0.7;}

/* archives
----------------------------------------------- */

/* product
----------------------------------------------- */

/* consulting
----------------------------------------------- */
.consulting .introduction {margin-bottom: 13%;}
.consulting .introduction li {margin-bottom: 12%;}
.consulting .introduction li .text p{margin-bottom: 9%;}
.consulting .introduction .text p.midashi{font-weight: bold;color: #101835;margin-bottom: 3%;width: 100%;text-align: left;line-height: 1.5;font-size: 5vw !important;}
.consulting .introduction li .text img {float: none;width: 98%;margin: 0 auto 3%;}
.consulting .introduction li:nth-child(odd) .text img {float: none;width: 98%;margin: 0 auto 3%;}
.consulting .introduction li .text p {float: none;margin: 0 auto 10%;width: 98%;}
.consulting .introduction li:nth-child(odd) .text p {float: none;margin: 0 auto 10%;width: 98%;}
.consulting .introduction li:nth-child(odd) .text p.midashi{font-size: 5vw;font-weight: bold;color: #101835;margin-bottom: 20px;text-align: left;line-height: 1.5;}
.consulting .introduction .seminar_btns .btn09 {width: 100%;margin: 0 0 4vw 0;}

.consulting .price_tables .midashi04{font-size: 5vw;line-height: 1.4;text-align: center;}
.consulting .price_tables .price_table_wra{overflow-x: auto;}
.consulting_table_img{max-width: 600px;}
.consulting .price_tables .btn09{margin: 10vw 0 0;}


/* esthe
----------------------------------------------- */
.esthe .introduction {margin-bottom: 13%;}
.esthe .introduction li {margin-bottom: 12%;}
.esthe .introduction li .text p{margin-bottom: 9%;}
.esthe .introduction .text p.midashi{font-weight: bold;color: #101835;margin-bottom: 3%;width: 100%;text-align: left;line-height: 1.5;font-size: 4.6vw !important;}
.esthe .introduction li .text img {float: none;width: 98%;margin: 0 auto 3%;}
.esthe .introduction li:nth-child(odd) .text img {float: none;width: 98%;margin: 0 auto 3%;}
.esthe .introduction li .text p {float: none;margin: 0 auto 10%;width: 98%;}
.esthe .introduction li:nth-child(odd) .text p {float: none;margin: 0 auto 10%;width: 98%;}
.esthe .introduction li:nth-child(odd) .text p.midashi{font-size: 4.6vw;font-weight: bold;color: #101835;margin-bottom: 20px;text-align: left;line-height: 1.5;}

/* sales
----------------------------------------------- */
.sales .introduction {margin-bottom: 13%;}
.sales .introduction li {margin-bottom: 12%;}
.sales .introduction li .text p{margin-bottom: 9%;}
.sales .introduction .text p.midashi{font-weight: bold;color: #101835;margin-bottom: 3%;width: 100%;text-align: left;line-height: 1.5;font-size: 5vw !important;}
.sales .introduction li .text img {float: none;width: 98%;margin: 0 auto 3%;}
.sales .introduction li:nth-child(odd) .text img {float: none;width: 98%;margin: 0 auto 3%;}
.sales .introduction li .text p {float: none;margin: 0 auto 10%;width: 98%;}
.sales .introduction li:nth-child(odd) .text p {float: none;margin: 0 auto 10%;width: 98%;}
.sales .introduction li:nth-child(odd) .text p.midashi{font-size: 5vw;font-weight: bold;color: #101835;margin-bottom: 20px;text-align: left;line-height: 1.5;}


/* seminar
----------------------------------------------- */

/* recruit
----------------------------------------------- */
ul.occupation{margin-bottom: 10%;}
ul.occupation li{display: inline-block;width: 100%;margin-bottom: 2%;}
ul.occupation li:last-child{margin-bottom: 0;}

.recruit_main{margin-top: 0;margin-bottom: 10%;}
.recruit_main ul{width: 100%; margin: 0 auto;text-align: center;}
.recruit_main ul li{display: block;margin: 0 auto;}
.recruit_main ul li:first-child{margin-right: 0;margin-bottom: 10%;}


.recruit_main ul li img{margin: 0 auto;}


/* recruit_lenard
----------------------------------------------- */
/*table*/
.recruit_t { width:98%; margin:4% auto; border: 1px solid #b1aeae; }
.recruit_t tr {border-bottom: 1px solid #b1aeae;}
.recruit_t tr:last-child {border-bottom:none;}
.recruit_t tr th {display:block;width:100%;padding:10px;background-color: #ebebeb;color: #11234e;vertical-align: middle;text-align:center;font-size:90%;}
.recruit_t tr td {display:block;  width:100%; padding:10px; vertical-align:top; vertical-align:middle;}

.recruit_t02 {width:98%;margin: 4% auto 30%;border: 1px solid #b1aeae;}
.recruit_t02 tr {border-bottom: 1px solid #b1aeae;}
.recruit_t02 tr:last-child {border-bottom:none;}
.recruit_t02 tr th {display:block;width:100%;padding:10px;background-color: #ebebeb;color: #11234e;vertical-align: middle;text-align:center;font-size:90%;}
.recruit_t02 tr td {display:block;  width:100%; padding:10px; vertical-align:top; vertical-align:middle;}

 .button01 {width: 100%;padding: 15px 0 11px;font-size: 3.95vw;}
 .button02 {width: 100%;padding: 15px 0 11px;font-size: 3.95vw;}

.recruit_lenard .step  { margin:4% auto; width:90%;}
.recruit_lenard .step li {  min-height: inherit; padding:12% 0; margin-bottom:6%; }
.recruit_lenard .step li:last-child{ border:none;}
.recruit_lenard .step li:last-child:after{ display:none; }
.recruit_lenard .step li img { float:none; margin:0 auto 6%;}
.recruit_lenard .step li dl { float:none; width:100%; }
.recruit_lenard .step li dl dt { font-size:4.3vw; line-height:1.6; text-align:center; }
.recruit_lenard .step li dl dt span { display:block; width:100%; padding:2px; margin-bottom:3%; text-align:center;}
.recruit_lenard .step li dl dd { font-size:3.5vw;}

/* recruit
----------------------------------------------- */
.recruit_info {margin-bottom: 25%;}
.recruit_info li {margin-bottom: 10%;}
.recruit_info li dl.recruit_accordion > dt {padding: 4% 6% 4% 14%;font-size: 4vw;}

.box_frame.qa {padding: 2% 0 5%;}


/* news
----------------------------------------------- */
ul.news {width: 100%;float: none;}
ul.news li dl dt span a {padding: 2% 4%;font-size: 3vw;display: inline;}

.news_content {width: 100%;float: none;}
.news_content dt span a {padding: 2% 4%;font-size: 3vw;}
.news_content dd{width: 100%;margin-bottom: 8%;}

ul.archive{float:none;width: 100%;}

.wp-pagenavi a {width: 25%;font-size: 3.5vw;padding: 1.5% 0;}

/* news_media
----------------------------------------------- */
ul.news_media {width: 100%;float: none;}
ul.news_media li dl dt span a {padding: 2% 4%;font-size: 3vw;}
ul.news_media li dl dd{display: block;}

ul.news_media_content {width: 100%;float: none;}
ul.news_media_content li dl dt span a {padding: 2% 4%;font-size: 3vw;}
ul.news_media_content li dl dd{width: 100%;margin-bottom: 8%;}

/* column
----------------------------------------------- */
.column {width: 100%;float: none;}
.column li{width: 48%;margin: 0 4% 4% 0;}
.column li:nth-child(3n) {margin-right: 4%;}
.column li:nth-child(2n) {margin-right: 0;}
.column li dl dt{font-size: 90%;margin-top: 3%;}
.column li dl dd{margin-top: 1%;font-size: 100%;}

/* concept
----------------------------------------------- */
.concept_ttl{padding-top: 3%;}
.concept_midashi02{background: url(../images/concept_bg_img.jpg) no-repeat top center;max-width: 100%;background-size: 100%;height: auto;margin-bottom: 9%;}
.concept_ttl p{text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 3vw;color: #fff;padding: 2% 3% 6%;line-height: 2;}
.concept_ttl h3{font-size: 5vw;padding: 0 0 0 5%;background-size: 8%;color: #fff;margin-bottom: 3%;}
.concept_ttl h4{text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 3.5vw;margin-bottom: 1%;}

ul.eight_box{margin-bottom: 100px;}
ul.eight_box li{width: 100%;padding: 3% 2%;}
ul.eight_box li:nth-child(even){width: 100%;padding: 3% 3%;}
ul.eight_box li p{font-size: 4vw;line-height: 1.32;}
ul.eight_box li p span{text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;margin-bottom: 2vw;font-size: 3vw;}
ul.eight_box .ttl{margin-bottom: 0.4rem;}



/* sitemap
----------------------------------------------- */
.sitemap_wrapper{gap: 10vw 0;}
.sitemap-items {width: 100%;}
.sitemap-items .ttl {padding: 3vw 0;font-size: 4.4vw;}
.sitemap-items li {width: 100%;margin: 0;}
.sitemap-items li a {padding: 3vw 1vw;}
.sitemap-items li a:after{margin: 0;}



/* guide
----------------------------------------------- */
p.danraku_02{text-indent: -0.8rem;padding-left: 2em;line-height: 1.6;}

/* privacy
----------------------------------------------- */
ul.privacy{margin-bottom: 15%;}
ul.privacy li {margin: 2rem 0;}
ul.privacy li .midashi04 { font-size:3.5vw; }
ul.privacy li .midashi05 { font-size:3.8vw;line-height: 1.4;}

ul.privacy .des {margin-bottom: 2rem;}

ul.privacy_specific li{text-indent: -0.7rem;padding-left: 1em;font-size: 3vw;line-height: 1.7;margin-bottom: 3%;}
ul.privacy_specific li:last-child{margin-bottom: 6%;}

/* law
----------------------------------------------- */

/* antisocial
----------------------------------------------- */

/* history
----------------------------------------------- */
.timeline {padding: 0 0 20%;margin-bottom: 0;}
.timeline .timeline-date {width: 100%;display:block;text-align:left;padding: 0 20px;margin: 0;border-left: 1px solid #101835;}
.timeline .timeline-content {width:100%;display:block;padding: 0px 0 5% 5%;}
.timeline .timeline-content:before {left: -5px;top: 5px;}
.timeline li li {padding-top: 0;font-size: 3.5vw;}

/* organization
----------------------------------------------- */
.soshiki{margin-bottom: 15%;}
.company_chart {margin-bottom: 15%;}
.company_chart_ttl {margin: 0 auto 10%;}
.company_chart_ttl:before {top: 55%;}
.company_chart_ttl h3 {font-size: 5vw;padding: 0 5%;}

/* property
----------------------------------------------- */
h2.property_midashi{font-size: 4vw;width: 96%;}

/* bymach
----------------------------------------------- */
.bunner_main{}
.bunner_main ul{width: 100%;;margin: 0 auto ;}
.bunner_main ul li{margin: 0 auto 15%;display: block;width: 100%;}
.bunner_main ul li img{margin: 0 auto;text-align: center;}
.bunner_main ul li p{margin: 5% 0 10%;min-height: 0;}

/* media
----------------------------------------------- */
.media ul.book { width:92%; margin:0 auto 10%; }
.media ul.book li {margin:0 auto 4%;padding: 6% 6% 3%;width: 100%;}
.media ul.book li:nth-child(even){margin:0 0 5% 0;}
.media ul.book li:nth-child(odd){margin: 0 0 5% 0;}
.media ul.book li .media-img {width: 100%;display: block;margin: 0px auto 4%;}
.media ul.book li .media-img img{ margin:0 auto;}
.media ul.book .txt { display: block; width: 100%; vertical-align: inherit;}
.media ul.book .txt p.date {display: block;margin:0 auto 3%;font-size: 3.5vw;text-align: center;}
.media ul.book li .txt p.ttl {padding-bottom:3%;margin-bottom:3%;font-size:4vw;text-align: center;}

/* machine
----------------------------------------------- */
.machine .introduction {margin-bottom: 13%;}
.machine .introduction li {margin-bottom: 12%;}
.machine .introduction li .text p{margin-bottom: 9%;}
.machine .introduction .text p.midashi{font-weight: bold;color: #101835;margin-bottom: 3%;width: 100%;text-align: left;line-height: 1.5;font-size: 5vw !important;}
.machine .introduction li .text img {float: none;width: 98%;margin: 0 auto 3%;}
.machine .introduction li:nth-child(odd) .text img {float: none;width: 98%;margin: 0 auto 3%;}
.machine .introduction li .text p {float: none;margin: 0 auto 10%;width: 98%;}
.machine .introduction li:nth-child(odd) .text p {float: none;margin: 0 auto 10%;width: 98%;}
.machine .introduction li:nth-child(odd) .text p.midashi{font-size: 5vw;font-weight: bold;color: #101835;margin-bottom: 20px;text-align: left;line-height: 1.5;}
.machine .machine_link_wra{padding: 0 0 20px;}


/* school
----------------------------------------------- */
.school-content {width: 100%;margin: 0 auto 12%;}
.school-midashi02 {margin: 0 auto 5%;}
.school-midashi02 span {font-size: 5vw;padding: 0 5%;}
.school-midashi02:before {content:""; position:absolute; width: 100%; height: 2px; left: 0; background: #b2b7ba; top: 40%;}
.school-midashi02:after {content:""; position:absolute; width: 100%; height: 1px; left: 0; background: #b2b7ba; top: 56%;}
.school-midashi03 {font-size: 4vw;margin-bottom: 5%;}
.school-content .school-txt {text-align: center;font-size: 3.2vw;}
.school-box {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.school-box dl {width: 100%;padding: 5%;margin-bottom: 6%;}
.school-box dl:nth-child(3){background: #fff;}
.school-box dl:nth-child(2),
.school-box dl:nth-child(4) {background: #f5f6f9;}
.school-box dl:before,
.school-box dl:after {content:""; position:absolute;}
.school-box dl:before { border-top: 18px solid #bec3d7; border-right: 18px solid #fff0; left: 0; top: 0;}
.school-box dl:after { border-bottom: 18px solid #bec3d7; border-left: 18px solid #fff0; right: 0; bottom: 0;}
.school-box dt {font-size: 5vw;padding-bottom: 4%;margin-bottom: 5%;}
.school-box dt:after {content: "";position:absolute;width: 100px;height: 1px;background: #bec3d7;bottom: 0;left: 50%;transform: translate(-50%);}
.school-box dt span {font-size: 4vw;margin-bottom: 2%;}
.school-box dd {font-size: 3.2vw;}
.school-bnr {margin: 0 auto 6%;}
.school-bnr img {margin: 0 auto;}
.school-list {display: block;}
.school-detail {width: 100%;margin-bottom: 5%;}
.school-detail-top {padding: 5%;}
.school-detail-top p {font-size: 4.5vw;margin-bottom: 0;}
.school-detail-in {padding: 5%;}
.school-detail-in .school-detail-p {border-bottom: 2px solid #bec3d7;padding-bottom: 15px;}
.school-detail-in dl {width: 90%;margin: 0 auto 2%;}
.school-detail-in dt {color: #101835;font-weight: bold;margin-right: 15px;min-width: 10vw;}
.school-detail-in dd {color: #666666;text-align: justify;text-justify: inter-ideograph;letter-spacing: 0.01em;}
/* .school-detail-in a {width: 80%;margin: 5% auto 0;font-size: 3.2vw;padding: 3% 0;} */
.school-links {width: 80%;font-size: 3.5vw;padding: 3% 0;}
.school-links:before {border-bottom: 15px solid #bec3d7;border-left: 15px solid #fff0;}

.school-list02 .school-detail-in p {text-align: left;}
.school-list02 .school-detail-in dl {width: 300px;}

.school-concept {margin: 0 auto;}
.school-concept-ttl {margin-bottom: 5%;}
.school-concept-ttl:before {content: "";position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #b2b7ba;}
.school-concept-ttl span {font-size: 4.2vw;padding: 0 4%;}
.school-concept-in {margin-bottom: 15%;}
.school-concept-in dl {display: block;line-height: 1.8;background: #f5f6f9;border: 1px solid #bec3d7;border-bottom: none;}
.school-concept-in dl:last-child {border-bottom: 1px solid #bec3d7;}
.school-concept-in dt {font-size: 3.4vw;width: 100%;padding: 2% 5%;}
.school-concept-in dd {width: 100%;font-size: 3.4vw;padding: 2% 5%;}
.school-concept-in dd p {margin-bottom: 10px;}
.school-concept-in dd p:last-child {margin-bottom: 0;}
.school-concept-in dd span {font-weight: bold;margin-right: 20px;}
.school-concept-in dd table {font-size: 3.2vw;}
.school-concept-in dd tr {padding: 0;}
.school-concept-in dd th {padding: 0;font-weight: bold;}
.school-concept-in dd td {padding: 3% 0 0;text-align: center;}
.school-concept-in dd td:first-child {width: 25%;}

.school-attend {margin-bottom: 15%;}
.school-attend-in {display: block;margin-bottom: 8%;padding: 6%;}
.school-attend-in dt {width: 100%;margin-right: 0;margin-bottom: 4%;}
.school-attend-in dt img {max-width: 100%;}
.school-attend-in dd {width: 100%;}
.school-attend-in dd .midashi03{margin-bottom: 4%;font-size: 3.8vw;}
.school-attend-in dd span {font-size: 3.6vw;margin-bottom: 2%;}
.school-attend-in:nth-child(even) dt {order: 2;}

.school-guide {margin-bottom: 10px;display: block;}
.school-guide-in {width: 100%;padding: 6%;margin-bottom: 10%;}
p.school-guide-ttl,
.school-name {margin: 0 0 4%;font-size: 4vw;padding-bottom: 3%;}
.school-guide-tag li {padding: 1% 3%;margin-right: 2%;margin-bottom: 2%;}
p.school-guide-detail,
.school-discription {font-size: 3.2vw;margin-bottom: 2%;}
.school-guide-date {font-size: 3.6vw;}
.school-guide-date dt {margin-bottom: 2%;}

.school-icon {margin: 2% 0;}
.school-icon li {margin-right: 2%;background: url(../images/icon-online.png) no-repeat left 4vw center #bec3d7;background-size: 16%;padding: 2% 4% 2% 14%;font-size: 3vw;}
.school-icon li.offline {background: url(../images/icon-offline.png) no-repeat left 4vw center #8e8a8a;background-size: 16%;}

p.school-icon-single {margin: 4% 0 2% 0;background: url(../images/icon-online.png) no-repeat left 4vw center #bec3d7;background-size: 16%;padding: 2% 4% 2% 14%;font-size: 3vw;}
p.school-icon-single.offline {background: url(../images/icon-offline.png) no-repeat left 4vw center #8e8a8a;background-size: 16%;}

.school-course li{width: 100%; }


/* agency
----------------------------------------------- */
.agency{min-height: 880px;}
.agency .agency_visual{margin: 8vw auto;width: 100%;}
.agency .des{margin: 8vw auto;}
.agency .des p{font-size: 3.7vw;}
.agency .btn07{width: 100%;}



}