@charset "UTF-8";

/* ========================================

trainer.css

======================================== */
.p-atc .c-breadcrumb__item a,
.p-atc .c-container a,
.p-atc .side__txt {
 text-decoration: none;
}

.c-mainvisual__video {
 background: #ccc;
}

.ttl-acv-trainer-page {
 padding-top: 173px;
 width: 100%;
 height: 490px;
 background: url('/common_previous/img/img_achieve_trainer_mv.png') no-repeat center center;
 background-size: cover;
}

.ttl-acv-trainer-page h2 {
 font-size: 5rem;
 margin-bottom: 37px;
 line-height: 1.1;
 color: #fff;
 text-align: center;
 font-weight: bold;
}

.ttl-acv-trainer-page p {
 font-size: 2rem;
 line-height: 1.4;
 color: #fff;
 text-align: center;
}

.contents-col {
 margin-top: 80px;
}

.main-col > section {
 overflow: hidden;
 margin-bottom: 20px;
}

.trainer {
 padding-top: 140px;
 padding-bottom: 50px;
 background: #f4f4f4;
 position: relative;
}

.trainer__ttl {
 padding: 45px 0 0 105px;
 width: 580px;
 height: 120px;
 display: block;
 background: #000;
 line-height: 1;
 font-size: 3.6rem;
 color: #fff;
 position: absolute;
 top: -20px;
}

.trainer__ttl span {
 margin-left: 24px;
 font-size: 1.4rem;
 color: #fff;
 line-height: 1;
 vertical-align: baseline;
 position: relative;
}

.trainer__ttl span:before {
 content: '';
 height: 30px;
 width: 3px;
 display: block;
 background: #6b0100;
 transform: rotate(25deg);
 position: absolute;
 bottom: -6px;
 right: 57px;
}

.list-people {
 margin: 0 auto;
 width: 1200px;
}

.list-people li a {
 display: block;
 -webkit-transition: opacity 0.5s;
 -moz-transition: opacity 0.5s;
 -ms-transition: opacity 0.5s;
 -o-transition: opacity 0.5s;
 transition: opacity 0.5s;
}

.list-people li a:hover {
 opacity: 0.7;
}

.list-people-content:after {
 clear: both;
 display: table;
 content: '';
}

.list-people-content figure {
 width: 386px;
 height: 386px;
}

.list-people-info {
 padding: 18px 20px;
 height: 60px;
 width: 340px;
 background: #fff;
 position: absolute;
 top: 347px;
 left: 50%;
 transform: translateX(-50%);
 box-shadow: 0px 4px 8px 0px rgba(54, 54, 54, 0.1);
}

.list-people-name {
 font-size: 24px;
 line-height: 1.1;
 font-weight: bold;
 margin-bottom: 12px;
 text-align: center;
}

.list-people-field {
 display: inline-block;
 color: #fff;
 padding: 0 5px;
 background-color: #000;
 font-size: 12px;
 margin-bottom: 14px;
 line-height: 21px;
 height: 20px;
}

.list-people-desc {
 font-size: 16px;
}

.consultant {
 margin-top: 100px;
 padding: 140px 0 50px;
 background: #f4f4f4;
 position: relative;
}

.consultant__ttl {
 padding: 45px 0 0 110px;
 width: 494px;
 height: 120px;
 display: block;
 background: #000;
 line-height: 1;
 font-size: 3.6rem;
 color: #fff;
 position: absolute;
 top: -20px;
}

.consultant__ttl span {
 margin-left: 40px;
 font-size: 1.4rem;
 color: #fff;
 line-height: 1;
 vertical-align: middle;
 position: relative;
}

.consultant__ttl span:before {
 content: '';
 height: 30px;
 width: 3px;
 display: block;
 background: #6b0100;
 transform: rotate(25deg);
 position: absolute;
 bottom: -4px;
 right: 90px;
}

.side-col {
 float: left;
}

.nav-side li:last-child {
 border: none;
}

.nav-side li a {
 padding: 15px 0px 15px 10px;
 background-color: #eeeeee;
 font-weight: bold;
}

.nav-side li ul:after {
 display: table;
 content: '';
 clear: both;
}

.nav-side li ul li {
 width: 105px;
 float: left;
 padding: 6px 0 5px 23px;
 background-position: 12px 12px;
}

.nav-side li li a {
 background-color: #fff;
 font-weight: normal;
}

.nav-side .link-none {
 pointer-events: none;
}

.nav-side li ul.sub-menu {
 display: block;
 pointer-events: auto;
}

@media screen and (min-width: 769px) {
 .contents {
  padding-top: 55px;
 }

 .side-col {
  width: 270px;
 }

 .lists-inPage {
  display: none;
 }

 .list-people:after {
  clear: both;
  display: table;
  content: '';
 }

 .list-people li {
  float: left;
  width: 386px;
  height: 410px;
  margin-bottom: 36px;
  position: relative;
 }

 .list-people li:nth-of-type(3n + 2) {
  margin: 0 20px;
 }

 .list-people-name {
  -webkit-background-size: 7px auto;
  -o-background-size: 7px auto;
  background-size: 7px auto;
 }
}

@media screen and (max-width: 768px) {
 .ttl-page-01 {
  margin-bottom: 10px;
 }

 .ttl-page-01 h2 {
  margin-bottom: 10px;
 }

 .ttl-page-01 p {
  line-height: 1.7;
 }

 .ttl-page-03 {
  margin-bottom: 10px;
 }

 .main-col > section {
  margin-bottom: 10px;
 }

 .ttl-acv-trainer-page {
  margin-top: 100px;
  padding-top: 50px;
  height: 125px;
 }

 .ttl-acv-trainer-page h2 {
  font-size: 2.4rem;
  line-height: 1.1;
  color: #fff;
  text-align: center;
 }

 .trainer-lead {
  padding: 35px 0 35px 20px;
  font-size: 14px;
  line-height: 1.4;
  display: block;
 }

 .contents-col {
  margin-top: 24px;
 }

 .trainer {
  padding: 90px 0 1px 0;
 }

 .trainer__ttl {
  width: 96%;
  padding: 30px 0 0 18px;
  height: 80px;
  display: block;
  background: #000;
  line-height: 1;
  font-size: 2rem;
  color: #fff;
  position: absolute;
  top: -20px;
 }

 .trainer__ttl span {
  vertical-align: middle;
 }

 .consultant {
  padding-top: 90px;
  margin-top: 60px;
 }

 .consultant__ttl {
  width: 96%;
  padding: 30px 0 0 18px;
  height: 80px;
  display: block;
  background: #000;
  line-height: 1;
  font-size: 2.8rem;
  color: #fff;
  position: absolute;
  top: -20px;
 }

 .list-people {
  padding: 0 15px;
  margin: 0;
  width: 100%;
 }

 .list-people li {
  margin: 0 auto 15px;
  width: 346px;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
 }

 .lists-inPage {
  margin: 0 -2.5px 15px -2.5px;
 }

 .lists-inPage li {
  width: 50%;
  padding: 0 2.5px;
  margin-bottom: 5px;
 }

 .lists-inPage li a {
  text-align: center;
  padding: 4px;
 }

 .list-people-content {
  height: 140px;
 }

 .list-people-content figure {
  width: 125px;
  height: auto;
 }

 .list-people-info {
  padding-left: 131px;
  width: 100%;
  max-width: 326px;
  min-height: 125px;
  top: 10px;
  left: 20px;
  transform: translateX(0);
  z-index: -1;
 }

 .list-people-name {
  font-size: 2rem;
  text-align: left;
  margin-bottom: 15px;
  -webkit-background-size: 6px auto;
  -o-background-size: 6px auto;
  background-size: 6px auto;
  background-position: left 4px;
 }

 .list-people-field {
  padding-top: 4px;
  font-size: 12px;
  line-height: 17px;
  height: 24px;
 }

 .list-people-desc {
  font-size: 13px;
  line-height: 1.5;
 }

 .nav-side li ul li {
  width: 33%;
 }
}

/* 詳細ページ */
.trainer-name {
 font-size: 40px;
 margin-bottom: 30px;
 font-weight: bold;
 line-height: 1.1;
}

.trainer-name span {
 font-size: 34px;
 font-weight: bold;
}

.sec-mainvisual {
 width: 100%;
 height: 500px;
 background: url('/common_previous/img/img_trainer_mv.png') no-repeat center center;
 background-size: cover;
 position: relative;
}

.sec-mainvisual-inner {
 position: absolute;
 top: 96px;
 left: 42%;
}

.sec-mainvisual-name {
 font-size: 5rem;
}

.sec-mainvisual-txt {
 margin: 27px 0 20px;
 font-size: 2rem;
 line-height: 1.4;
}

.sec-profile-content {
 background-color: #eeeeee;
 padding: 20px;
}

.sec-profile-content:after {
 content: '';
 clear: both;
 display: table;
}

.sec-career .link-area {
 background-color: #eee;
 padding: 20px;
}

.sec-career .link-area p a {
 text-decoration: underline;
 color: #d70c19;
}

.sec-career .link-area p a:hover {
 text-decoration: none;
}

.sec-books .list-people-name span {
 text-decoration: underline;
}

.sec-books a:hover .list-people-name span {
 text-decoration: none;
}

@media screen and (min-width: 769px) {
 .sec-profile-content figure {
  float: left;
  width: 151px;
 }

 .sec-profile-detail {
  margin-left: 170px;
 }

 .sec-profile-detail .lists-circle {
  margin-left: 5px;
 }

 .sec-career > p {
  margin-bottom: 30px;
  line-height: 1.8;
 }

 .sec-career > p:last-of-type {
  margin-bottom: 15px;
 }

 .sec-career .link-area p {
  line-height: 1.8;
 }

 .sec-field .ttl-page-04 {
  margin-bottom: 10px;
 }

 .sec-field .ttl-page-04:nth-of-type(n + 2) {
  margin-top: 15px;
 }

 .sec-field .lists-decimal {
  font-size: 16px;
 }

 .sec-field .lists-decimal li ul {
  padding-left: 6px;
  margin: 5px 0;
 }

 .sec-field .lists-decimal li li {
  font-weight: normal;
 }

 .sec-books .list-people {
  margin: 0 -6.5px 10px -6.5px;
 }

 .sec-books .list-people li {
  margin-bottom: 15px;
  padding: 0 6.5px;
 }

 .sec-books .list-people li a {
  padding: 10px;
 }

 .sec-books .list-people-name {
  font-size: 16px;
  margin-bottom: 6px;
  background-position: left 4px;
  line-height: 1.3;
 }

 .sec-books .list-people-content figure {
  width: 80px;
 }

 .sec-books .list-people-info {
  margin-left: 90px;
 }

 .sec-books .list-people-desc {
  line-height: 1.6;
 }

 .sec-books .btn-normal {
  max-width: 428px;
  height: 78px;
  line-height: 78px;
  position: relative;
 }

 .sec-books .btn-normal:before {
  position: relative;
  top: -2px;
 }
}

@media screen and (max-width: 768px) {
 .trainer-name {
  font-size: 23px;
  margin-bottom: 15px;
 }

 .trainer-name span {
  font-size: 17px;
 }

 .sec-profile-content {
  padding: 10px;
 }

 .sec-profile-content figure {
  width: 120px;
  margin: 0 auto 10px;
 }

 .sec-career > p {
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 1.5;
 }

 .sec-career .link-area {
  padding: 12px;
 }

 .sec-career .link-area p a {
  display: block;
  margin-bottom: 8px;
 }

 .sec-field .lists-decimal > li {
  padding-left: 1.4em;
  text-indent: -1.4em;
  font-size: 12px;
 }

 .sec-field .lists-decimal li ul {
  padding: 3px 0;
  margin-left: -14px;
 }

 .sec-field .lists-decimal li ul li {
  text-indent: 0;
 }

 .sec-books .list-people-content figure {
  width: 70px;
 }

 .sec-books .list-people-info {
  margin-left: 80px;
 }

 .sec-books .list-people-name {
  line-height: 1.3;
  background-position: left 3px;
  font-size: 13px;
 }
}

.lists-decimal > li {
 list-style-type: decimal;
 list-style-position: inside;
 font-weight: bold;
}

.lists-circle li {
 position: relative;
 padding-left: 1.1em;
 line-height: 26px;
 font-size: 14px;
}

.lists-circle li:before {
 content: '';
 display: inline-block;
 position: absolute;
 width: 8px;
 height: 8px;
 background-color: #888888;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 left: 0;
 top: 9px;
}

@media screen and (max-width: 768px) {
 .lists-circle li {
  font-size: 12px;
  line-height: 22px;
 }

 .lists-circle li:before {
  width: 6.5px;
  height: 6.5px;
  top: 7px;
 }
}

/* ========================================

trainer-single

======================================== */
@media screen and (min-width: 768px) {
 .sp-only {
  display: none !important;
 }
}

@media screen and (max-width: 767px) {
 .pc-only {
  display: none !important;
 }
}

body {
 min-width: 1250px;
}

@media screen and (max-width: 767px) {
 body {
  min-width: 320px;
 }
}

.container {
 width: 1200px;
 margin: 0 auto;
 *zoom: 1;
}

.container:after {
 display: block;
 content: '';
 clear: both;
}

@media screen and (max-width: 767px) {
 .container {
  width: 100%;
  padding: 0 15px;
 }
}

.side {
 width: 270px;
 float: left;
 /* border-bottom: 2px solid #dbdbdb; */
}

.side__mainttl {
 background: #212121;
 font-size: 1.8rem;
 line-height: 1.6;
 color: #fff;
 font-weight: bold;
 padding: 19px 10px 15px;
}

.side__subttl {
 background: #dbdbdb;
 font-size: 1.6rem;
 line-height: 1.75;
 color: #363636;
 padding: 13px 31px 8px;
}

.side__item {
 border-left: 2px solid #dbdbdb;
 border-right: 2px solid #dbdbdb;
 border-top: 1px solid #dbdbdb;
 background: #fff;
}

.side__item:last-child {
 border-bottom: 2px solid #dbdbdb;
}

.side__txt {
 display: block;
 font-size: 1.6rem;
 line-height: 1.75;
 color: #363636;
 padding: 14px 29px 9px;
 position: relative;
}

.side__txt::before {
 content: '';
 width: 8px;
 height: 8px;
 border-top: 1px solid #881616;
 border-right: 1px solid #881616;
 position: absolute;
 top: 50%;
 left: 7px;
 -webkit-transform: rotate(45deg) translate(0, -50%);
 transform: rotate(45deg) translate(0, -50%);
}

.side__box ul.side__list {
 padding-bottom: 60px;
}

.side__list2 li {
 padding-left: 20px;
}

.side__list2 li.active {
 background: #dbdbdb;
}

.content {
 width: 900px;
 float: right;
}

@media screen and (max-width: 767px) {
 .content {
  width: 100%;
  float: none;
 }
}
.p-access .content,
.p-aichi .content,
.p-tokyo .content,
.p-osaka .content,
.p-fukuoka .content,
.p-yokohama .content{
 width: 900px;
 margin:0 150px;
}

@media screen and (max-width: 767px) {
 .p-access .content,
.p-aichi .content,
.p-tokyo .content,
.p-osaka .content,
.p-fukuoka .content,
.p-yokohama .content {
  width: 100%;
  float: none;
	 margin:0 ;
 }
}
/*
.c-breadcrumb {
 background: transparent;
 position: absolute;
 width: 100%;
 top: 114px;
 left: 0;
}

@media screen and (max-width: 767px) {
 .c-breadcrumb {
  top: 1px;
 }
}

.c-breadcrumb--position2 {
 top: 1px;
}

.c-breadcrumb__inner {
 max-width: 1200px;
 margin: 0 auto;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 overflow: hidden;
}

.c-breadcrumb__item {
 position: relative;
 margin: 0 2px 0 0;
}

@media screen and (max-width: 767px) {
 .c-breadcrumb__item {
  margin: 0 3px 0 0;
 }
}

.c-breadcrumb__item:first-child {
 margin: 0 3px 0 -6px;
}

@media screen and (max-width: 767px) {
 .c-breadcrumb__item:first-child {
  margin: 0 3px 0 -4px;
 }
}

.c-breadcrumb__item::after {
 content: '';
 width: 100%;
 height: 100%;
 background: rgba(190, 172, 86, 0.3);
 position: absolute;
 top: 0;
 left: 0;
 -webkit-transform: skew(-20deg);
 transform: skew(-20deg);
}

.c-breadcrumb a,
.c-breadcrumb span {
 font-size: 1.2rem;
 line-height: 1.5;
 color: #fff;
 position: relative;
 z-index: 2;
 display: block;
}

@media screen and (max-width: 767px) {

 .c-breadcrumb a,
 .c-breadcrumb span {
  font-size: 1rem;
 }
}

.c-breadcrumb span {
 padding: 6px 16px;
}

@media screen and (max-width: 767px) {
 .c-breadcrumb span {
  padding: 3px 10px;
 }
}
*/

.trainerSingle .c-mainvisual {
 background: #e0dedf;
 height: auto;
}

@media screen and (max-width: 767px) {
 .trainerSingle .c-mainvisual {
  margin-top: 100px !important;
 }
}

.trainerSingle .c-mainvisual__inner {
 width: 1200px;
 margin: 0 auto;
 padding: 0 49px;
 *zoom: 1;
 text-align: left;
}

.trainerSingle .c-mainvisual__inner:after {
 display: block;
 content: '';
 clear: both;
}

@media screen and (max-width: 767px) {
 .trainerSingle .c-mainvisual__inner {
  width: 100%;
  position: relative;
  padding: 0;
 }
}

.trainerSingle .c-mainvisual__img {
 width: 429px;
 float: left;
}

@media screen and (max-width: 767px) {
 .trainerSingle .c-mainvisual__img {
  width: 45.5%;
 }
}

.trainerSingle .c-mainvisual__info {
 width: calc(100% - 429px);
 float: right;
}

.trainerSingle .c-mainvisual__detail {
 width: calc(100% - 430px);
 float: right;
 margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
 .trainerSingle .c-mainvisual__detail {
  width: 100%;
  background: #fff;
  margin: 0;
  padding: 18px 13px;
 }
}

.trainerSingle .c-mainvisual__ttl {
 width: calc(100% - 429px);
 float: right;
 font-size: 5rem;
 line-height: 1.2;
 color: #363636;
 margin: 125px 0 13px;
}

@media screen and (max-width: 767px) {
 .trainerSingle .c-mainvisual__ttl {
  width: 54%;
  font-size: 2.8rem;
  margin: 9vw 0 0;
 }
}

.trainerSingle .c-mainvisual__txt {
 font-size: 2rem;
 line-height: 1.4;
 color: #363636;
 text-align: left;
 margin-top: 0;
}

@media screen and (max-width: 767px) {
 .trainerSingle .c-mainvisual__txt {
  font-size: 1.6rem;
  line-height: 1.5;
 }
}

.trainerSingle .c-mainvisual__txt + p {
 font-size: 2rem;
 line-height: 1.4;
 color: #363636;
 font-weight: 700;
}

@media screen and (max-width: 767px) {
 .trainerSingle .c-mainvisual__txt + p {
  font-size: 1.6rem;
  line-height: 1.5;
 }
}

.c-mainvisual__social {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 14px 0 0;
}

@media screen and (max-width: 767px) {
 .c-mainvisual__social {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
 }
}

.c-mainvisual__btn {
 margin: 0 10px 0 0;
}

@media screen and (max-width: 767px) {
 .c-mainvisual__btn {
  margin: 0 20px 0 0;
 }
}

.c-mainvisual__btn:last-child {
 margin: 0;
}

.c-mainvisual__btn a {
 display: inline-block;
 font-size: 1.4rem;
 line-height: 1;
 color: #093d6e;
 border: 1px solid #093d6e;
 border-radius: 15px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 8px 16px 7px;
}

@media screen and (max-width: 767px) {
 .c-mainvisual__btn a {
  border-radius: 20px;
  padding: 13px 16px 11px;
 }
}

.c-mainvisual__video {
 width: 200px;
 float: left;
 cursor: pointer;
}

@media screen and (max-width: 767px) {
 .c-mainvisual__video {
  width: 40vw;
  position: absolute;
  left: 46.5%;
  top: 21vw;
 }
}

.c-mainvisual__video .js-video-button {
 position: relative;
}

.c-mainvisual__video .js-video-button::before {
 content: '';
 width: 100%;
 height: 100%;
 background: url(/individual/common_previous/img/icon-play.svg) center no-repeat, rgba(0, 0, 0, 0.2);
 background-size: 48px 32px, cover;
 position: absolute;
 top: 0;
 left: 0;
}

@media screen and (max-width: 767px) {
 .c-mainvisual__video .js-video-button::before {
  background-size: 36px 24px, cover;
 }
}

.c-btn1 {
 width: 188px;
 margin: 0 auto;
}

@media screen and (max-width: 767px) {
 .c-btn1 {
  width: 175px;
 }
}

.c-btn1__txt {
 text-align: center;
 background: #263f6c;
 display: block;
 font-size: 1.4rem;
 line-height: 1.2;
 color: #fff;
 font-weight: bold;
 padding: 23px 5px;
}

@media screen and (max-width: 767px) {
 .c-btn1__txt {
  padding: 22px 5px;
 }
}

.c-title1 {
 font-size: 3.6rem;
 line-height: 1;
 color: #363636;
 font-weight: bold;
 border-bottom: 2px solid #dbdbdb;
 padding: 0 0 9px;
}

@media screen and (max-width: 767px) {
 .c-title1 {
  font-size: 2.4rem;
  padding: 0 0 6px;
 }
}

.c-list1__item {
 font-size: 1.6rem;
 line-height: 1.5;
 color: #363636;
 position: relative;
 padding-left: 16px;
 margin: 0 0 8px;
}

@media screen and (max-width: 767px) {
 .c-list1__item {
  padding-left: 10px;
  margin: 0 0 1px;
 }
}

.c-list1__item::before {
 content: '';
 width: 6px;
 height: 6px;
 background: #263f6c;
 border-radius: 50%;
 position: absolute;
 top: 10px;
 left: 0;
}

@media screen and (max-width: 767px) {
 .c-list1__item::before {
  top: 8px;
  left: -2px;
 }
}

.c-list2 {
 counter-reset: item;
}

.c-list2__item {
 font-size: 2rem;
 line-height: 1.4;
 color: #363636;
 position: relative;
 padding-left: 23px;
 text-indent: -23px;
 margin: 0 0 12px;
}

@media screen and (max-width: 767px) {
 .c-list2__item {
  font-size: 1.6rem;
  line-height: 1.25;
  padding-left: 15px;
  text-indent: -18px;
  margin: 0 0 14px;
 }
}

.c-list2__item::before {
 content: counter(item, decimal) '.';
 counter-increment: item;
 margin: 0 3px 0 0;
}

.c-list2 .c-list1 {
 margin: 6px 0 0;
}

@media screen and (max-width: 767px) {
 .c-list2 .c-list1 {
  margin: 2px 0 0;
 }
}

.c-list2 .c-list1__item {
 padding-left: 36px;
}

@media screen and (max-width: 767px) {
 .c-list2 .c-list1__item {
  padding-left: 33px;
 }
}

.c-list2 .c-list1__item::before {
 top: 9px;
 left: -3px;
}

@media screen and (max-width: 767px) {
 .c-list2 .c-list1__item::before {
  left: 3px;
 }
}

.c-list3, .c-list5,.c-list6 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.c-list6 {
	margin: 30px 0 0;
}
.c-list3__item {
 width: 436px;
 background: #fff;
 border: 1px solid #eee;
 border-radius: 12px;
 margin: 0 0 28px 28px;
 -webkit-box-shadow: 0 2px 12px 0 #eeeeee;
 box-shadow: 0 2px 12px 0 #eeeeee;
}
.c-list5__item {
 width: 436px;
 background: #fff;
 border: 1px solid #eee;
 border-radius: 12px;
 margin: 0 0 28px 28px;
 -webkit-box-shadow: 0 2px 12px 0 #eeeeee;
 box-shadow: 0 2px 12px 0 #eeeeee;
}

@media screen and (max-width: 767px) {
 .c-list3__item {
  width: 100%;
  border-radius: 5px;
  margin: 0 0 28px;
 }
 .c-list5__item {
  width: 100%;
  border-radius: 5px;
  margin: 0 0 28px;
 }
}

.c-list3__item:nth-child(2n + 1) {
 margin: 0 0 28px;
}

.c-list5__item:nth-child(2n + 1) {
 margin: 0 0 28px;
}

.c-list3__inner {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding: 17px 12px 19px 12px;
}
.c-list5__inner {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding: 17px 12px 19px 10px;
}
@media screen and (max-width: 767px) {
 .c-list3__inner {
  padding: 13px;
 }
 .c-list5__inner {
  padding: 13px;
 }
}

.c-list3__img {
 width: 142px;
 margin: 2px 0 0;
}
/*
.c-list5__img {
 width: 142px;
 margin: 2px 0 0;
}
*/
.c-list5__img {
display: flex;
 margin: 2px auto 0;
}
@media screen and (max-width: 767px) {
 .c-list3__img {
  width: 45%;
  margin: 1px 0 0;
 }
}
@media screen and (max-width: 767px) {
 .c-list5__img {
  margin: 1px auto 0;
 }
.c-list5__img img{max-height: 200px;}
}
@media screen and (min-width: 768px) {
 .c-list5__img {
 height: 215px;
  margin: 1px auto 0;
 }
 .c-list5__ttl {
  font-size: 1.6rem;
  padding:0 7px 5px;
 }
}

.c-list3__info {
 width: calc(100% - 142px);
}
.c-list5__info {
 width: 100%;
padding: 5px 7px;
}
@media screen and (max-width: 767px) {
 .c-list3__info {
  width: 51%;
 }
 .c-list5__ttl {
  font-size: 1.6rem;
padding:0 7px 0;
 }
}

.c-list3__ttl {
 font-size: 2rem;
 line-height: 1.24;
 color: #363636;
 font-weight: bold;
 position: relative;
 padding-left: 23px;
}
.c-list5__ttl {
 font-size: 2rem;
 line-height: 1.24;
 color: #363636;
 font-weight: bold;
 position: relative;
}
@media screen and (max-width: 767px) {
 .c-list3__ttl {
  font-size: 1.6rem;
 }
}

.c-list3__ttl::before {
 content: '';
 width: 8px;
 height: 8px;
 border-top: 1px solid #881616;
 border-right: 1px solid #881616;
 position: absolute;
 top: 10px;
 left: 0;
 -webkit-transform: rotate(45deg) translate(0, -50%);
 transform: rotate(45deg) translate(0, -50%);
}

@media screen and (max-width: 767px) {
 .c-list3__ttl::before {
  left: -6px;
 }
 .c-list5__ttl::before {
  left: -6px;
 }
}

.c-list3__txt {
 font-size: 1.6rem;
 line-height: 1.5;
 color: #363636;
 margin: 7px 0 0;
}
.c-list5__txt {
 font-size: 1.6rem;
 line-height: 1.5;
 color: #363636;
 margin: 7px 0 0;
}
@media screen and (max-width: 767px) {
 .c-list3__txt {
  margin: 10px 0 0;
 }
 .c-list5__txt {
  margin: 10px 0 0;
 }
}

.c-list4__item {
 margin: 0 0 5px;
}

@media screen and (max-width: 767px) {
 .c-list4__item {
  margin: 0 0 11px;
 }
 .c-list5__item {
  margin: 0 0 11px;
 }
}

.c-list4__txt {
 font-size: 1.6rem;
 line-height: 1.5;
 color: #363636;
 position: relative;
 padding-left: 14px;
}
.c-list5__txt {
 font-size: 1.6rem;
 line-height: 1.5;
 color: #363636;
 position: relative;
 padding-left: 14px;
}
.c-list4__txt::before {
 content: '';
 width: 7px;
 height: 7px;
 border-top: 2px solid #2a436f;
 border-right: 2px solid #2a436f;
 position: absolute;
 top: 10px;
 left: -6px;
 -webkit-transform: rotate(45deg) translate(0, -50%);
 transform: rotate(45deg) translate(0, -50%);
}
.c-list5__txt::before {
 content: '';
 width: 7px;
 height: 7px;
 border-top: 2px solid #2a436f;
 border-right: 2px solid #2a436f;
 position: absolute;
 top: 10px;
 left: -6px;
 -webkit-transform: rotate(45deg) translate(0, -50%);
 transform: rotate(45deg) translate(0, -50%);
}
.trainer-single:nth-child(1) {
 margin-top: 0 !important;
}

.trainerSingle {
 /*position: relative;*/
 padding: 0 0 90px;
}

@media screen and (max-width: 767px) {
 .trainerSingle {
  padding: 0 0 48px;
 }
}

.trainerSingle .c-mainvisual {
 margin: 0 0 60px;
}

@media screen and (max-width: 767px) {
 .trainerSingle .c-mainvisual {
  margin: 0 0 24px;
 }
}

.trainerSingle1 .c-title1 {
 margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
 .trainerSingle1 .c-title1 {
  margin: 0 0 17px;
 }
}

.trainerSingle2 {
 margin: 57px 0 58px;
}

@media screen and (max-width: 767px) {
 .trainerSingle2 {
  margin: 36px 0 30px;
 }
}

.trainerSingle2__txt {
 font-size: 1.6rem;
 line-height: 1.75;
 color: #363636;
 margin: 23px 0 0;
}

@media screen and (max-width: 767px) {
 .trainerSingle2__txt {
  line-height: 1.25;
  margin: 17px 0 0;
 }
}

.trainerSingle3__txt {
 font-size: 2.4rem;
 line-height: 1.2;
 color: #363636;
 margin: 30px 0 12px;
}

@media screen and (max-width: 767px) {
 .trainerSingle3__txt {
  font-size: 2rem;
  margin: 19px 0 4px;
 }
}

.trainerSingle4 {
 margin: 56px 0 61px;
}
.trainerSingle6 {
 margin: 56px 0 0;
}


@media screen and (max-width: 767px) {
 .trainerSingle4 {
  margin: 38px 0 43px;
 }
 .trainerSingle6 {
  margin: 38px 0 20px;
 }
}

.trainerSingle4 .c-list3 {
 margin: 30px 0 11px;
}
.trainerSingle4 .c-list5 {
 margin: 30px 0 11px;
}
.trainerSingle4 .c-list6 {
 margin: 30px 0 0;
}
@media screen and (max-width: 767px) {
 .trainerSingle4 .c-list3 {
  margin: 19px 0 0;
 }
 .trainerSingle4 .c-list5 {
  margin: 19px 0 0;
 }
 .trainerSingle4 .c-list6 {
  margin: 19px 0 0;
 }   
}

.trainerSingle5 {
 margin: 56px 0 0;
}

@media screen and (max-width: 767px) {
 .trainerSingle5 {
  margin: 38px 0 0;
 }
}

.trainerSingle5 .c-list4 {
 margin: 28px 0 0;
}

@media screen and (max-width: 767px) {
 .trainerSingle5 .c-list4 {
  margin: 16px 0 0;
 }
}

.side__item.active a {
 background: #dbdbdb !important;
 pointer-events: none;
 cursor: text !important;
}

.side__item.active a.side__txt:before {
 display: none;
}


.p-atc-btn {
 font-size: 1.4rem;
 text-decoration: none;
 line-height: 1;
 color: #0a3e6e;
 font-family: heisei-kaku-gothic-std, sans-serif;
 font-weight: bold;
 width: 240px;
 height: 38px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border: 2px solid #0a3e6e;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 margin: 0;
 position: relative;
 margin-top: 18px;
}

.p-atc-btn:after {
 content: '';
 width: 6px;
 height: 6px;
 border-top: 1px solid #263f6c;
 border-right: 1px solid #263f6c;
 position: absolute;
 top: 50%;
 right: 10px;
 -webkit-transform: translateY(-50%) rotate(45deg);
 -ms-transform: translateY(-50%) rotate(45deg);
 transform: translateY(-50%) rotate(45deg);
}

.p-course .p-atc-mv {
 background-image: url(/common_previous/img/img_hero_rt_pc.jpg);
}

.p-course .p-atc7-list2 {
 margin-top: 10px;
 font-family: heisei-kaku-gothic-std, sans-serif;
 font-size: 1.3rem;
 line-height: 1.8rem;
}

.p-course .p-atc7-list2 > li {
 margin-bottom: 0;
}

.p-course .p-atc7-list2 > li:before {
 top: 6px;
}

.p-cpsp .p-atc-mv {
 background-image: url(/common_previous/img/img_penetration_cpsp_mv.png);
}

/* -------------------------------------------- 
アコーディオン
-------------------------------------------- */	
.accordion {
margin: 1em auto 3em;
}
.accordion .toggle {
display: none;
}
.accordion .option {
position: relative;
margin-bottom: 1em;
}

.accordion .title,
.accordion .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.accordion .title {
padding: 1em;
background: #263f6c;
width: 200px;
text-align: center;
display: block;
color: #fff;
font-weight: bold;
margin: 0 auto;
}
.accordion .title::after,
.accordion .title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #fff;
transition: all 0.3s;
}
.accordion .title::after {
transform: rotate(90deg);
}
.accordion .content {
max-height: 0;
overflow: hidden;
}
.toggle:checked + .title + .content {
max-height: 3000px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}


/* -------------------------------------------- 
特別講座　青木社長メインの講座　202011月　Taji 
-------------------------------------------- */	
/* ------------------------------基本セット　*/
/*PCで無効*/
.pc_hid{
    display: none;
}

/*スマートフォンで有効*/
@media screen and (max-width:768px) {
    .pc_hid{
        display: block;
    }
}
/*PCで有効*/
.sp_hid {
	display:block;
}
/*スマートフォンで無効*/
@media screen and (max-width:768px) {
    .sp_hid{
        display: none;
    }
}

section#paragraph,
section#paragraph02,
section#paragraph03,
section#paragraph04,
section#paragraph05,
section#paragraph06,
section#paragraph07,
section#paragraph08,
section#paragraph09, 
section#paragraph10,
section#paragraph11 {
	width: 100%;
	margin: 30px auto 0 auto;
	padding:0;
}
.sectionInner {
	display:block;
	width: 1080px;
	margin: 0 auto;
	padding:0;
}
.sectionInner h3 {
	font-size: 3rem;
	padding-top:20px;
 margin-bottom: 10px;
 line-height: 1.1;
 color: #000;
 text-align: left;
 font-weight: bold;
	border-bottom:solid 2px #dbdbdb;
		padding-bottom:5px;	
}

.sectionInner h4 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

.dualFlex {
	width:1080px;
	display: flex;
	justify-content:center;	
	margin:0 auto;
	padding-bottom:40px;
}
.dualFlexLeft,
.dualFlexRight {
	 -webkit-flex: 1;
    flex: 1;
}
.dualFlex p {
  text-align: left;
	font-size:16px;
	line-height:250%;
	clear:both;
	display:block;
	text-justify:auto;
}
.dualFlex p span {
	font-size:18px;
	font-weight:bold;
}
.dualFlex p.ampleRead {
	margin-top:100px;
	font-size:16px;
	line-height:280%;
}
.dualFlex ul {
	list-style: disc;
	margin:20px 0 0 0;
	padding-left:5px;
}
.dualFlex ul li {
	margin-bottom:10px;
}
.dualFlexLeft img {
	margin-bottom:15px;
}


.dualFlexRight img {
  width: 90%;
  height: auto;
	padding:40px 40px 5px 40px;
	text-align:center;
}

.dualFlexRight h6 {
	font-size:1.4rem;
	text-align:right;
	margin-right:86px;
}

.dualFlex img.zoomCaption {
	width:520px;
}
.dualFlex img.halfSize {
	width:520px;
	padding:0;
}
.dualFlex ul li {
	margin-left:30px;
	list-style-type: disc;
}

.dualFlex a.detail {
font-weight:bold;
position: relative;
display: inline-block;
	color:#34a7d4;
transition: .3s;
}
.dualFlex a:hover{
color:#fdad02;/*文字色*/
text-decoration:underline;
}
@media screen and (max-width: 767px) {
	.sectionInner {
		width:90%;
	}
	.dualFlex {
		width:90%;
		flex-direction: column;
		margin:0 auto;
		justify-content:center;
	}
	.sectionInner h2 {
		font-size:3rem;
		width:90%;
	}
	.sectionInner h3 {
		font-size:2rem;
		width:90%;
		margin:0 auto;
	}
	.dualFlexRight img {
		width: 100%;
		margin:0 auto;
		padding:20px;
	}
	.dualFlexRight h6 {
		margin:0;
		text-align:center;
	}
	.dualFlex img.zoomCaption {
	width:100%;
	}
	.dualFlex p {
		line-height:180%;
	}
	.dualFlex p.ampleRead {
		margin-top:0;
		line-height:180%;
	}
	.dualFlex ul {
		margin:20px 0 0 0;
		padding-left:0;
	}
	}
/* ------------------------------ヒーローイメージ　*/
section#heroImage {
	width: 100%;
	margin: 0 auto;
	padding:0;
	background: url('../img/img_service_top_atc_02_3.jpg') repeat-x bottom left;
}
.heroInner {
	display:block;
	width: 1080px;
	margin: 0 auto;
	padding:0;
}
.heroImageBack {
	position:relative;
	margin:0 auto;
	height:800px;
	width:100%;
	background:url('../img/img_service_top_atc_top_back_white.png')top center no-repeat;
	background-size:contain;
}
.heroImageBack h2 {
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:3em;
	color:#0b212a;
}
.heroImageBack h3 {
	width:100%;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:1.6em;
	color:#0b212a;
}
.heroImageBack p.state01 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:left;
	font-size:1.6em;
	font-weight:bold;
	margin:40px 0 0 120px;
	color:#0b212a;
}
.heroImageBack p.state02 {
	margin:20px 0 0 200px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:left;
	font-size:1.6em;
	font-weight:bold;
	color:#0b212a;
}
.heroImageBack p.state03 {
	margin:10px 0 0 240px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:left;
	font-size:1.6em;
	font-weight:bold;
	color:#0b212a;
}
.heroImageBack p.state04 {
	margin-top:20px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	color:#0b212a;
}

.greetingVideo {
	position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:560px;
	height: 315px;
	border:solid 3px #30c8cd;
}
.greetingVideo iframe {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
	section#heroImage {
		background: url('../img/img_service_top_atc_02_3.jpg') repeat-x bottom left;
	}	
	.heroInner {
		width:100%;
	}
	.heroImageBack {
		width:95%;
		height:750px;
		background-position:50% 55%;
		background-size:800px;
	}
	.heroImageBack h2 {
		font-size:2em;
	}
	.heroImageBack h3 {
		font-size:1.4em;
		margin-bottom:30px;
	}
	.heroImageBack p.state01,
	.heroImageBack p.state02,
	.heroImageBack p.state03,
	.heroImageBack p.state04{
		margin:0 20px 10px 20px;
		font-size:1.1em;
		-webkit-text-stroke: initial;
		text-stroke: initial;
	}
	.heroImageBack p.state04{
		font-size:1.4em;
		}
	
	.greetingVideo {
		position: absolute;
		top: 75%;
		left: 50%;
		width:90%;
		height:240px;
	}
	
}
/* ------------------------------特徴3点　*/

section#threePoint {
	width: 100%;
	margin: -14px auto 0 auto;
	padding:0;
	background-color:#eae7d4;
}

section#threePoint h2 {
 font-size: 4rem;
	padding-top:40px;
 margin-bottom: 0;
 line-height: 1.1;
 color: #000;
 text-align: center;
 font-weight: bold;
}

.threePointFlex {
	width:850px;
	display: flex;
	justify-content:space-between;	
	margin:-30px auto 40px auto;
	padding-bottom:70px;
}
.threePointFlex img {
	margin:5px 10px;
	display:inline-block;
	width:30%;
}
.pointBox {
	margin:5px 10px;
	display:inline-block;
	width:30%;
}
.pointNumber{
	position:relative;
	z-index:2;
  display:block;
  width:100px;
  height:100px;
  margin:1em auto;
  line-height:100px;
  background:#093d6e;
  border-radius:100%;
  color:#fff;
  font-size:64px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
	font-family: essonnes-display, serif;
font-weight: 400;
font-style: normal;
}
.threeCopy {	
	position:relative;
	z-index:1;
	width:100%;
	height:240px;
	border:solid 2px #093d6e;
	background-color:#ffffff;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	line-height:260%;
	margin-top:-110px;
	padding:80px 8px 0 8px;
}
.marker-yellow {
background: linear-gradient(transparent 50%, #ffff00 0%);
}

@media screen and (max-width: 767px){
	section#threePoint h2 {
		margin-bottom: 17px;
	}
	.threePointFlex {
		width:100%;
		flex-direction: column;
		margin:0 auto;
		justify-content:center;
	}
	.threePointFlex img {
	display:inline-block;
	width:90%;
		margin:20px auto;
	}
	.pointBox {
		display:inline-block;
		width:68%;
		margin:0 auto;
	}
}

/* ------------------------------自己紹介　*/
section#selfPr {
	width: 100%;
	margin: 30px auto 0 auto;
	padding:0;
	background-color:#e6e4e3;
}
.prInner {
	display:block;
	width: 1080px;
	margin: 0 auto;
	padding:40px 0;
}
.prInner h3 {
	font-size: 3rem;
	padding-top:20px;
 margin-bottom: 10px;
 line-height: 1.1;
 color: #000;
 text-align: left;
 font-weight: bold;
	border-bottom:solid 2px #dbdbdb;
		padding-bottom:5px;	
}
.prFlex {
	width:1080px;
	display: flex;
	justify-content:center;	
	margin:0 auto;
	padding-bottom:40px;
}
.prFlexLeft {
	-webkit-flex:1;
    flex: 1;
}
.prFlexRight {
	 -webkit-flex: 2;
    flex: 2;
	margin-left:40px;
}
.prFlex p {
  text-align: left;
	font-size:16px;
	line-height:180%;
}
.prFlex h4 {
	font-weight:bold;
	font-size:24px;
	margin-bottom:20px;
}
.prFlex ul li {
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
	}
.prFlex ul.addNotice {
	margin-top:10px;
}
.prFlex ul.addNotice li {
	font-size:12px;
	margin-bottom:5px;
	color:#999999;
	}

.prFlex span {
	font-size:15px;
	font-weight:bold;
}
.prFlexLeft img {
	width:100%;
}

.commentBox {
	display:block;
	width: 1080px;
	height:130px;
	margin:0 auto 15px auto;
	position:relative;
}
.commentBox h3 {
	position:absolute;
	top:0;
	right:150px;
	border-bottom:none;
	font-size:22px;
	font-family:serif;
}
.commentBox h3 span{
	font-size:32px;
	font-weight:1000;
}
.commentBox img.shimomuraPhoto {
	position:absolute;
	top:0;
	right:0;
	width:130px;
	height:130px;
}
@media screen and (max-width: 767px) {
	.prFlexRight {
		padding-top:20px;
	}
}
/*------------------------------

ここからアコーディオンのCSS

------------------------------*/
/* チェックボックスを非表示にする */
.acd-check{
  display:none;
}

/* Question部分 */
.acd-label {
  display: block;
  padding: 10px;
  margin: 5px 0;
  font-weight: 700;
	position:absolute;
	bottom:10px;
	right:150px;
	width:196px;
	height:37px;
	cursor:pointer;
}
label.acd-label img{
	width:196px;
	height:37px;
}

/* Answer部分は最初は表示しない */
.acd-content {
	visibility: hidden;
	height:0;
	opacity: 0;
  transition: 0.5s;/* 表示速度の設定 */
	width:100%;
	margin:0 auto;
	background-color:#fff;
}

.acd-content p{
	padding:40px;
	font-family:serif, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size:1.2em;
	font-weight:600;
	line-height:210%;
	
}

/* チェックボックスにチェックが入ったらAnswer部分を表示 */
.acd-check:checked ~ .acd-content{
  padding: 10px;
	height:auto;
	opacity: 1;
	visibility: visible;
}

.confArchive {
	width:1080px;
	margin:0 auto;
	display: flex;
	justify-content:space-between;
}
.confArchive h3 {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
	width:330px;
}
.caFlex1,
.caFlex2,
.caFlex3{
	flex-basis:330px;
	display:block;
	text-align:left;
}
.confArchive img {
	margin:0;
	padding:0;
	width:330px;
}
.confArchive h5 {
	margin-top:15px;
}
.bookArchive{
	width:1080px;
	text-align:center;
}
.bookArchive img {
	width:80%;
	margin:40px auto;
}
@media screen and (max-width: 767px){	
	.prInner {
		width:86%;
	}
	.prFlex {
		width:100%;
		flex-direction: column;
		margin:0 auto;
		justify-content:center;
	}
	.prFlexLeft {
	-webkit-flex:1;
    flex: 1;
		margin:0 auto;
}
.prFlexRight {
	 -webkit-flex: 1;
    flex: 1;
	margin:0 auto;
}
	.commentBox {
		width:100%;
	}
	.commentBox h3 {
		top:15px;
	font-size:16px;
	font-family:serif;
}
.commentBox h3 span{
	font-size:26px;
}
	.acd-content.is-hidden {
		width:100%;
	}
	.confArchive {
		width:100%;
		justify-content: center;
		flex-direction: column;
	}	
	.confArchive h3 {
		width:90%;
	}
	.caFlex1,
	.caFlex2,
	.caFlex3{		
		flex-basis:100%;
		padding-bottom:20px;
	}
.confArchive img {
		width:100%;
	}
	.bookArchive{
	width:90%;
		margin:0 auto;
}
.bookArchive img {
	width:100%;
	}
	.bookArchive p{
		width:80%;
		margin:0 auto;
	}
	.acd-label {
		margin:0 0 0 10px;
		padding-top:35px;
	}
}

/* ------------------------------受講生の声　*/
section#studentVoice {
	width: 100%;
	margin: 30px auto 0 auto;
	padding:0;
	background-color:#e6e4e3;
}
.studentVoiceInner {
	display:block;
	width: 1080px;
	margin: 0 auto;
	padding:40px 0;
}

section#studentVoice h2 {
 font-size: 4rem;
	padding-top:40px;
 margin-bottom: 37px;
 line-height: 1.1;
 color: #000;
 text-align: center;
 font-weight: bold;
}

.stVoiceFlex {
	width:900px;
	height:352px;
	border:solid 1px #cccccc;
	background-color:#fff;
	margin:0 auto 40px auto;	
	display: flex;
	justify-content: flex-start;
}
.stVoiceFlex:last-child {
	padding-bottom:40px;
}
	
.stVoiceFlexRight {
	 -webkit-flex: 1;
    flex: 1;
}
.stVoiceFlexLeft {
	margin:0;
	padding:0;
	width:282px;
}
.stVoiceFlexLeft img {
	width:280px;
	height:350px;
}
.stVoiceFlexRight .studentTitle {
	width:94%;
	margin:20px auto 10px auto;
	border-bottom:solid 2px #ccc;
}
.studentTitle h5 {
	font-size:1.1em;
	font-weight:800;
	margin:0 0 5px 0;
}
.studentTitle h4 {
	font-size:1.8em;
	font-weight:1200;
	margin:0 0 5px 0;
}

.stVoiceFlexRight p {
	font-size:1.1em;
	line-height:170%;
	padding:0 20px 20px 20px;
}

.videoCommentFlex {
	width:850px;
	display: flex;
	justify-content:space-between;	
	margin:0 auto 40px auto;
}

.videoComment {
	width: 320px;
	height: 180px;
	margin:20px;
	border:solid 3px #999999;
}
.videoComment iframe {
	width: 100%;
	height: 100%;
}
.swiper-container {
	margin:0 auto 40px auto;
}


.swiper-slide {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.swiper-slide iframe {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform:translateX(-50%);
	margin: auto;
	width: 900px !important;
	height: 515px !important;
}
@media screen and (max-width: 767px){
	.swiper-slide iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}


@media screen and (max-width: 767px){
	.studentVoiceInner {
	width: 80%;
		margin:0 auto;
	}
	section#studentVoice h2 {
		font-size: 3rem;
	}
	.stVoiceFlex {
	width:100%;
	height:auto;
	margin:0 auto 20px auto;	
		flex-direction: column;
		justify-content:center;
}
	.stVoiceFlexRight {
	 -webkit-flex: 1;
    flex: 1;
}
.stVoiceFlexLeft {
	margin:0;
	padding:0;
	width:100%;
}
.stVoiceFlexLeft img {
	width:100%;
	height:auto;
}
.stVoiceFlexRight .studentTitle {
	width:96%;
}
	.studentTitle h5 {
		padding-left:10px;
	}
	.studentTitle h4 {
		padding-left:10px;
	}
	.videoCommentFlex {
		width:90%;
		flex-direction: column;
		margin:0 auto;
		justify-content:center;
	}
}

/* ------------------------------申し込みボタン　*/
a.applyBtn {
  cursor: pointer;
  display: block;
  width: 683px;
  height: 119px;
  border: none;
  text-indent: -9999px;
	margin:40px auto;
	padding:60px 0;
  background: url("../img/img_service_top_atc_29.jpg") no-repeat 0 0;
}
 
a.applyBtn:hover {
  background: url("../img/img_service_top_atc_29_hover.jpg") no-repeat 0 0;
}
.focus{
color:#969696;
}
@media screen and (max-width: 767px){
	a.applyBtn {
		width:320px;
		height:56px;
		background: url("../img/img_service_top_atc_30.jpg") no-repeat 0 0;
	}
	a.applyBtn:hover {
		background: url("../img/img_service_top_atc_30_hover.jpg") no-repeat 0 0;
	}
}

a.applyMasterBtn {
  cursor: pointer;
  display: block;
  width: 683px;
  height: 119px;
  border: none;
  text-indent: -9999px;
	margin:40px auto;
	padding:60px 0;
  background: url("../img/img_service_top_atc_34.png") no-repeat 0 0;
}
 
a.applyMasterBtn:hover {
  background: url("../img/img_service_top_atc_34_hover.png") no-repeat 0 0;
}
.focus{
color:#969696;
}
@media screen and (max-width: 767px){
	a.applyMasterBtn {
		width:320px;
		height:56px;
		background: url("../img/img_service_top_atc_34_sp.jpg") no-repeat 0 0;
	}
	a.applyMasterBtn:hover {
		background: url("../img/img_service_top_atc_34_sp_hover.jpg") no-repeat 0 0;
	}
}


/* ------------------------------特徴　*/
.advantageFlex {
	width:1080px;
	margin:0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: space-around;	
}
.adFlex {
	flex-basis:31%;
	display:block;
	text-align:left;
}
.adFlex h5 {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:600;
	width:330px;
}
.adFlex p {
	margin:0;
	padding:0;
	line-height:170%;	
}

.adFlex img {
	margin:0 0 10px 0;
	padding:0;
	width:330px;
}
@media screen and (max-width: 767px){
	.advantageFlex {
		width:86%;	
		flex-direction: column;
		justify-content:center;
	}
	.adFlex {
	flex-basis:100%;
		margin-bottom:20px;
	}
	.adFlex h5 {
		width:100%;
	}
	.adFlex img {
		width:100%;
	}
}
/* ------------------------------無料ダウンロード　*/


.p-contact-imgtext1 {
  position: relative;
  border: 1px solid #ededed;
  margin: 23px 106px; }
  @media screen and (max-width: 767px) {
    .p-contact-imgtext1 {
      margin: 23px 0; } }
.p-contact-imgtext1 a {
  color: #363636;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .p-contact-imgtext1 a {
      display: block; } }
    .p-contact-imgtext1:before,
    .p-contact-imgtext1:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 15px; }
    .p-contact-imgtext1:before {
        z-index: 2;
        width: 16px;
        height: 16px;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        right: -15px;
        -webkit-transform: translate(-50%, 0) rotate(45deg);
        transform: translate(-50%, 0) rotate(45deg);
        margin: -10px 0 0; }
    .p-contact-imgtext1:after {
        z-index: 1;
        width: 50px;
        height: 50px;
        background: #363636;
        right: -25px;
        margin: -25px 0 0; }
     @media screen and (max-width: 767px) {
       .p-contact-imgtext1:before,
       .p-contact-imgtext1:after {
           content: '';
           position: absolute;
           top: 100%; }
       .p-contact-imgtext1:before {
           z-index: 2;
           width: 10px;
           height: 10px;
           border-top: 4px solid #fff;
           border-right: 4px solid #fff;
           right: 6px;
           -webkit-transform: translate(-50%, 0) rotate(45deg);
           transform: translate(-50%, 0) rotate(45deg);
           margin: -24px 0 0; }
       .p-contact-imgtext1:after {
           z-index: 1;
           width: 35px;
           height: 35px;
           background: #363636;
           right: 0px;
           margin: -34px 0 0; } }
    .p-contact-imgtext1__info {
      padding-right: 56px;
      width: calc(100% - 316px); }
      @media screen and (max-width: 767px) {
        .p-contact-imgtext1__info {
          padding: 0 16px 16px 16px;
          width: 100%; } }
    .p-contact-imgtext1__img {
      text-align: center;
      width: 300px;
      margin-right: 16px; }
      @media screen and (max-width: 767px) {
        .p-contact-imgtext1__img {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 20px; } }
    .p-contact-imgtext1__img img {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .otherSingle2__imgtxt__img img {
          width: 100%; } }
    .p-contact-imgtext1__ttl {
      font-size: 2.8rem;
      line-height: 28px;
      font-family: heisei-kaku-gothic-std, sans-serif;
      border-bottom: 2px solid #dcdcdc;
      margin-top: 28px ;
      margin-bottom: 20px ;
      padding-bottom: 20px ; }
      @media screen and (max-width: 767px) {
        .p-contact-imgtext1__ttl {
          font-size: 2.0rem;
          line-height: 20px;
          margin-top: 18px ;
          margin-bottom: 8px ;
          padding-bottom: 8px ; } }
    
    .p-contact-imgtext1__txt {
      font-size: 1.6rem;
      line-height: 1.75;
      font-family: heisei-kaku-gothic-std, sans-serif;
      display: block; }
      @media screen and (max-width: 767px) {
        .p-contact-imgtext1__txt {
          padding-right: 10px;
          font-size: 1.4rem;
          line-height: 1.4; } }

/* ------------------------------テーブル　*/
.p-atc7-table {
	border-right:solid 1px #eeeeee;
}
@media screen and (max-width: 767px) {
	.p-atc7-table {
		border-right:none;
	}
}
/* ------------------------------リアリティセラピー用CSS　*/
.p-atc6-list li {
	height:80px !important;
}

ul.notice {
	list-style-type: disc;
	margin-left:20px;
}

/* ATC_SP用　社長プロフィールレイアウト修正のために追加　2024/2/13 Taji add 
------------------------------*/
.presProfile {
	width:1080px;
	display:flex;
	justify-content: space-between;
	margin:0 auto 20px;
}
.presPhoto {
	width:40%;
}
.presPhoto img {
	width:100%; 
}
.presPosition {
	width:55%;
	position:relative;
	text-align:right;
}

.presPosition h4 {
	font-size:38px;
	font-weight:bold;
	margin-top:50px;
}

.presPosition ul {
	margin-top:30px;
}
.presPosition ul li {
	font-weight:bold;
	font-size:18px;
}

.presDetail {
	width:1080px;
	margin:0 auto;
}
.presDetail p {
	text-align:left;
	font-size:16px;
	line-height:180%;
}

.presDetail ul {
	margin-top:10px;
}

.presDetail ul li {
	font-size:12px;
	margin-bottom:5px;
	color:#999999;
}

@media screen and (max-width: 767px) {
	.presProfile {
		width:96%;
		margin:0 auto 10px;
		flex-direction: column;
	}
	.presPhoto {
		width:100%;
		margin-bottom:20px;
	}
	.presPosition {
		width:100%;
	}
	.presPosition h4 {
		font-size:28px;
		margin-top:0;
	}
	.presPosition ul {
		margin-top:0;
	}
	.presPosition ul li {
		font-size:14px;
	}
	
	.presDetail {		
		width:96%;
		margin:0 auto 10px;
	}	
}