@charset "utf-8";
/* CSS Document */

  .about-type {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
margin: 30px auto 0;
gap: 0.5em;
text-align: center;
  }
.about-type ul {
    list-style: none;
    padding: 0;
    margin: 0;
	font-size: 1rem;
}
	.about-type-item {
    background-color: #f6f6f6;
     font-size: clamp(15px, 3.5vmin, 18px);
    font-weight: bold;
   width: 29.6875%;
    padding: 1.5em 1.3em;
/*    opacity: 0;*/
}
 .about-type-ic .ic-eq {
    transform: rotate(90deg);
  }
.about-type-label {
    background-color: #e578ac;
    color: #fff;
				}
	.about-type-item.season.ta_c .about-type-head {
    color: #e578ac;
    margin-bottom: 1rem;
	font-size: clamp(15px, 3.5vmin, 18px);
	font-weight: 700;
}
.about-type-item.category.ta_c .about-type-head {
    color: #97cad5;
    margin-bottom: 1rem;
	font-size: clamp(15px, 3.5vmin, 18px);
	font-weight: 700;
}
.about-type-list {
    display: grid;
    gap: 1rem;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1.8em);
}

/*16タイプ設定*/
.about-type-item.type.ta_c .about-type-head {
    color: #ada1e6;
	margin-bottom: 1rem;
	font-size: clamp(15px, 3.5vmin, 18px);
	font-weight: 700;
  }
.about-type-item.type .about-type-label {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
    display: grid;
    align-items: center;
    justify-content: center;
}


.about-type-item.type.ta_c .about-type-label{
    background-color: #ada1e6;
    color: #fff;
}
.ic-x {
    display: inline-block;
    background: url(../images/icon-x.png) center no-repeat;
    background-size: contain;
    width: 2.4em;
    height: 2.4em;
}
.ic-eq {
    display: inline-block;
    background: url(../images/icon-eq.png) center no-repeat;
    background-size: contain;
    width: 2.4em;
    height: 2.4em;
							transform: rotate(-90deg);
}
.about-type-item.category.ta_c .about-type-label .about-type-head h4{
color: #97cad5;
}
.about-type-item.category.ta_c .about-type-label {
    background: #97cad5;
				color:#FFFFFF;
}
.container02 p.img{
text-align: center;
margin-top: 30px;
margin-bottom: 0;
}
/* 16タイプ*/
.about-img {
    position: relative;
    border: 1px #000 solid;
    padding: clamp(1em, 7.4626865672%, 6rem);
    margin: 3em auto 2.5em;
}
.about-img-head {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    font-size: clamp(16px, 2.5vmin, 33px);
    padding: 0 0.5em;
    white-space: nowrap;
	font-family: "Didot","linotype-didot", serif;
}
.about-img-head.mincho span{
font-family: "yu-gothic-pr6n",sans-serif;
}
.container03 ul.field{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 60px;

}
.container03 li{
    width: 30%;
    margin-right: 0px;
    margin-bottom: 50px;
}
.field li p{
font-size: 0.9rem;
}
.field li img{
max-width:  100%;
height: auto;
}
.container03 ul.field h3 {
    line-height: 1.5;
    margin: 15px 0;
    font-size: 16px;
	font-weight: 700;
}
.container02,
.container03,
.container05{
margin-top: 90px;
}
.about-desc p{
margin: 0;
}
.container04 li{
    width: 30%;
    margin-right: 0px;
    margin-bottom: 0px;
}
/* youtibe */
div.youtubeP{
position: relative;
margin-bottom: 4rem;
}
.youtube {
  position: relative;
  width: 50%;
  padding-top: 28.125%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
}
.container06 a:hover{
opacity: 0.7;
}
/*セミナーボタン*/
.wp02{
	display: flex;
	align-items: center;
justify-content: flex-start;
	width: 40%;
	background-color: #f5f5f5;
	padding-right: 0px;
	margin: 0 auto;
}
.wp02 img{
display: block;
} 
.wp02 h3{
font-size: 1rem;
text-align: center;
}
.wp02 .inline{
margin: 0 auto;
}
@media only screen and (max-width: 767px) {

.about-type {
    text-align: center;
    margin: 2em auto 0em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    flex-direction: column;
}
.about-type-item {
    background-color: #f6f6f6;
    padding: 1.5em;
    font-size: clamp(15px, 3.5vmin, 18px);
    font-weight: bold;
    width: 82.0895522388%;
/*    opacity: 0;*/
}
.ta_c {
    text-align: center;
}
.about-type-ic .ic-eq {
			transform: rotate(0deg);
}
.about-type-ic .ic-x,
.about-type-ic .ic-eq{
    width: 1.6em;
    height: 1.6em;
}
.about-img {
    position: relative;
    border: 1px #000 solid;
    padding: clamp(1em, 7.4626865672%, 6rem);
    margin: 3em auto 2.5em;
}
.container03 ul.field{
display: block;
}
.container02 .skill-list  ul li h3{
color: #ada1e6;
font-size: 1.1rem;
}
.container03 li {
    float: none;
    width: 100%;
    margin-right: 40px;
    margin-bottom: 35px;
}
.container03 .field li{
  margin-right: 0px;
}
.container03 .field p {
    margin: 16px 0 0 0;
}
.container04 li{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
}
/* youtibe */
div.youtubeP{
position: relative;
margin-bottom: 4rem;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
}
/*　セミナーボタン　*/
.wp02{
	width: 100%;
}
.wp02 .inline{
padding: 0.5rem;
}
}