/***************************************************
スマホ
***************************************************/
@media screen and (max-width:767px) {
/* 767px 以下 */
.pc {display: none;}
.sp {display: block;}

body { line-height: 1.7; font-size: 1.4rem; }
/* header
-------------------- */
div#header { padding: 2% 0;}
div#logo { margin: 0 auto;}
div#header .pos {}
div#header .back { margin: 2% auto 1%; text-align: center; width: 72%;}
div#header .back a { display: block; border:1px solid #fff; border-radius: 6px; padding: 4px 8px; color: #fff; text-decoration: none; transition: 0.3s;}

div#contents {}
/*div#contents { padding: 1rem;}*/
div#news_content { padding-top: 5rem;}
 div#news_content h4 {font-size: 1.5rem;}
section {margin-bottom: 4rem;}
 
.link a {
    padding: 1.2rem 4rem 1.2rem 1.2rem;
    font-size: 1.6rem;
}

.btn { max-width: 90%; margin: 0 auto;}
.btn ul {display: flex; justify-content: space-between; flex-wrap: wrap; }
.btn ul li { width: 48%; min-height: 80px; margin-bottom: 10%; font-size: 110%; line-height: 1.2; text-align: center; display: flex; }
.btn ul li a { width: 100%; height: 100%; position: relative; }
.btn ul li a span { display: block; position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translate(0, -50%); }
.btn ul li.otameshi a { display: block; background: #b9002e; border-radius: 6px; padding: 7% 0; text-decoration: none; color: #fff; }
.btn ul li.seminar a {  display: block; background: #666; border-radius: 6px; padding: 7% 0; text-decoration: none; color: #fff; }
.btn ul li a:hover {opacity: 0.7;}

h1{text-align: center; font-size: 2rem; letter-spacing: 0.3em; line-height: 1.7; margin: 2% 0;}
h2 {text-align: center; font-size: 2.2rem;  }
h3 {font-size: 1.8rem;}


 
.main {padding-top: 56px;} 
.main img {width: 100%; height: 400px; object-fit: cover;}

/*-- NEWS --*/
  #news div.content { margin-bottom: 4rem; }
 
  dl#news_posts { font-size: 0.8rem;}
  dl#news_posts { padding: 0.5rem; }
  dl#news_posts dt.date {  margin-left: 0rem;}
  dl#news_posts dd.news_post_title { width: 100%;}


#contents { padding-bottom: 10%; overflow: hidden; box-sizing: border-box;}


div.flex .Left_area {width: 100%;}
div.flex .Right_area {width: 100%;}
 
 
ul.add {display: block; }
ul.add li {width: 100%; text-align: center; margin-bottom: 2rem;}
.qr {width: 30%; margin: 0 auto;}

/*-- バナー --*/
ul.bnr { display: flex; flex-wrap: wrap; justify-content: space-around;}
ul.bnr li { width: 80%;}
 
 
/*-- 事業内容 --*/
ul.b_content li { width: 100%; list-style: disc; margin-left: 1rem;}

/* 会社概要
-------------------- */
dl.corp dt {
    width: 25%;
    padding: 0.5rem;
}
dl.corp dd {
    width: 75%;
    padding: 0.5rem;
}
 
/* table01 */
#table01 {width: 100%; line-height: 1.5;}
#table01 th,
#table01 td {
  padding: 1rem 0;
  text-align: center;
  border: none;
}

#table01 th {
  width: 20%;
  padding-left: 0rem;
} 
 

 
/* トップページへボタン
-------------------- */
.pagetop {bottom: 32px;right: 16px;}

/* フッター
-------------------- */
footer#footer .shareBox { width: auto; height: auto; display: block;}
footer#footer .shareBox > ul li { width: 16%;}
 
footer#footer .ah { transition: all .4s ease;}

footer#footer .footer_inner .F_Left {}
footer#footer .footer_inner .F_Left_inner .footer_logo {width: 25%; margin: 0.5rem auto;}
footer#footer .footer_inner .F_Left_inner .address p {width: 100%; font-size: 1.4rem; text-align: center; margin-bottom: 1rem;}
 footer#footer .footer_inner .F_Left_inner .address h5 { font-size: 2rem;; line-height: 1; margin-bottom: 1rem;}
footer#footer .footer_inner .F_Right {width: 100%;}
footer#footer .footer_inner .F_Right p {text-align: center;}
footer#footer .footer_inner .F_Right h4.tel {font-size: 3.6rem; line-height: 1;}
 footer#footer .footer_inner .F_Right p.time {margin-bottom: 4rem;}
 
 
/* 会社概要
-------------------- */
/* table01 */ 
#table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
  }

  #table01 td {
    padding-top: 0;
  }

.mg0a { margin: 0 auto;}.mgb20 {margin-bottom: 2rem;} .mgb40 {margin-bottom: 4rem;} .mgb60 {margin-bottom: 6rem;} .mgb90 {margin-bottom: 9rem;}
.pdt10 {padding-top: 1.6rem;}
.pdb40 {padding-bottom: 4rem;}


}