* {
	margin: 0;
	padding: 0;
    min-height:0;
    min-width : 0;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

html {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-feature-settings: "pkna" 1;
}

body {
    @extend html;
}

h1, h2, h3, h4, h5, h6, strong {
    @extend html;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
    font-weight: 700;
}

body, html, main {
	/* important */
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: justify;
	box-sizing: border-box;
	letter-spacing: 0.3px;
}
.media {
	display: none;
}
header {
	margin-bottom: 5.5em;
}
.topTel {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 2% 4%;
	color: #544b43;
	font-size: 14px;
}
.topTel a {
	text-decoration: none;
	color: #544b43;
}
.topTel a:hover {
	color: #f07924;
	transition: .3s;
}
.topTel img {
	align-self: center;
	margin: 0% 1%;
}
.topTel span {
	text-align: left;
	font-size: 14px;
}

.topTel-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.top {
	width: 100%;
	background: url(../img/top.png);
	background-position:center center;
	background-size: 100% auto;
}
.top article {
	width: 50%;
	padding: 4% 0;
}
.top section {
	padding: 5%;
	text-align: center;
}
.top section h1 {
	color: #544b43;
}
.top section p {
	font-weight: bold;
	color: #544b43;
}
.top section .sabTitle{
	margin-top: 2em;
}
nav ul {
	width: 60%;
    margin: auto;
	display: flex;
	justify-content: center;
	border-bottom: solid 2px #f2ba8c;
}
nav ul li {
	list-style: none;
	padding: 10px 25px;
}
nav ul li a {
	text-decoration: none;
	color: #544b43;
}


/*all setting*/
.top-main h2 {
	text-align: center;
	color: #544b43;
	margin-top: 2.5em;
}


/*top-about css*/
.about-content {
   background: -webkit-linear-gradient(#FFF,#fef3f0,#fef3f0,#fef3f0);
   background: -o-linear-gradient(#FFF,#fef3f0,#fef3f0,#fef3f0);
   background: linear-gradient( #FFF,#fef3f0,#fef3f0,#fef3f0);
}
.about-con {
	width: 70%;
	margin: 1em auto 0;
	display: flex;
	align-items: center;
	align-self: center;
	padding: 5% 0 5%;
}
.about-con .left {
	width: 35%;
}
.about-con .left img {
	width: 65%;
}
.about-con section {
	width: 65%;
}
.about-con section h3{
	text-align: center;
	margin:0 auto 1em;
	border-bottom: dashed 1.5px #e0883f;
	width: 80%;
	color: #544b43;
	font-size: 16px;
}
.about-con-flex {
	display: flex;
	align-items: center;
	padding: 1em 0;
}
.about-con-flex h4 {
	text-align: center;
	width: 33%;
	margin: auto;
	color: #544b43;
	font-size: 14px;
}
.about-con-flex img {
	width: 13%;
}
.about-con-flex ul {
	padding: 0;
	list-style: none;
	width: 33%;
	margin: auto;
	font-size: 14px;
}
.about-con-flex ul li {
	padding: 1.5px 0;
	color: #544b43;
	font-weight: bold;
}
.about-text {
	text-align: center;
	color: #544b43;
	font-size: 14px;
	padding: 1em 0 0 0;
	line-height: 170%;
}



/*top-flow css*/
.flow-con {
	background-color: #fffdeb;
	margin: 1em 0 0 0;
	padding: 5% 0 5%;
}
.flow-con-flex {
	width: 70%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	align-self: center;
	justify-content: center;
}
.flow-con-flex .left {
	width: 65%;
}
.flow-con-flex  img {
	width: 25%;
   margin: 3% 0;
}
.step {
	background-color: #fff;
	border: solid 1px #fff;
	border-radius: 50%;
	width: 15%;
	padding: 5px 6px;
	margin: 0 1em;
	text-align: center;
}
.step p.step-num {
	border: dashed 1px #e2cf76;
	border-radius: 50%;
	padding: 7px 3px;
	color: #e5bc0e;
	font-weight: bold;
}
.flow-text-con {
	display: flex;
	align-self: center;
	align-items: center;
	padding: 0.5em 0;
}
.flow-text-con p {
	color: #544b43;
	font-size: 14px;
	font-weight: bold;
}
.flow-text-con .fa, .far, .fas {
	color: #e5bc0e;
	width: 23%;
	text-align: center;

}
.flow-text {
	color: #544b43;
	font-size: 14px;
	text-align: center;
	margin: 2em 0 0 0;
}
.flow-text a {
	color: #e0b60d;
}


/*top-seminar css*/
.seminar-con {
	background-color: #fff1e6;
	margin: 1em 0 0 0;
	padding: 5% 0 5%;
}
.seminar-con-flex {
	width: 70%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	align-self: center;
	justify-content: center;
}
.seminar-con-flex .left {
	width: 25%;
}
.seminar-con-flex img {
	width: 85%;
}
.seminar-con-flex section {
	width: 60%;
}
.seminar-con-flex section h3 {
	color: #544b43;
	text-align: center;
	font-size: 16px;
}
.seminar-text-wp {
	color: #544b43;
	text-align: center;
	font-size: 12px;
	margin-top: 1em;
}
.seminar-text-wp p {
	color: #544b43;
	text-align: center;
	font-size: 12px;
	margin-top: 1em;
}
.post-meta {
	list-style: none;
	font-size: 14px;
	color: #544b43;
}
.seminar-con-flex section table {
	margin: 2em 0 0.5em;
	width: 100%;
	border-collapse:collapse;
	    line-height: 130%;
}
.seminar-con-flex section table tr {
	border-bottom: solid 1px #f2ba8c;
}
.seminar-con-flex section table th{
	color: #544b43;
	font-size: 14px;
	padding: 2% 0 0.5% 2%;
	width: 17%;
}
.seminar-con-flex section table td {
	color: #544b43;
	font-size: 14px;
	padding: 2% 0 0.5% 0;
	width: 80%;
}
.top-seminar-p {
	text-align: right;
	color: #544b43;
	font-size: 14px;
}
.top-seminar-p a {
	background:#f5c189;
    color: #fff;
    padding: 0.5% 1%;
    margin: 1%;
    border-radius: 4px;
    text-decoration: none;
}

p.seminar-text {
	text-align: center;
	margin-top: 3em;
	font-size: 14px;
}
p.seminar-text a {
color: #ff7c66;
}


/*top-plofle css*/
.profile-con {
	background-color: #fffdeb;
	margin: 1em 0 0 0;
	padding: 5% 0 5%;
}
.profile-con-flex {
	width: 70%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	align-self: center;
	justify-content: center;
}
.profile-con-flex section {
	width: 50%;
	margin: auto;
}
.profile-con-flex .right {
	width: 40%;
	text-align: center;
}
.profile-con-flex section h3 {
	text-align: right;
	border-bottom: solid 2px #efc859;
	margin-bottom: 2em;
	color: #544b43;
	font-size: 16px;
}
.profile-con-flex section p {
	color: #544b43;
	font-size: 14px;
	line-height: 170%;
}
p.profile-text {
	text-align: right;
	margin-top: 2em;
}
p.profile-text  a {
	color: #e0b60d;
}




footer {
	padding: 2em 0 4em;
	text-align: center;
	color: #544b43;
}
.footer-tel {
	font-size: 14px;
}
.footer-tel img {
	margin: 0 0.5em;
	align-items: center;
    align-self: center;
}
.footer-text {
	margin-top: 2em;
	color: #544b43;
	font-size: 12px;
}
.footer-text a {
	color: #666664;
}
p.fotter-flex {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
p.fotter-flex a {
	text-decoration: none;
	color: #544b43;
}
p.fotter-flex a:hover {
	color: #f07924;
	transition: .3s;
}
p.fotter-flex span {
	text-align: left;
	font-size: 12px;
}
p.fotter-flex span .small {
	font-size: 11px;
}

.footer-tel-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
}


/*page flow css*/
.flow {
	background: -webkit-linear-gradient(#FFF,#fefceb,#fefceb,#fefceb);
   background: -o-linear-gradient(#FFF,#fefceb,#fefceb,#fefceb);
   background: linear-gradient( #FFF,#fefceb,#fefceb,#fefceb);
}
.flow h2 {
	text-align: center;
	color: #544b43;
}
.flow-main-content {
	width: 70%;
	margin: auto;
	padding: 4% 0 5%;
	}
.flow-flex {
	display: flex;
	align-items: flex-start;
	align-self: center;
}
.flow-flex section {
	width: 70%;
	margin: auto;
}
.flow-flex .sectionFlow h3 {
    color: #544b43;
    margin-bottom: 4em;
    width: 100%;
        font-size: 16px;
         position: relative;
  padding: 0 .9em 1em 2.5em;
  border-bottom: 1px solid #ccc;
}
.flow-flex .sectionFlow h3::before,
.flow-flex .sectionFlow h3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.flow-flex .sectionFlow h3::before {
      top: -0.2em;
    left: .2em;
    z-index: 2;
    width: 25px;
    height: 25px;
    background: rgba(247, 229, 109, .5);
}
.flow-flex .sectionFlow h3::after {
  top:  0.4em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background: rgba(245, 193, 137, .5);
}
.flow-flex-text {
	display: flex;
	align-items: flex-start;
	margin: 2em auto;
	width: 90%;
}
.flow-flex-text .text {
	width: 100%;
	line-height: 140%;
}
.flow-flex-text .text a {
	color: #e0b60d;
}
.flow-flex-text .text h4 {
	color: #544b43;
	font-size: 14px;
	border-bottom: dashed #ddb81b 1px ;
	margin-bottom: 0.5em;
}
.flow-flex-text .step {
	margin: 0 1em 0 0;
}
.flow-arrow {
	width: 65%;
    text-align: right;
}
.flow-flex-text .text p {
	color: #544b43;
	font-size: 14px;
}
.flow-flower {
	width: 30%;
	text-align: right;
}
.flow-flower img {
	width: 65%;
	margin-top: 3em;
}
.flow .sectionPrice {
	margin: 3em 0 2em;
	width: 100%;
}
.flow .sectionPrice h3 {
    color: #544b43;
    margin-bottom: 2em;
    width: 100%;
        font-size: 16px;
         position: relative;
  padding: 0 .9em 1em 2.5em;
  border-bottom: 1px solid #ccc;
}
.flow .sectionPrice h3::before,
.flow .sectionPrice h3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.flow .sectionPrice h3::before {
      top: -0.2em;
    left: .2em;
    z-index: 2;
    width: 25px;
    height: 25px;
    background: rgba(247, 229, 109, .5);
}
.flow .sectionPrice h3::after {
  top:  0.4em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background: rgba(245, 193, 137, .5);
}
.price-flex {
	display: flex;
	justify-content: center;
	    width: 65%;
    margin: 2em auto;
}
.price-box {
	width: 50%;
	margin: auto;
	text-align: center;
}
.price-box p {
	color: #544b43;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.price {
	padding: 2em;
}
.button {
  position: relative;
  display: inline-block;
  padding: .8em 4em;
  background: -webkit-linear-gradient(#ddb81b , #ddb81b);
  background: linear-gradient(#ddb81b , #ddb81b);
  border: 1px solid #ddb81b;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  margin: 1em 0 2em 0;
  font-weight: bold;
}
.button::after {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 2px dashed #fff;
  border-radius: .4em 2em .5em 3em/3em .5em 2em .5em;
}
.sectionPrice p {
	text-align: center;
    color: #544b43;
    font-size: 14px;
}

/*page seminar css */
.seminar {
   background: -webkit-linear-gradient(#FFF,#fef3f0,#fef3f0,#fef3f0);
   background: -o-linear-gradient(#FFF,#fef3f0,#fef3f0,#fef3f0);
   background: linear-gradient( #FFF,#fef3f0,#fef3f0,#fef3f0);
}
.seminar h2 {
	text-align: center;
	color: #544b43;
}
.seminar-main-content {
	width: 70%;
	margin: auto;
	padding: 5% 0 6%;
	display: flex;
	align-items: center;
	align-self: center;
}
.semi-con-text {
	width: 70%;
	margin: auto;
}


.semi-con-text h3 {
    color: #544b43;
    margin-bottom: 4em;
    width: 100%;
        font-size: 16px;
         position: relative;
  padding: 0 .9em 1em 2.5em;
  border-bottom: 1px solid #ccc;
}
.semi-con-text h3::before,
.semi-con-text h3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.semi-con-text h3::before {
      top: -0.2em;
    left: .2em;
    z-index: 2;
    width: 25px;
    height: 25px;
    background: rgba(245, 193, 137, .5);
}
.semi-con-text h3::after {
  top:  0.4em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background: rgba(247, 229, 109, .5);
}
.semi-con-text ul {
	list-style: none;
	padding: 0;
	color: #544b43;
	font-size: 14px;
	margin-bottom: 2em;
}
.semi-con-text ul li {
	color: #e2733b;
	font-size: 14px;
	padding: 0.5% 0;
}
.semi-con-text li:before {
	content: '●';
	color: #544b43;
}
.semi-con-text p {
	color: #544b43;
	font-size: 14px;
}
.semi-con-text .orenge {
	color: #e2733b;
}
.semi-con-img {
	width: 28%;
	margin-left: -6em;
	margin-top: 5em;
}
.semi-con-img img {
	width: 80%;
}
.seminar-new {
	width: 70%;
	margin: 2em auto;
	display: flex;
	padding: 0 0 6%;
}
.seminar-new-text {
	width: 65%;
}
.seminar-new-text h2.subMidashi {
	text-align: left;
    color: #544b43;
    margin-bottom: 4em;
    width: 92%;
        font-size: 16px;
         position: relative;
  padding: 0 0 1em 2.5em;
  border-bottom: 1px solid #ccc;
}
.seminar-new-text h2.subMidashi::before,
.seminar-new-text h2.subMidashi::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.seminar-new-text h2.subMidashi::before {
      top: -0.2em;
    left: .2em;
    z-index: 2;
    width: 25px;
    height: 25px;
    background: rgba(245, 193, 137, .5);
}
.seminar-new-text h2.subMidashi::after {
  top:  0.4em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background: rgba(247, 229, 109, .5);
}
.seminar-new-text h3 {
	color: #544b43;
	font-size: 14px;
	text-align: center;
}
.seminar-new-text .seminar-text-wp p {
	color: #544b43;
	font-size: 12px;
	text-align: center;
}
.seminar-new-text table {
	margin: 2em 0 0.5em;
	width: 100%;
	border-collapse:collapse;
	line-height: 150%;
}
.seminar-new-text table tr {
	border-bottom: solid 1px #f2ba8c;
}
.seminar-new-text table th{
	color: #544b43;
	font-size: 14px;
	padding: 1% 0 0.5%;
	width: 20%;
	text-align: center;
}
.seminar-new-text table td {
	color: #544b43;
	font-size: 14px;
	padding: 1% 0 0.5%;
	width: 80%;
}
.seminar-new-text p {
	text-align: right;
	color: #544b43;
	font-size: 14px;
	margin: 1em 0 0;
}
.seminar-new-text p a {
	background:#f5c189;
    color: #fff;
    padding: 0.5% 1%;
    margin: 1%;
    border-radius: 4px;
    text-decoration: none;
}
.seminar-new-img {
	width: 25%;
	margin: auto;
}
.seminar-new-img img {
	width: 92%;
}



.old-content {
	width: 70%;
	margin: auto;
}
.old-content h2.subMidashi {
	text-align: left;
    color: #544b43;
    margin-bottom: 4em;
    width: 92%;
        font-size: 16px;
         position: relative;
  padding: 0 0 1em 2.5em;
  border-bottom: 1px solid #ccc;
}
.old-content h2.subMidashi::before,
.old-content h2.subMidashi::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.old-content h2.subMidashi::before {
      top: -0.2em;
    left: .2em;
    z-index: 2;
    width: 25px;
    height: 25px;
    background: rgba(245, 193, 137, .5);
}
.old-content h2.subMidashi::after {
  top:  0.4em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background: rgba(247, 229, 109, .5);
}

.seminar-old {
	width: 100%;
	display: flex;
	align-items: flex-start;
	align-self: center;
	margin: auto;
	padding: 0% 0 6%;
}
.seminar-old-text {
	width: 50%;
	margin: 0 auto;
}
.seminar-old-text h3 {
	color: #544b43;
	font-size: 14px;
}
.seminar-old-text h3 a {
color: #544b43;
font-weight: normal;
}

.seminar-img {
	width: 50%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.seminar-img img {
	width: 48%;
    margin: 1%;
}




/*page seminar-old.php css*/
.seminar-old-page {
	width: 55%;
	margin: 2em auto;
	padding: 0 ;
}
.seminar-old-page-text {
	width: 100%;
}
.seminar-old-page-text h3 {
	color: #544b43;
	font-size: 16px;
	text-align: center;
}
.seminar-old-page-text table {
	margin: 2em 0 0.5em;
	width: 100%;
	border-collapse:collapse
}
.seminar-old-page-text table tr {
	border-bottom: solid 1px #f2ba8c;
}
.seminar-old-page-text table th{
	color: #544b43;
	font-size: 14px;
	padding: 0.5% 0;
	vertical-align: top;
	width: 20%;
	text-align: center;
}
.seminar-old-page-text table td {
	color: #544b43;
	font-size: 14px;
	padding: 0.5% 0 ;
	width: 80%;
}
.seminar-old-page-text p {
	text-align: right;
	color: #544b43;
	font-size: 14px;
}
.seminar-old-page-text p a{
	color: #ff7c66;

}
.seminar-old-page-text .seminar-text-wp p {
	color: #544b43;
	font-size: 12px;
	text-align: center;
}



/*********pageナビ*********/




/*pege profle css*/
.main-prof {
	background: -webkit-linear-gradient(#FFF,#fefceb,#fefceb,#fefceb);
   background: -o-linear-gradient(#FFF,#fefceb,#fefceb,#fefceb);
   background: linear-gradient( #FFF,#fefceb,#fefceb,#fefceb);
}
.main-prof h2 {
	text-align: center;
	color: #544b43;
}
.main-prof-con {
	display: flex;
	align-self: center;
	align-items: center;
	width: 70%;
	margin: auto;
	padding: 5% 0 2em;
}
.main-prof-con section {
	width: 50%;
	margin: auto;
	line-height: 150%;
}
.main-prof-con section h3 {
	color: #544b43;
	font-size: 16px;
}
.main-prof-con section h3 span {
	font-size: 12px;
	margin-left: 2em;
}
.main-prof-con section h3 {
    color: #544b43;
    margin-bottom: 4em;
    width: 100%;
        font-size: 16px;
         position: relative;
  padding: 0 0 1em 2.5em;
  border-bottom: 1px solid #ccc;
}
.main-prof-con section h3::before,
.main-prof-con section h3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.main-prof-con section h3::before {
      top: -0.2em;
    left: .2em;
    z-index: 2;
    width: 25px;
    height: 25px;
    background: rgba(247, 229, 109, .5);
}
.main-prof-con section h3::after {
  top:  0.4em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background: rgba(245, 193, 137, .5);
}
.main-prof-con section p {
	color: #544b43;
	font-size: 14px;
}
.main-prof-con .right {
	width: 28%;
	margin: auto;
}
.main-prof-con .right img {
	width: 100%;
}
.job-flex {
	display: flex;
	align-self: center;
	align-items: flex-start;
	width: 71%;
	margin:auto;
}
.teach {
	width: 87%;
	margin: 0 auto 6.5em;
}
.teach h3 {
	color: #544b43;
	font-size: 14px;
	margin-bottom: 1.5em;
}
.teach ul {
	padding: 0;
	list-style: none;
	width: 100%;
	margin: auto;
	display: flex;
    flex-wrap: wrap;
}
.teach ul li {
	color: #544b43;
	font-size: 12px;
}


.alliance {
	width: 70%;
	margin: 0 auto 6.5em;
}

.alliance h3 {
    color: #544b43;
    margin-bottom: 4em;
    width: 100%;
        font-size: 16px;
         position: relative;
  padding: 0 0 1em 2.5em;
  border-bottom: 1px solid #ccc;
}
.alliance h3::before,
.alliance h3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.alliance h3::before {
      top: -0.2em;
    left: .2em;
    z-index: 2;
    width: 25px;
    height: 25px;
    background: rgba(247, 229, 109, .5);
}
.alliance h3::after {
  top:  0.4em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background: rgba(245, 193, 137, .5);
}
.alliance-flex {
	display: flex;
	padding: 0 0 0;;
}
.all-content {
	display: flex;
	align-items: flex-end;
    align-self: center;
}
.nitta {
	width: 50%;
}
.takahashi {
	width: 50%;
}
.all-content h4 {
	color: #544b43;
	font-size: 15px;
	text-align: center;
	margin-bottom: 1em;
}
.all-content h4 span {
	font-size: 12px;
	margin-left: 2em;
}
.all-content p {
	color: #544b43;
	font-size: 13px;
}
.p-img {
	width: 30%;
	margin: auto;
}
.p-img img {
	width: 100%;
}
.all-content section {
	width: 50%;
	line-height: 150%;
}


.access {
	width: 70%;
	margin: 0 auto;
	padding-bottom: 3.5em;
}

.access h3 {
    color: #544b43;
    margin-bottom: 4em;
    width: 100%;
        font-size: 16px;
         position: relative;
  padding: 0 0 1em 2.5em;
  border-bottom: 1px solid #ccc;
}
.access h3::before,
.access h3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.access h3::before {
      top: -0.2em;
    left: .2em;
    z-index: 2;
    width: 25px;
    height: 25px;
    background: rgba(247, 229, 109, .5);
}
.access h3::after {
  top:  0.4em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background: rgba(245, 193, 137, .5);
}

.access-flex {
	display: flex;
	padding: 0;
	width: 100%;
}
.access-table {
	width: 60%;
	margin: 0 auto;
}
.access table {
	 border-collapse: collapse;
	 border-spacing: 0;
	 width: 100%;
	 margin: auto;

}
.access table tr {

}
.access table th {
	vertical-align: bottom;
	color: #544b43;
	font-size: 13px;
	border-bottom: solid 2px #e8b92c;
	padding: 6px 0 3px;
	text-align: center;
}
.access table td {
	color: #544b43;
	font-size: 13px;
	border-bottom: solid 2px #ddd;
  padding: 6px 0 3px;
}
.access table td a {
	color: #e0b60d;
}
.access table td ul {
	color: #544b43;
	font-size: 12px;
	padding-left: 5%;
}
iframe {
	    width: 33%;
    padding-left: 1em;
}


/*page contact css*/
.page-contact {
	background: -webkit-linear-gradient(#FFF,#fef3f0,#fef3f0,#fef3f0);
   background: -o-linear-gradient(#FFF,#fef3f0,#fef3f0,#fef3f0);
   background: linear-gradient( #FFF,#fef3f0,#fef3f0,#fef3f0);
}
#formWrap h2 {
	color: #544b43;
	text-align: center;
	margin-bottom: 0.5em;
}
#formWrap p {
	color: #544b43;
	font-size: 12px;
	text-align: center;
	margin-bottom: 5em;
}
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
	padding: 0 0 2em 0;
}
table.formTable{
	width:100%;
	margin:0 auto 2em;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
.center {
	margin: 2em 0;
}



/*プライバシーポリシー*/
.privacy-con {
	background: -webkit-linear-gradient(#FFF,#fefceb,#fefceb,#fefceb);
   background: -o-linear-gradient(#FFF,#fefceb,#fefceb,#fefceb);
   background: linear-gradient( #FFF,#fefceb,#fefceb,#fefceb);
}
.privacy-text {
	width: 60%;
	margin: auto;
	padding-bottom: 1em;
}
.privacy-text h2 {
	text-align: center;
	color: #544b43;
	padding: 0 0 2em;
}
.privacy-text h3 {
    color: #544b43;
    margin-bottom: 1em;
    width: 100%;
        font-size: 16px;
         position: relative;
  padding: 0 0 1em 2.5em;
  border-bottom: 1px solid #ccc;
}
.privacy-text h3::before,
.privacy-text h3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.privacy-text h3::before {
      top: -0.2em;
    left: .2em;
    z-index: 2;
    width: 25px;
    height: 25px;
    background: rgba(247, 229, 109, .5);
}
.privacy-text h3::after {
  top:  0.4em;
    left: 0.9em;
    width: 20px;
    height: 20px;
    background: rgba(245, 193, 137, .5);
}
.privacy-text p {
	color: #544b43;
	font-size: 12px;
	margin-bottom: 5em;
	line-height: 150%;
}


@media screen and (max-width: 1024px) and (orientation: portrait)  {
	nav ul {
    width: 75%;
}
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:600px) {
.pc {
	display: none;
}
.media {
	display: block;
}

#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}

/*header*/
.topTel {
	justify-content: center;
	align-items: center;
	font-size: 11px;
	padding: 2em 2%;
}
.topTel img {
    width: 4%;
}
.topTel span {
    text-align: center;
    font-size: 10px;
}
.topTel span .small {
    font-size: 10px;
}
.top {
	background: url(../img/top-media.png);
	background-position:center center;
	background-size: cover;
    background-repeat: no-repeat;
}
.top article {
    width: 100%;
}
.top section .sabTitle {
    margin-top: 1em;
}
.top section {
   background-color: rgba(255,255,255,0.6);
    text-align: center;
}
nav ul {
	margin: 2em 0 0 0;
    border-bottom: none;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
}
nav ul li {
    list-style: none;
    padding: 10px 0px;
    margin: 0 17px;
    width: 37%;
    border-bottom: solid 1px sandybrown;
}
nav ul li a {
    text-decoration: none;
    color: #544b43;
    font-size: 13px;
}
header {
    margin-bottom: 3.5em;
}


/*about css media*/
.top-main h2 {
    margin-top: 2.5em;
    font-size: 16px;
}
.about-con {
    width: 90%;
    flex-direction: column-reverse;
}
.about-con .left img {
    width: 92%;
}
.about-con section {
    width: 100%;
}
.about-con section h3 {
    font-size: 15px;
    font-weight: normal;
}
.about-con-flex {
    flex-direction: column;
}
.about-con-flex h4 {
    width: 90%;
}
.about-con-flex ul {
    width: 80%;
    text-align: center;
}
.about-con-flex ul li {
    border-bottom: solid 1px #fcdbca;
}

.about-con-flex img {
    width: 19%;
    margin: 1em;
}
.about-text {
    text-align: left;
    padding: 1em 0 2em 0;
}


.flow-con-flex {
    width: 90%;
    flex-direction: column;
}
.flow-con-flex .left {
    width: 100%;
}
.flow-con-flex img {
    width: 32%;
    margin: 3% 0;
}
.step {
    border-radius: 40%;
    width: 20%;
    margin: 0 0.5em 0 0;
}
.step p.step-num {
    border-radius: 40%;
    padding: 6px 0px;
    width: 100%;
}
.flow-text-con p {
    font-weight: normal;
    width: 80%;
}
.flow-text-con .fa, .far, .fas {
    width: 24%;
    font-size: 30px;
}
.flow-text {
    font-size: 13px;
    margin: 2em 0;
    text-align: right;
}




.seminar-con-flex {
    width: 90%;
   	 flex-direction: column-reverse;
}
.seminar-con-flex section {
    width: 100%;
    margin-bottom: 1em;
}
.seminar-con-flex section h3 {
	font-size: 14px;
}
.seminar-con-flex section table th {
    font-size: 13px;
}
.seminar-con-flex section table td {
    font-size: 13px;
}
.seminar-con-flex .left {
    width: 40%;
}
.seminar-con-flex p {
    margin: 1em 0 0 0;
}
p.seminar-text {
    text-align: right;
    margin: 2em 0;
    font-size: 13px;
}



.profile-con-flex section h3 {
	font-size: 14px;
}

.profile-con-flex {
    width: 90%;
    flex-direction: column-reverse;
}
.profile-con-flex section {
    width: 100%;
}
.profile-con-flex .right {
    width: 50%;
    margin-bottom: 1em;
}
.profile-con-flex .right img {
	width: 100%;
}
.job-flex {
	flex-direction: column;
	width: 100%;
}
.teach h3 {
    margin-bottom: 1em;
}
p.profile-text {
    text-align: right;
    margin-top: 2em;
    font-size: 13px;
}



.footer-tel {
    font-size: 10px;
    padding: 0 4%;
}
p.fotter-flex span {
    text-align: left;
    font-size: 10px;
}
p.fotter-flex span .small {
    font-size: 10px;
}
span.footer-tel-text {
	width: 100px;
}






.flow-main-content {
    width: 90%;
}
.flow-flex {
    flex-direction: column;
    background: url(../img/flow-main-img.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 45%;
}
.flow-flex section {
    width: 100%;
    margin: auto;
}
.flow-flex .sectionFlow h3 {
    width: 88%;
    padding: 0 0 1em 2.5em;
    margin: 2em 0 2em 0;
}
.flow .sectionPrice h3 {
	width: 88%;
    padding: 0 0 1em 2.5em;
    margin: 2em 0 2em 0;
}
.flow-arrow {
    width: 63%;
    text-align: right;
}
.flow-flex-text {
    flex-direction: column;
    margin: 1em auto 1em;
}
.flow-flex-text .text {
    width: 95%;
    margin: auto;
    background-color: rgba(255,255,255,0.5);
    padding: 2%;
}
.flow-flex-text .step {
	margin: 0 0 0.5em;
}



.seminar-main-content {
    width: 90%;
}
.semi-con-text h3 {
    font-size: 14px;
    margin: 2em auto;
    width: 90%;
    padding: 0 0 1em 2.5em;
}
.semi-con-text ul li {
    font-weight: 600;
}
.semi-con-text {
    width: 100%;
}
.seminar-new {
    width: 90%;
    margin: 2em auto 3em;
}
.seminar-new-text h2.subMidashi {
    margin: 2em auto;
    width: 90%;
}
.seminar-new-text {
	width: 100%;
}
.old-content {
    width: 90%;
    margin: auto;
}
.seminar-old {
    width: 100%;
    flex-direction: column;
}
.old-content h2.subMidashi {
    margin: 2em auto;
    width: 90%;
}
.seminar-old-text {
    width: 100%;
    margin: 0 auto 2em;
}
.seminar-old-text h3 {
    font-size: 11.5px;
    font-weight: normal;
}
.seminar-img {
    width: 100%;
}



.seminar-old-page {
    width: 90%;
}



.main-prof-con {
    width: 90%;
    flex-direction: column-reverse;
}

.main-prof-con section {
    width: 100%;
}
.main-prof-con .right {
    width: auto;
    margin: auto;
}
.main-prof-con .right {
    width: auto;
    margin: 0 auto 1.5em;
        width: 60%;
}
.main-prof-con section h3 {
        margin: 2em auto;
    width: 88%;
}


.alliance {
    width: 90%;
    margin: 0 auto 2.5em;
}
.alliance h3 {
    width: 88%;
    margin: 2em auto;
}
.alliance-flex {
    flex-direction: column;
        padding: 0;
}
.nitta {
    width: 100%;
}
.takahashi {
	width: 100%;
}
.p-img {
        width: 45%;
    text-align: center;
}
.all-content {
    flex-direction: column;
    margin-bottom: 2em;
}
.all-content section {
    width: 100%;
}


.access {
    width: 90%;
}
.access h3 {
    width: 88%;
    margin: 2em auto;
}
.access-flex {
    flex-direction: column;
         padding: 0;
}
.access-table {
    width: 100%;
}
 .access-table table th {
 	display: block;
    width: 100%;
    text-align: left;
    border-bottom: solid 1px #e8b92c;
 	}
.access-table table td{
    display: block;
    width: 100%;
    margin-bottom: 1em;
    border-bottom: none;
  }


iframe {
	 width: 100%;
    padding-left: 0;

}





.price-flex {
	flex-direction: column;
	width: 90%;
	margin: auto;
}
.price-box {
	width: 100%;
}
.teach {
    width: 88%;
    margin: 0 auto 3.5em;
}
.teach ul {
    width: 100%;
    margin: auto;
}





.privacy-text {
    width: 90%;
    margin: auto;
    padding-bottom: 1em;
}
.privacy-text h3 {
    width: 88%;
}


}