@charset "UTF-8";

/*--------------------------------
初期設定
---------------------------------*/
html {
  font-size: 62.5%;
}

/* 1.6rem=16px */
body {
  width: 100%;
  color: #000;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1;
  word-break: break-all;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 1px;
  min-width: 320px;
  padding: 0px;
}

p {
  font-size: 1.6rem;
  line-height: 1.6
}

a {
  color: #000;
}

a:hover img {}

img {
  max-width: 100%;
  height: auto;
}

p, ul li, ol li, dl dt, dl dd {
  margin: 0;
  padding: 0;
  font-size: 1.6rem
}

ul {
  margin: 0;
  padding: 0
}

ul li {
  margin: 0;
  padding: 0;
  list-style-type: none
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box
}

table th {
  font-weight: bold;
}

table th, table td {
  padding: 10px;
  box-sizing: border-box;
  line-height: 1.6;
  font-size: 1.6rem;
}

.pb40 {
  padding-bottom: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pb20 {
  padding-bottom: 20px;
}

.pb80 {
  padding-bottom: 80px !important;
}

.attention, .rd {
  color: #C00
}

.ib {
  display: inline-block
}

.f-l {
  float: left
}

.f-r {
  float: right
}

.clear {
  clear: both
}

.w100 {
  width: 100%
}

caption {
  font-size: 1.6rem;
  padding-bottom: 10px;
  text-align: left
}

html {
  overflow-y: scroll;
}

.bk {
  color: #000 !important
}

.right {
  text-align: right
}

.bg-slider {
  width: 100%;
  height: 200px;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box
}

.bg-slider p {
  margin: 0 auto;
  width: 340px;
  padding-top: 80px;
}

/*--------------------------------
share
---------------------------------*/
img[src$=".svg"] {
  width: 100%;
  height: auto;
}

a {
  transition: opacity 0.5s ease-out;
}

a:hover {
  text-decoration: none;
}

.center {
  text-align: center
}

.ggmap {
  position: relative;
  padding-bottom: 70.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.outline02 {
  padding: 15px 0;
}

/* page-top */
#page-top {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0;
}

#page-top a {
  width: 50px;
  height: 50px;
}

#page-top a img {
  width: 50px;
  height: 50px;
}

#page-top a:hover {}

.flex {
  display: flex
}

/* header */
header {
  background: #fff4cc;
}

.header-wrap h1 {
  width: 120px;
  height: auto;
  margin: 0;
  padding-top: 25px
}

.header-wrap p.headcmt {
  position: absolute;
  top: 0;
  width: 100%
}

.header-wrap p.headcmt:before {
  content: "コミュニケーション・ライフキャリアプラン 大江崇子オフィシャルサイト";
  display: block;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  background: #846daf;
  color: #fff;
  font-size: 1.1rem;
  letter-spacing: 0;
}

.header-wrap p.headcmt span {
  display: none
}

.utility-nav {
  position: absolute;
  right: 65px;
  top: 28px;
}

.utility-nav li:nth-child(1) {
  width: 40px;
  height: 40px
}

.main-img {
  height: 170px;
  background: #fff url(../img/mianimg_sp.jpg) center top no-repeat;
  background-size: auto 170px
}

section h2 {
  margin: 0;
  padding: 20px 0;
  background: #8ec31e;
  color: #fff;
  text-align: center;
  font-size: 2.2rem
}

section h3 {
  margin: 10px 0;
  color: #009139;
  font-size: 2.2rem;
  text-align: center
}

section h4 {
  margin: 10px 0;
  font-size: 2rem;
  border-left: 6px solid #009139;
  color: #009139;
  padding-left: 10px;
  line-height: 1.4
}

.service-menu ul {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 80px
}

.service-menu ul li {
  display: inline-block;
  width: 49%;
  padding: 10px;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center
}

.service-menu ul li p {
  color: #009139;
  line-height: 1.6;
  text-align: left
}

.service-menu ul li a {
  text-decoration: none
}

.news h3 {
  font-size: 1.8rem;
}

.news h3 span {
  display: inline-block;
  margin-left: 10px;
  font-size: 1.2rem;
}

.news ul {
  padding-bottom: 0 !important;
}

.news ul li {
  width: 100% !important;
  padding: 20px 10px !important;
  border-top: 1px solid #009139;
  box-sizing: border-box;
  color: #009139;
}
.news a {text-decoration: none;color: #009139;}
.news ul li span {
  display: block;
  line-height: 1.6;
  text-align: left
}

.news ul li p {}

.coronawrap {
  background-color: #feffd6;
  padding: 5px 0;
  margin-bottom: 30px;
}

.coronabox {
  margin: 30px 20px 10px 20px;
}

.coronabox:before {
  content: '';
  display: block;
  width: 100%;
  height: 50px;
  background-image: url(../img/corona1.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center center;
}

.coronabox:after {
  content: '';
  display: block;
  width: 100%;
  height: 50px;
  background-image: url(../img/corona2.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: center center;
  margin-top: 30px;
}

.coronabox h3 {
  font-size: 24px;
  margin: 30px 10px;
  text-shadow: 1px 2px 3px #ccc;
}

.coronabox p {
  color: #009139;
  line-height: 180%;
  padding-bottom: 20px;
}

.coronabox .title {
  font-weight: bold;
  padding: 20px 0 10px 0;
}

.coronabox li {
  color: #009139;
  line-height: 160%;
  padding-bottom: 8px;
  list-style: disc;
  margin-left: 40px;
  margin-right: 20px;
}

.sp-contactArea {
  margin-bottom: 50px
}

.sp-contact {
  background: #846daf;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-size: 1.8rem
}

.sp-contactArea ul {
  text-align: center
}

.sp-contactArea ul li {
  display: inline-block;
  width: 50%;
}

.link {
  max-width: 860px;
  margin: 0 auto;
  text-align: right
}

.link a {
  display: inline-block;
  padding: 10px 0;
  margin-right: 15px;
  color: #009139;
  text-decoration: none
}

footer {
  background: url(../img/footer_bg.png) center bottom repeat-x;
  background-size: 100% auto
}

.footerNav {
  max-width: 860px;
  margin: 0 auto;
  padding: 15px;
  box-sizing: border-box
}

.footerNav li a {
  display: block;
  margin-bottom: 10px;
  padding: 20px;
  border-radius: 30px;
  background: #8ec31e;
  color: #fff;
  text-decoration: none;
  box-sizing: border-bo;
  font-size: 2.2rem
}

.footerNav small {
  display: block;
  margin: 20px 0 0;
  text-align: center;
  font-size: 2rem;
  color: #009139;
}

.footerNav small img {
  margin-right: 20px;
  vertical-align: middle;
  height: 50px;
  width: auto
}

/*  */
.text01 {
  max-width: 800px;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box
}

.text01 p {
  padding-bottom: 10px;
  text-shadow: 0 0 6px #fff;
}

.text01 img {
  margin-bottom: 10px
}

.capacity-list {
  max-width: 800px;
  margin: 0 auto 40px;
  padding: 10px;
  box-sizing: border-box
}

.capacity-list li {
  margin-left: 1.6rem;
  padding-bottom: 15px;
  line-height: 1.4
}

.capacity-list li:before {
  content: "■";
  display: inline-block;
  margin-left: -1.6rem;
}

.capacity-list img {
  float: right;
  width: 250px;
  margin-left: 20px;
}

.capacity-list2 {
  max-width: 800px;
  margin: 0 auto 40px;
  padding: 10px;
  box-sizing: border-box
}

.capacity-list2 li {
  margin-left: 1.6rem;
  padding-bottom: 15px;
  line-height: 1.4
}

.capacity-list2 li:before {
  content: "◆";
  display: inline-block;
  margin-left: -1.6rem;
}

.capacity-list2 img {
  width: 180px;
  margin: 0 25px 0 25px;
}

.c-contact-wrap {
  margin: 0 auto 10px;
  padding: 10px;
  background: #fff4cc;
  box-sizing: border-box
}

.c-contact {
  max-width: 800px;
  padding: 20px 0;
  background: url(../ooetakako/img/img01.png) left center no-repeat;
  background-size: 50px auto;
}

.c-contact-title {
  padding-left: 60px;
  margin-bottom: 10px;
  color: #5f1885;
  font-size: 2rem;
  font-weight: bold
}

.c-contact p {
  padding-bottom: 10px;
  color: #009139;
  padding-left: 60px;
  font-size: 1.2rem;
  line-height: 1.4
}

.c-contact p br {
  display: none
}

.share-title01 {
  font-size: 1.6rem;
  padding-left: 60px;
  margin-bottom: 5px;
  color: #009139;
}

/* service */
section h5 {
  max-width: 800px;
  margin: 0 auto;
  color: #fff;
  background: #21ab38;
  text-decoration: none;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 15px;
  font-size: 1.6rem
}

.s-btn {
  text-decoration: none;
}

.service-list {
  max-width: 800px;
  margin: 0 auto;
  padding: 10px;
}

.service-list li {
  margin-bottom: 60px;
}

.service-list li div {
  text-align: center
}

.service-list li div h4, .service-list li div p {
  text-align: left
}

.service-list li div p {
  margin-bottom: 10px;
}

.service-list li div img {
  margin-bottom: 10px;
}

.service-list li a, .btn001 {
  display: block;
  max-width: 300px;
  margin: 0 auto;
  background: #846daf;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 15px 0;
  font-size: 1.6rem
}

.table01 {
  margin-bottom: 20px;
  border: 1px solid #009139;
}

.table01 th {
  color: #fff;
  background: #009139
}

.table01 th, .table01 td {
  border: 1px solid #009139;
}

.table01 th {
  border-right: 1px solid #fff
}

.table01 th:last-child {
  border-right: 1px solid #009139
}

.table01 td {
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: 0;
}

.bg01 {
  background: #e9f3d5
}

.table-wrap {
  max-width: 800px;
  margin: 0 auto 40px;
  padding: 10px;
  box-sizing: border-box
}

/* qa */
.text02 {
  padding: 20px 10px
}

.qa-list {
  max-width: 800px;
  margin: 0 auto
}

.qa-list li {
  margin-bottom: 30px;
  padding: 10px;
}

.qa-list li .q {
  margin-bottom: 15px;
  background: #f4f2fc url(../qa/img/img01.jpg) 10px 10px no-repeat;
  padding: 10px 0 10px 50px;
  background-size: 30px auto;
  color: #846daf;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold
}

.qa-list li .a {
  line-height: 1.6
}

/* voice */
.voice {
  line-height: 1.6
}

.voice li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #009139
}

/* seminar */
.seminar-list {
  max-width: 800px;
  margin: 0 auto;
  padding: 10px;
}

.seminar-list>li {
  margin-bottom: 60px;
}

.seminar-list>li ul {
  margin: 20px 0 20px 20px;
}

.seminar-list>li ul li {
  margin-bottom: 10px;
}

/* お問い合わせ */
.contact {
  margin: 0 20px 0 20px;
}

.contact .telno {
  text-align: center;
  line-height: 50px;
}

.contact .telno a {
  text-decoration: none;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
  width: 150px;
  background-color: #66ccff;
  padding: 10px 20px;
  margin: 0 20px 15px 0;
  border-radius: 30px;
}

.contact p span {
  display: inline-block;
  background: #ff0000;
  color: #fff;
  padding: 2px 5px;
  margin: 0 0 5px 10px
}

.bottom-m30 {
  margin-bottom: 30px;
}

.contact-form p {
  font-weight: bold
}

.contact-form li {
  margin: 0 0 20px 0;
  list-style-type: none
}

.contact input {
  margin-bottom: 10px;
  padding: 10px;
  border: 2px solid #dfe0e6;
  width: 95%;
  border-radius: 10px;
}

.contact select {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border: 2px solid #dfe0e6;
  width: 100%;
}

.contact textarea {
  margin-bottom: 10px;
  padding: 10px;
  border: 2px solid #dfe0e6;
  width: 95%;
  border-radius: 10px;
}

.contact li div {
  font-size: 16px;
}

.contact button {
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  width: 180px;
  background-color: #66ccff;
  padding: 10px 20px;
  margin: 0 20px 15px 0;
  border-radius: 30px;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.kakunin p {
  font-size: 16px;
  font-weight: bold;
}

.kakunin div {
  font-size: 16px;
  line-height: 180%;
  padding: 0 30px 20px 30px;
}
/* プライバシーポリシー */
.pp {margin: 0 30px 0 30px;}
.pp p,li {line-height: 180%;}
.pp .tR {text-align: right;}

.bana {text-align: center;margin-top: 20px;}

@media screen and (max-width: 360px) {
  .header-wrap p.headcmt:before {
    content: "コミュニケーション・ライフキャリアプラン 大江崇子official site ";
    font-size: 1rem;
  }
}

@media screen and (max-width:480px) {
  /*.service-menu li:nth-child(4) { position:absolute; bottom:0}*/
}

@media screen and (min-width:481px) {
  .main-img {
    height: 200px;
    background: #fff url(../img/mianimg.jpg) center top no-repeat;
    background-size: auto 200px
  }

  .c-contact p br {
    display: block
  }
}

@media screen and (max-width: 640px) {}

@media screen and (min-width: 641px) {}

@media screen and (max-width: 767px) {}

@media screen and (min-width: 768px) {}

@media screen and (max-width: 960px) {}

@media screen and (min-width: 961px) {}

@media screen and (max-width: 1000px) {

  .utility-nav li:nth-child(2),
  .utility-nav li:nth-child(3),
  .fbArea-pc,
  .pc-contactArea,
  .link-top,
  .news ul li img,
  .c-contact-mail {
    display: none
  }

  .service-menu ul li img {
    width: 90%;
    height: auto
  }

  /*.service-menu ul li:nth-child(4){ position:absolute; bottom:0; left:0; right:0;margin: auto;}
.service-menu ul li:nth-child(4) img{ display:none}
.service-menu li:nth-child(4) h3{ padding:10px; background:#8ec31e; color:#fff}*/
}

@media screen and (min-width: 1001px) {
  .outline02 {
    padding: 30px 0;
    font-size: 3.5rem;
  }

  a:hover {
    opacity: .7
  }

  .indexBody header {
    height: 558px;
  }

  header {
    height: 484px;
  }

  .header-wrap {
    background: #fff4cc
  }

  .header-wrap p.headcmt {
    width: 100%;
    padding: 7px 0;
    text-align: center;
    background: #846daf;
    color: #fff;
    font-size: 1.6rem;
  }

  .header-wrap p.headcmt span {
    display: block
  }

  .header-wrap p.headcmt:before {
    content: "";
    padding: 0
  }

  .header-wrap h1 {
    width: 200px;
    height: auto;
    padding-top: 35px;
  }

  .header-wrap2 {
    position: relative;
    max-width: 1000px;
    margin: 0 auto
  }

  .utility-nav {
    right: 20px;
    top: 46px;
  }

  .utility-nav li:nth-child(1) {
    display: none
  }

  .utility-nav li:nth-child(2),
  .utility-nav li:nth-child(3) {
    display: inline-block
  }

  .utility-nav li:nth-child(2) img,
  .utility-nav li:nth-child(3) img {
    height: 60px;
    width: auto
  }

  .indexBody .nav-wrap {
    position: absolute;
    top: 471px;
    left: 0;
    right: 0;
  }

  .nav-wrap {
    top: 397px;
  }

  .indexBody #contents {
    min-height: 340px;
    background: url(../img/contents_bg.jpg) center top no-repeat
  }

  .indexBody .main-img {
    height: 354px;
    background: #fff url(../img/mianimg.jpg) center top no-repeat;
    background-size: auto 354px
  }

  .main-img {
    height: 280px;
    background: #fff url(../img/mianimg_sb.jpg) center top no-repeat;
    background-size: auto 280px
  }

  section h2 {
    background: none;
    color: #009139;
    border-bottom: 3px solid #009139;
    font-size: 3.4rem
  }

  .sp-contactArea {
    display: none
  }

  .fbArea-pc {
    padding: 50px 0;
    text-align: center;
    background: url(../img/fb_bg.png) center center no-repeat;
    background-size: 380px auto;
    border-bottom: 2px solid #009139
  }

  .fbArea-pc img {
    width: 50px;
    height: auto
  }

  .pc-contactArea {
    display: flex;
    justify-content: space-between;
    width: 860px;
    margin: 0 auto;
    padding: 30px 0
  }

  .pc-contactArea img {
    height: 60px;
    width: auto
  }

  .pc-contactArea ul {
    text-align: right
  }

  .pc-contactArea ul li {
    display: inline-block
  }

  .link-top {
    max-width: 860px;
    margin: 40px auto;
    text-align: right
  }

  .link-top a {
    display: inline-block;
    padding: 10px 0;
    margin-right: 15px;
    color: #009139;
    text-decoration: none
  }

  .service-menu ul li {
    width: 32%;
    padding: 30px 20px 0px
  }

  .service-menu p {
    font-size: 1.8rem
  }

  .service-menu li:nth-child(2) h3 {
    font-size: 2.1rem;
    letter-spacing: -1px
  }

  .service-menu li:nth-child(4) {
    position: relative;
  }

  .service-menu ul {
    max-width: 860px;
  }

  .news {
    max-width: 860px;
    margin: 50px auto 0px auto
  }

  .news h3 {
    margin-bottom: 5px;
    font-size: 2.4rem;
    text-align: left
  }

  .news h3 span {
    font-size: 1.6rem
  }

  .news ul li {
    display: flex;
    width: 100% !important;
    padding: 20px 0 !important
  }

  .news ul li img {
    width: 100px;
    height: 60px;
    margin-right: 10px;
  }

  .news ul li span {
    display: block;
    width: auto !important;
    text-align: left
  }

  .news ul li p {
    width: auto !important;
  }

  .coronabox {
    width: 830px;
    margin: 30px auto 30px auto;
  }

  .footerNav {
    height: 130px;
    max-width: 100%;
    padding: 20px 0 15px;
    background: url(../img/footer_nav_bg.png) center bottom no-repeat
  }

  .footerNav ul {
    width: 860px;
    margin: 0 auto -10px auto;
    text-align: center
  }

  .footerNav li {
    display: inline-block;
  }

  .footerNav li a {
    display: inline-block;
    margin-bottom: 0;
    padding: 14px 10px 0;
    background: none;
    font-size: 1.6rem
  }

  .footerNav small {
    display: block;
    text-align: center;
    margin-top: 15px;
    color: #fff;
    font-size: 1.2rem
  }

  .footerNav small img {
    display: none
  }

  .main+section {}

  .outline01 {
    padding-top: 60px
  }

  .section-wrap {
    background: url(../img/section_bg.png) center top no-repeat
  }

  /**/
  .prf img {
    float: left;
    width: 250px;
    height: auto;
    padding-right: 20px
  }

  .c-contact-wrap {
    padding: 40px 0
  }

  .c-contact {
    margin: 0 auto;
    background-size: 160px auto;
  }

  .c-contact-title {
    padding-left: 180px;
    font-size: 3.6rem;
    margin-bottom: 20px
  }

  .c-contact p {
    padding-left: 180px;
    font-size: 2rem;
    margin-bottom: 20px;
    line-height: 1.6
  }

  .share-title01 {
    font-size: 3rem;
    padding-left: 180px;
  }

  .c-contact-mail {
    position: relative;
    background: url(../ooetakako/img/img02.png) 180px top no-repeat;
    height: 131px
  }

  .c-contact-mail a {
    display: block;
    position: absolute;
    right: 50px;
    top: 60px;
    width: 240px;
    height: 50px;
    text-indent: -9999px
  }

  .c-contact-mail a:hover {}

  /* service */
  .flex01 {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
  }

  .flex01 img {
    margin: 0 0 10px 20px
  }

  .flex02 {
    display: flex
  }

  .flex02 img {
    margin: 0 20px 10px 0;
  }

  .list2 {
    display: flex;
    justify-content: space-around;
  }

  .list2 li div {
    width: 252px;
  }

  .list2 img {
    margin: 0 !important
  }

  .list2 .flex01,
  .list2 .flex02 {
    display: block
  }

  /* qa */
  .text02 {
    text-align: center
  }

  /* お問い合わせ */
  .contact {
    width: 800px;
    margin: 0 auto;
  }

  .kakunin {
    width: 600px;
    margin: 0 auto;
  }

  .kakunin p {
    width: 130px;
    float: left;
  }

  .kakunin .inputtext {
    width: 470px;
    padding: 0 0 20px 0;
    margin-left: 130px;
  }

  .w470 {}

  .contact2 {
    text-align: center;
    margin-top: 20px;
  }
	/* プライバシーポリシー */
	.pp {width: 750px; margin: 0 auto;}
/* ブログ */
  .bloghead {
    height: 208px!important;
  }
}

@media screen and (min-width: 1201px) {}

@media screen and (min-width: 1480px) {}