@charset "utf-8";
/*
Theme Name:株式会社エイジェック
Theme URI:https://www.agekke.co.jp/
Version: 1.1
Author:エイジェック広報部
Author URI:https://www.agekke.co.jp/
*/
/* ======================================================
/*               ++ 共通STYLE ++
   ====================================================== */
/* --------------------------------------------------- トップ画像・ページタイトル */
#main-visual {
    text-align: center;
    min-height: 300px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    letter-spacing: 0;
	margin: 80px 0 0;
}
#main-visual::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: #1e2935b0;
}
.background {
    position: absolute;
    height: 900px;
    width: 400%;
    left: -100%;
    display: block;
    z-index: 0;
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}
.img-item:nth-child(2),
.img-item:nth-child(4) {
    -webkit-animation: slide-to-left 500s infinite linear;
    animation: slide-to-left 500s infinite linear;
    left: 0;
    background-position: 0;
}
.img-item:first-child,
.img-item:nth-child(3),
.img-item:nth-child(5) {
    -webkit-animation: slide-to-right 500s infinite linear;
    animation: slide-to-right 500s infinite linear;
    left: -300%;
    background-position: -110px;
}
.img-item {
    position: relative;
    width: 400%;
    height: 180px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    background-repeat: repeat-x;
}

.img-item:first-child,.img-item:nth-child(5) {
    background-image: url(images/kotei-1.jpg);
}
.img-item:nth-child(2) {
    background-image: url(images/kotei-2.jpg);
}
.img-item:nth-child(3) {
    background-image: url(images/kotei-3.jpg);
}
.img-item:nth-child(4) {
    background-image: url(images/kotei-4.jpg);
}
+
@-webkit-keyframes slide-to-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(2340px);
        transform: translateX(2340px)
    }
}
@keyframes slide-to-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(2340px);
        transform: translateX(2340px)
    }
}
@-webkit-keyframes slide-to-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-2340px);
        transform: translateX(-2340px)
    }
}

@keyframes slide-to-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-2340px);
        transform: translateX(-2340px)
    }
}
#page-title {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 10;
    transform: translate(-50%,-50%);
    text-align: center;
    letter-spacing: .1em;
}
#page-title h1,
#page-title .en-title{
	display: inline-block;	
	color: #fff;
	vertical-align: middle;
}
#page-title h1 span {
	font-size: 1.5rem;
	letter-spacing: .15em;
}
#page-title .en-title,
#page-title h1.en-title span {
	font-size: 3rem;
    font-family: 'Josefin Sans', sans-serif;
	line-height: 1.2em !important;
}
.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;
	opacity:0;
    letter-spacing: .1em;
}
@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }
  to {
    opacity:1;  
}
}
.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}
.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}

.bgfill {
	display: inline-block;
	width: fit-content;
	max-width: 100%;
	position: relative;
	padding: 4px 8px;
	backface-visibility: hidden;
	will-change: transform;
}
.bgfill::before,
.bgfill::after {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	transform: scaleX(0);
	backface-visibility: hidden;
	overflow: hidden;
	transition: all 0.2s ease 0s;
	will-change: transform;
}
.bgfill::after {
	z-index: 3;
}
.bgfill .bgfill-text {
	position: relative;
	z-index: 2;
	opacity: 0;
	will-change: transform;
}
@keyframes bgfill-before {
	0% {
		transform: scaleX(0);
		transform-origin: left center;
	}
	45%,
	100% {
		transform: scaleX(1);
		transform-origin: left center;
	}
}
@keyframes bgfill-after {
	0% {
		transform: scaleX(0);
		transform-origin: left center;
	}
	45% {
		transform: scaleX(1);
		transform-origin: left center;
	}
	55% {
		transform: scaleX(1);
		transform-origin: right center;
	}
	100% {
		transform: scaleX(0);
		transform-origin: right center;
	}
}
@keyframes bgfill-text {
	0%,
	45% {
		opacity: 0;
	}
	50%,
	100% {
		opacity: 1;
	}
}
/* スクロールしたらアニメーション発火 */
.bgAnimeTrigger:not(.onAnime).bgfill::before,
.bgAnimeTrigger:not(.onAnime).bgfill::after,
.bgAnimeTrigger:not(.onAnime).bgfill .bgfill-text {
	animation: none;
}
.onAnime.bgfill::before {
	animation: bgfill-before 1s ease 0s forwards;
}
.onAnime.bgfill::after {
	animation: bgfill-after 1s ease 0s forwards;
}
.onAnime.bgfill .bgfill-text {
	animation: bgfill-text 1s ease 0s forwards;
}

#mainvisual h1{
    padding: 100px 0;
    font-size: 5rem;
    text-align: center;
    font-weight: bold;
	background: -webkit-linear-gradient(right, #5ac3e0 0%,#70ba29 100%);
    background: linear-gradient(to right, #5ac3e0 0%,#70ba29 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#mainvisual h1 .en {
	font-family: 'Josefin Sans', sans-serif;
	display: block;
	line-height: 1;
}
#mainvisual h1 .ja {
	font-size: 1.5rem;
	display: block;
}
#main {
    float: left;
}
#sub {
    float: right;
}
.contact #main-visual,
.privacy-policy #main-visual,
.single-member #main-visual,
.completion #main-visual,
.thanks_iy2024 #main-visual{
    background: url(images/bg-01.png) center center no-repeat;
    background-size: cover;
	min-height: 200px;
}
.contact #main-visual::before,
.privacy-policy #main-visual::before,
.single-member #main-visual::before,
.completion #main-visual::before,
.thanks_iy2024 #main-visual::before{
	content: none;
}
@media screen and (max-width: 767px){
	#main-visual {
		margin: 70px 0 0;
	}
	#page-title .en-title {
    	font-size: 2rem;
	}
	#page-title h1 span {
    	font-size: 1.125rem
	}
}
/* ======================================================
/*               ++ 会社概要 ++
   ====================================================== */
#overview {
	padding: 50px 0 0;
}
.company h2.name {
	position: relative;
	font-size: 2rem;
	margin: 0 0 50px;
	border-left: solid 30px #33b4d8;
	padding: 5px 0 4px 12px;
	line-height: 1;
}
.company h2.name span {
	font-family: 'Josefin Sans', sans-serif;
}
.company table.type-1 th,
.company table.type-1 td {
	float: left;
	display: block;
	padding: 20px 20px;
	box-sizing:border-box;
}
.company table.type-1 th {
	width: 20%;
 border-bottom: 3px solid #5ac3e0;
  border-image: linear-gradient(to right, #5ac3e0 0%,#70ba29 100%);
  border-image-slice: 1;
}
.company table.type-1 tr:first-of-type th {
 border-top: 3px solid #5ac3e0;
  border-image: linear-gradient(to right, #5ac3e0 0%,#70ba29 100%);
  border-image-slice: 1;
}
.company table.type-1 td {
	width: 80%;
 	border-bottom: 3px solid #f5f5f5;
}
.company table.type-1 tr:first-of-type td {
 	border-top: 3px solid #f5f5f5;
}
.company table.type-1 td.position.mo {
	display: none;
}
.company table.type-1 .business h3 {
	display: inline-block;
	margin: 0 10px 0 0;
}
.company table.type-1 .business span {
	display: inline-block;
	font-size: .875rem;
}
.company table.type-1 .business p {
	font-size: .875rem;	
}
.company table.type-1 .business div:not(:first-of-type) {
	margin: 6px 0 0;
}
.company table tr td.office h3 {
	margin: 0 0 3px;
}
.company table tr td.office a {
	color: #66b61c;
	transition: .2s;
	font-weight: bold;
}
.company table tr td.office a:hover {
	color: #515151;
}
.company table tr td.office div:not(:first-of-type) {
	margin: 10px 0 0;
}
/* --------------------------------------------------- 企業理念 */
#philosophy {
	padding: 50px 0 180px;
	position: relative;
	background: rgba(240,248,233,1);
}
#philosophy:before {
    content: "";
    width: 100%;
    height: 50px;
	background: rgba(240,248,233,1);
    position: absolute;
    top: -49px;
    clip-path: polygon(0 0,0% 100%,100% 100%);
    display: block;
    left: 0;
}
#philosophy .box {
	position: relative;
	z-index: 0;
}
#philosophy .box .slider-wrap {
	width: 30%;
	position: relative;
	z-index: 1;
}
#philosophy .box .text-wrap {
	width: 80%;
	position: absolute;
	top: 80px;
	left: 20%;
	background: #fff;
	padding: 70px 50px 70px 15%;
	z-index: 0;
}
#philosophy .box .slider-wrap .slick-prev, 
#philosophy .box .slider-wrap .slick-next {
    width: 30px !important;
	height: 30px !important;
}
#philosophy .box .slider-wrap .slick-prev:before, 
#philosophy .box .slider-wrap .slick-next:before {
    font-size: 30px !important;
}
#philosophy .box .text-wrap h2 {
	font-weight: bold;
	background: -webkit-linear-gradient(right, #5ac3e0 0%,#70ba29 100%);
    background: linear-gradient(to right, #5ac3e0 0%,#70ba29 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 2rem;
	margin: 0 0 30px;
}
#philosophy .box .text-wrap .sent {
	font-size: 1.0625rem;
	line-height: 2em;
	padding: 0 0 0 20px;
}
#history {
	padding: 40px 0 0;
	position: relative;
}
#history:before {
    content: "";
    width: 100%;
    height: 50px;
	background: #fff;
    position: absolute;
    top: -49px;
    clip-path: polygon(0 0,0% 100%,100% 100%);
    display: block;
    left: 0;
}
#service .for-athletes {
	padding: 0 0 50px;
}
#service .for-athletes h3,
#service .for-all h3 {
	position: relative;
	text-align: center;
	z-index: 0;
	padding: 50px 0;
}
#service .for-athletes h3 span.img img,
#service .for-all h3 span.img img {
	display: block;
	max-width: 538px;
	margin: 0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	z-index: -1;
}
#service .for-athletes h3 .no,
#service .for-all h3 .no {
	font-size: 2.5rem;
	text-shadow: 0 0 5px #fff;
	color: #6aa632;	
	display: inline-block;
	margin-right: 10px;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 0;
}
#service .for-athletes h3 .text,
#service .for-all h3 .text {
	font-size: 1.5rem;
	text-shadow: 0 0 5px #fff;
	color: #6aa632;
}
#service .for-athletes .desc,
#service .for-all .desc {
	text-align: center;
	line-height: 1.8em;
}
#service .for-all .ratio li:first-child {
	width: 45%;
	margin-right: 10%;
}
#service .for-all .ratio li:last-child {
	width: 45%;
}
#service .for-athletes .ratio .icon{
	display: block;
	max-width: 110px;
	margin: 0 auto 12px;
}
#service .for-athletes .ratio{
    margin: 40px auto 0;
    max-width: 1000px;
}
#service .for-athletes .ratio li:first-child,
#service .for-athletes .ratio li:nth-child(2) {
	width: 32%;
	margin-right: 2%;
}
#service .for-athletes .ratio li:last-child {
	width: 32%;
}
.mark-circle {
	position: relative;
    padding-left: 20px;
	letter-spacing: .05em;
}
.mark-circle::before {
    position: absolute;
    z-index: 2;
    content: '';
	width: 10px;
    height: 10px;
    top: 9px;
    left: 0;
    background: #407d06;
	border-radius: 5px;	
}
#service .for-athletes .ratio li h4{
    font-size: 1.25rem;
    color: #6aa632;
	text-align: center;
	margin: 0 0 8px;
}
#service .for-athletes .ratio li .item p {
	font-size: .9375rem;
	text-align: center;
	line-height: 1.6em;
}
#service .s-contents {
	margin: 36px 0 0;
    background: rgba(240,248,233,1);
    padding: 40px 80px 32px;
}
#service .s-contents h4 {
	margin: 0 0 16px;
	color: #6aa632;
	font-size: 1.25rem;
}
#service .s-contents p {
	line-height: 1.8em;
}
#service .for-all .illustration {
	max-width: 500px;
	margin: 30px auto;
}
#service .for-all .ratio  {
	max-width: 900px;
	margin: 0 auto;
}
#service .for-all .ratio li:first-child {
	width: 48%;
	margin-right: 4%;
	text-align: center;
}
#service .for-all .ratio li:last-child {
	width: 48%;
	text-align: center;
}
#service .for-all .ratio li h4 {
    font-size: 1.25rem;
    color: #14a0c0;
    text-align: center;
    margin: 0 0 8px;
}
#service .for-all .ratio li:last-child h4 {
    color: #f7931e;	
}
#service .for-all .ratio li p {
    font-size: .9375rem;
    line-height: 1.6em;
}
#searchform .box-1,
#searchform .box-2  {
	padding: 50px;
	border: 1px solid #ccc;
}
#searchform .box-2 {
	border-top: none;
}
#searchform .box-1 .desc {
	margin: 0 0 5px;
}
#searchform h2 {
    font-size: 1.5rem;
    margin: 0 0 30px;
    line-height: 1.5em;
	text-align: center;
}
#searchform h3 {
	color: #6eb92b;
	margin: 0 0 10px;
	font-size: 1.125rem;
	letter-spacing: .1em;
}
#searchform .box-1 .ratio li:first-child{
	width: 70%;
	margin-right: 4%;
}
#searchform .box-1 .ratio li:last-child{
	width: 26%;
}
#searchform .box-2 .ratio li{
	margin-bottom: 20px;
	width: 48%;
}
#searchform .box-2 .ratio li:nth-child(2n) {
	margin-left: 4%;
}
#searchform .box-2 .ratio li.free {
	width: 100%;
}
#searchform .ratio li input,
#searchform .ratio li select{
    width: 100%;
    padding: 10px 10px;
    border: 2px solid #a8e76e;
    letter-spacing: .1em;
   border-radius: 5px;	
}
#searchform .search-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    padding: 14px 60px;
    border: none !important;
    border-radius: 5px;
    font-weight: bold;
    transition: .5s;
    background: #6eb92b;
    color: #fff;
    font-size: 1rem;
}
#searchform .narrow-down {
	text-align: center;
}
.search-page {
	padding: 30px 0 50px;
}
@media screen and (max-width: 1200px) {
	#philosophy {
    	padding: 50px 0 100px;
	}
	#philosophy .box .slider-wrap {
    	width: 20%;
    	float: left;
	}
	#philosophy .box .text-wrap {
    	width: 80%;
    	position: relative;
    	top: 0;
		left: 0;
    	float: right;
		padding: 50px;
	}
}
@media screen and (max-width: 1023px) {
	#service .for-athletes h3 .text, #service .for-all h3 .text {
    	font-size: 1.25rem;
	}
	#service .for-athletes .ratio li:first-child,
	#service .for-athletes .ratio li:nth-child(2) {
    	width: 30%;
    	margin-right: 5%;
	}
	#service .for-athletes .ratio li:last-child {
    	width: 30%;
	}
	#service .for-athletes .ratio li .item p {
		text-align: left;
	}
	#service .s-contents {
    	padding: 40px 40px 32px;
	}
	#philosophy .box .text-wrap h2 {
    	font-size: 1.5rem;
    	margin: 0 0 20px;
	}
	#philosophy .box .text-wrap .sent {
    	font-size: 1rem;
    	line-height: 1.8em;
    	padding: 0;
	}
	.company #rts {
		padding-bottom: 100px;
	}
	.company table.type-1 th,
	.company table.type-1 td {
		padding: 20px 10px;
	}
}
@media screen and (max-width: 767px) {
	#overview {
    	padding: 30px 0 0;
	}
	.company table.type-1 th,
	.company table.type-1 td {
    	float: none;
		width: 100%;
    	padding: 10px 5px;
	}
	.company table.type-1 tr:first-of-type th,
	.company table.type-1 tr:first-of-type td {
    	border-top: none;
	}
	.company table.type-1 td {
		border-bottom: none;
 }
	.company table.type-1 td.position.pc {
		display: none;
	}
	.company table.type-1 td.position.mo {
		display: block;
	}
	.company h2.name {
    	font-size: 1.25rem;
    	margin: 0 0 20px;
    	border-left: solid 10px #33b4d8;
    	padding: 5px 0 4px 8px;
	}
	.company #rts {
		padding-bottom: 50px;
	}
	#philosophy {
    	padding: 10px 0 60px;
	}
	#philosophy .box .slider-wrap {
		float: none;
    	width: 80%;
    	margin: 0 auto;
	}
	#philosophy .box .text-wrap {
		float: none;
		margin-top: -30px;
    	position: static;
    	width: 100%;
		padding: 50px 15px 20px;
	}
	#philosophy .box .text-wrap h2 {
		font-size: 1.5rem;
		margin: 3px 0 13px;
		text-align: center;
	}
	#philosophy .box .text-wrap .sent {
    	font-size: 1rem;
    	line-height: 1.8em;
    	padding: 0;
	}
	#service .for-athletes h3 .text,
	#service .for-all h3 .text {
    	font-size: 1.25rem;
	}
	#service .for-athletes h3 .no,
	#service .for-all h3 .no {
    	font-size: 1.5rem;
    	margin-right: 4px;
	}
	#service .for-athletes h3,
	#service .for-all h3 {
    	padding: 0 0 20px;
	}
	#service .for-athletes .desc, #service .for-all .desc {
    	text-align: left;
    	line-height: 1.7em;
	}
	#service .for-athletes .ratio {
    	margin: 20px auto 0;
	}
	#service .for-athletes .ratio li:first-child,
	#service .for-athletes .ratio li:nth-child(2) {
		display :block;
    	width: 100%;
    	margin: 0 0 30px;
	}
	#service .for-athletes .ratio li:last-child {
		display :block;
    	width: 100%;
	}
	#service .s-contents {
    	margin: 30px 0 0;
    	padding: 30px 14px 18px;
	}
	#service .s-contents h4 {
    	margin: 0 0 8px;
	}
	#service .for-athletes {
    	padding: 0 0 30px;
	}
	#service .for-all .ratio li:first-child,
	#service .for-all .ratio li:last-child {
		display: block;
    	width: 100%;
	}
	#service .for-all .ratio li:first-child {
    	margin: 0 0 20px;
	}
	#service .for-athletes h3 span.img img,
	#service .for-all h3 span.img img {
    	top: 38%;
	}
	#searchform h2 {
    	font-size: 1.125rem;
		margin: 0 0 15px;
	}
	#searchform .box-1, #searchform .box-2 {
    	padding: 30px 10px;
	}
	#searchform .box-2 .ratio li,
	#searchform .box-2 .ratio li:nth-child(2n) {
		display: block;
		width: 100%;
		margin: 0 0 20px;
	}
	#service .for-athletes .ratio li .item p {
			text-align: center;
	}
	#history {
    	padding: 20px 0;
	}
}
/* ======================================================
/*               ++ 事業紹介 ++
   ====================================================== */
/* --------------------------------------------------- 共通 */
#prologue {
	position: relative;
	padding: 60px 0;
	text-align: center;
	z-index: 0;
    overflow: hidden;
}
#prologue h2 {
    font-size: 1.5rem;
    margin: 0 0 30px;
    line-height: 1.5em;
}
#prologue .desc {
	line-height: 1.8em;
    font-weight: bold;
    letter-spacing: .1em;
    font-size: 1.0625rem;	
}
#prologue .desc span {
    letter-spacing: .1em;	
}
#prologue .deco-1 {
	position: absolute;
	top: 0;
	left: 5%;
	z-index: -1;
}
#prologue .deco-2 {
	position: absolute;
	bottom: 0;
	right: 5%;
	z-index: -1;
}
#custom-post{
	padding: 80px 10px;
	background: rgba(240,248,233,1);
}
#custom-post .date,
#custom-post.ctgr {
	width: 50%;
}
#custom-post .ctgr {
	border: 2px solid #33b4d8;	
	line-height: 1;
    padding: 4px 4px 3px 6px;
    text-align: center;
    font-size: .75rem;
    border-radius: 10px;
    background: #fff;
    font-weight: bold;
    letter-spacing: .1em;
}
#custom-post .ctgr.with-school_admin,
#custom-post .ctgr.school{
	border: 2px solid #387d39;		
}
#custom-post .ctgr.with-athlete,
#custom-post .ctgr.media{
	border: 2px solid #cc0033;		
}
#custom-post .date,
#custom-post .period {
	font-size: .875rem;
	font-weight: bold;
}
#custom-post .d-c {
	margin: 10px 0;
}
@media screen and (max-width: 1023px) {
	#prologue {
    	padding: 40px 0;
	}
	#prologue .desc {
    	font-size: 1rem;
	}
}
@media screen and (max-width: 767px) {
	#prologue {
    	padding: 30px 0;
		text-align: left;
	}
	#prologue h2 {
    	font-size: 1.25rem;
    	margin: 0 0 10px;
	}
	#custom-post {
		padding: 30px 0;
	}
}
/* --------------------------------------------------- キャスティング事業 */
.casting #custom-post .ratio li {
	width: 31%;
	margin: 3.5% 3.5% 0 0;
}
.casting #custom-post .ratio li:nth-child(3n) {
	margin: 3.5% 0 0;
}
.casting #custom-post .ratio li .inner {
	background: #fff;
	padding: 10px 14px 10px;
}
.casting #custom-post .ratio li table tr th,
.casting #custom-post .ratio li table tr td {
	display: inline-block;
	padding: 5px 0;
	vertical-align: top;
	font-size: .875rem;
}
.casting #custom-post .ratio li table tr td {
	padding: 5px 0 5px 10px;
}
.casting #custom-post .ratio li table tr th {
	width: 30%;
}
.casting #custom-post .ratio li table tr td {
	width: 70%;
}
.casting #custom-post .ratio li table tr.name td .katagaki {
	font-size: .75rem;
}
.casting #custom-post .ratio li table tr td .content {
	line-height: 1.3em;
    margin: 1px 0 0;
}
.casting #custom-post .ratio li table tr th p {
	text-align: center;
	background: #eee;
	line-height: 1;
    padding: 3px 0 2px 2px;
}
.casting #custom-post .d-c {
    margin: 5px 0;
}
.casting #custom-post h3 {
	margin: 10px 0 8px;
	text-align: center;
}
#pickup h3 {
    color: #33b4d8;
    padding-bottom: 10px;
    margin: 0 0 10px;
    font-size: 1.25rem;
    letter-spacing: .1em;
    text-align: center;
	border-bottom: 1px solid #33b4d8;
}
#pickup .ratio li {
	width: calc(50% - 5px);
	vertical-align: top;
	margin: 0 10px 10px 0;
	background: #33b4d81a;
	padding: 30px;
}
#pickup .ratio li:nth-child(2n) {
	margin: 0 0 10px 0;	
}
#pickup .box .thumbnail,
#pickup .box .text-cont {
	float: left;
}
#pickup .box .thumbnail {
	width: 30%;
	margin-right: 4%;
}
#pickup .box .text-cont {
	width: 66%;
}
#pickup .box .text-cont h4 {
	font-size: 1.25rem;
}
#pickup .box .text-cont .kana {
	font-family: 'Josefin Sans', sans-serif;
	font-size: .875rem;
	font-weight: normal;
}
#pickup .box .text-cont .ctgr {
	display: inline-block;
    border: 2px solid #33b4d8;
    line-height: 1;
    padding: 4px 4px 3px 6px;
    font-size: .75rem;
    border-radius: 10px;
    background: #fff;
    font-weight: bold;
    letter-spacing: .1em;
	margin: 5px 0 8px;
}
#pickup .box .text-cont .catch {
	font-size: .9375rem;	
}
#pickup .theme,
#pickup .theme-content,
#pickup .record,
#pickup .features {
	margin: 12px 0 0;
}
#pickup .theme h4,
#pickup .theme-content h4,
#pickup .record h4,
#pickup .features h4 {
	color: #33b4d8;
	margin: 0 0 2px;
}
#pickup .content-2 {
	margin: 50px 0 0;
}
@media screen and (max-width: 1200px) {
	.casting #custom-post h3 {
		text-align: left;
	}
	.casting #custom-post .ratio li {
    	width: 32%;
   		margin: 2% 2% 0 0;
	}
	.casting #custom-post .ratio li:nth-child(3n) {
    	margin: 2% 0 0;
	}
}
@media screen and (max-width: 1023px) {
	.casting #custom-post .ratio li table tr th,
	.casting #custom-post .ratio li table tr td,
	.casting #custom-post .ratio li table tr.name th,
	.casting #custom-post .ratio li table tr.name td {
    	display: block;
		width: 100%;
		font-size: 1rem;
	}
	.casting #custom-post .ratio li table tr td {
    	padding: 5px;
	}
}
@media screen and (max-width: 767px) {
	.casting #custom-post .ratio li {
		display: block;
		width: 100%;
   		margin: 0 0 20px;
	}
	.casting #custom-post .ratio li:nth-child(3n) {
   		margin: 0 0 20px;
	}
	.casting #custom-post .ratio li:last-child {
   		margin: 0;
	}
	.casting #custom-post h3 {
    	margin: 10px 0 5px;
	}
}
/* --------------------------------------------------- マネージメント事業 */
.management .s-contents {
	text-align: left;
    margin: 30px 0 0;
    background: rgba(240,248,233,1);
    padding: 32px 80px 28px;
}
.management #prologue .s-contents h2 {
    margin: 0 0 10px;
    color: #6aa632;
    font-size: 1.25rem;
}
.management #prologue .s-contents ul li {
	display: inline-block;
	width: 46%;
	margin-right: 2%;
	vertical-align: top;
}
.management #prologue .s-contents ul li:nth-child(2n) {
	width: 52%;
	margin-right: 0;
}
.management #prologue .s-contents .mark-circle::before {
    top: 7px;
}
#m-member h3 {
    color: #33b4d8;
    padding-bottom: 10px;
    margin: 0 0 10px;
    font-size: 1.25rem;
    letter-spacing: .1em;
    text-align: center;
    border-bottom: 1px solid #33b4d8;
}
#m-member .ratio li {
 	float: left;
	width: calc(33.333% - 7px);
	vertical-align: top;
	margin: 0 10.5px 10.5px 0;
	background: #33b4d81a;
	padding: 10px;
	transition: .3s;
	cursor: pointer;
}
#m-member .ratio li:hover {
	background: #33b4d85e;
}
#m-member .ratio li:nth-child(3n) {
	margin: 0 0 10.5px 0;	
}
#m-member .box .thumbnail,
#m-member .box .text-cont {
	float: left;
}
#m-member .box .thumbnail {
	width: 37%;
	margin-right: 3%;
}
#m-member .box .text-cont {
	width: 60%;
}
#m-member .box .text-cont h4 {
	font-size: 1.25rem;
	margin: 3px 0 0;
}
#m-member .box .text-cont .kana {
	font-family: 'Josefin Sans', sans-serif;
	font-size: .875rem;
	font-weight: normal;
}
#m-member .box .text-cont .ctgr {
	display: inline-block;
    border: 2px solid #33b4d8;
    line-height: 1;
    padding: 3px 3px 2px 4px;
    font-size: .75rem;
    border-radius: 5px;
    background: #fff;
    font-weight: bold;
    letter-spacing: .1em;
    margin: 0 2px 0 0;
}
#m-member .box .text-cont .catch {
	font-size: .875rem;	
	margin: 3px 0 0;
}
#m-member .content-2 {
	margin: 50px 0 0;
}
@media screen and (max-width: 1023px) {
	.management .s-contents {
    	padding: 30px 40px 28px;
	}
}
@media screen and (max-width: 767px) {
	.management .s-contents {
    	padding: 30px 20px 18px;
	}
	.management #prologue .s-contents ul li,
	.management #prologue .s-contents ul li:nth-child(2n) {
		display: block;
		width: 100%;
		margin: 0 0 8px;
	}
	#m-member .ratio li {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	#m-member .content-2 {
    	margin: 30px 0 0;
	}
}
/* --------------------------------------------------- キャスティング事業 */
.planning #custom-post .ratio li {
	width: 48%;
	margin: 0 4% 4% 0;
	background: #fff;
	padding: 40px;
}
.planning #custom-post .ratio li:nth-child(2n) {
	margin: 0 0 4%;
}
.planning #custom-post .ratio li h3 {
	text-align: center;
	font-size: 1.25rem;
	margin: 20px 0 0;
	color: #6eb92b;
}
.planning #custom-post .ratio li .catch {
	text-align: center;
	font-size: .9375rem;
}
.planning #custom-post .ratio li table {
	margin: 20px 0 10px;
}
.planning #custom-post .ratio li table tr th,
.planning #custom-post .ratio li table tr td {
	display: inline-block;
	padding: 5px 0;
	vertical-align: top;
}
.planning #custom-post .ratio li table tr td {
	padding: 5px 0 5px 10px;
}
.planning #custom-post .ratio li table tr th {
	width: 28%;
}
.planning #custom-post .ratio li table tr td {
	width: 72%;
}
.planning #custom-post .ratio li table tr th p {
	text-align: center;
	background: #eee;
	line-height: 1;
    padding: 3px 0 2px 2px;
}
.planning #custom-post .ratio li .content {
	margin: 0 0 10px;
}
@media screen and (max-width: 1023px) {
	.planning #custom-post .ratio li {
    	padding: 20px;
	}
	.planning #custom-post .ratio li h3 {
    	text-align: left;
    	margin: 10px 0 0;
	}
	.planning #custom-post .ratio li .catch {
    	text-align: left;
    	font-size: 1rem;
    	line-height: 1.4em;
	}
	.planning #custom-post .ratio li table tr th,
	.planning #custom-post .ratio li table tr td {
		display: block;
		width: 100%;
	}
	.planning #custom-post .ratio li table tr td {
    	padding: 5px;
	}
}
@media screen and (max-width: 767px) {
	.planning #custom-post .ratio li {
    	display: block;
    	width: 100%;
    	margin: 0 0 20px;
	}
	.planning #custom-post .ratio li:last-child {
		margin: 0;
	}
}
/* --------------------------------------------------- ツアーサポート事業*/
.tour-support #service {
	background: rgba(240,248,233,1);	
}
.tour-support #service .ratio li:first-child {
	width: 30%;
}
.tour-support #service .ratio li:last-child {
	width: 70%;
	background: #fff;
	padding: 40px;
}
.tour-support #service .ratio:not(:last-of-type) {
	margin: 0 0 30px;
}
.tour-support #service .ratio li h2 {
	color: #6aa632;	
	font-size: 1.375rem;
	margin: 0 0 10px;
}
.tour-support #service .ratio li p:not(:last-of-type) {
	margin: 0 0 5px;
}
.tour-support #service .corp {
	text-align: right;
	margin: 30px 0 0;
}
.tour-support #service .ratio li p.mark-circle:before {
	    top: 7px;
	}
@media screen and (max-width: 1200px){
	.tour-support #service .ratio li:last-child {
		padding: 30px;
	}
}
@media screen and (max-width: 1023px){
	.tour-support #service .ratio li:last-child {
		padding: 20px;
	}
	.tour-support #service .ratio li h2 {
		font-size: 1.125rem;
		margin: 0 0 8px;
	}
	.tour-support #service .ratio li:first-child {
		width: 38%;
	}
	.tour-support #service .ratio li:last-child {
		width: 62%;
	}
	.tour-support #service .ratio li p.mark-circle {
    	font-size: .875rem;
	}
	.tour-support #service .ratio li p.mark-circle:before {
	    top: 5px;
	}
}
@media screen and (max-width: 767px){
	.tour-support #service .ratio li:first-child,
	.tour-support #service .ratio li:last-child {
		display: block;
		width: 100%;
	}
	.tour-support #service .ratio li p.mark-circle {
    	font-size: 1rem;
	}
	.tour-support #service .ratio li p.mark-circle:before {
	    top: 7px;
	}
}
/* ======================================================
/*               ++ アスリート一覧 ++
   ====================================================== */
/* --------------------------------------------------- 一覧ページ */
#archive-member {
	padding: 50px 0;
}
#archive-member .section-title {
    margin: 0 0 20px;
}
#archive-member #main {
    width: 900px;
}
#archive-member #sub {
	margin: 0;
	padding-left: 20px;
    width: 280px;
	border-left: 2px solid #6eb92b;
}
#archive-member .ratio.post li {
	width: calc(33.333% - 7px);
	vertical-align: top;
	margin: 0 10.5px 10.5px 0;
	background: rgba(240,248,233,1);
	padding: 10px;
	float: left;
	transition: .3s;
}
#archive-member .ratio.post li:hover {
	background: #dafbbd;
}
#archive-member .ratio.post li:nth-child(3n) {
	margin: 0 0 10.5px 0;	
}
#archive-member .box .thumbnail,
#archive-member .box .text-cont {
	float: left;
}
#archive-member .box .thumbnail {
	width: 37%;
	margin-right: 3%;
}
#archive-member .box .text-cont {
	width: 60%;
}
#archive-member .box .text-cont h4 {
	font-size: 1.125rem;
    margin: 3px 0 5px;
    line-height: 1.2em;
}
#archive-member .box .text-cont .kana {
	font-family: 'Josefin Sans', sans-serif;
	font-size: .75rem;
	font-weight: normal;
	line-height: 1;
    margin: 0 0 5px;
}
#archive-member .box .text-cont .ctgr {
	display: inline-block;
    border: 2px solid #33b4d8;
    line-height: 1;
    padding: 3px 3px 2px 4px;
    font-size: .75rem;
    border-radius: 5px;
    background: #fff;
    font-weight: bold;
    letter-spacing: .1em;
	margin: 0 2px 0 0;
}
#archive-member .box .text-cont .catch {
	font-size: .875rem;	
    margin: 5px 0 0;
}
#archive-member #sub ul li {
	line-height: 1.9em;
    font-size: .875rem;
}
#archive-member #sub ul li a {
	transition: .2s;
}
#archive-member #sub ul li a:hover {
	color: #6eb92b;
}
#archive-member #sub ul li span {
	display: inline-block;
	font-size: .875rem;
	margin-left: 5px;
}
#archive-member .entry-count {
	margin: 0 0 5px;
	font-size: .9375rem;
}
@media screen and (max-width: 1260px) {
	#archive-member .wrap {
		max-width: 1020px;
	}
	#archive-member #main {
		width: 800px;
	}
	#archive-member #sub {
    	width: 200px;
	}
}
@media screen and (max-width: 1100px) {
	#archive-member .wrap {
		max-width: 94%;
	}
	#archive-member #main{
		width: 75%;
		padding-right: 10px;
	}
	#archive-member #sub {
    	width: 25%;
		padding-left: 10px;
	}
	#archive-member .box .thumbnail,
	#archive-member .box .text-cont {
		float: none;
		width: 100%;
	}
	#archive-member .box .thumbnail {
		margin: 0 0 10px;
	}
}
@media screen and (max-width: 767px) {
	#archive-member {
    	padding: 30px 0;
	}
	#archive-member #main{
		width: 100%;
		padding-right: 0;
	}
	#archive-member #sub {
    	width: 100%;
		padding: 10px 0 0;
		border-left: none;
	}
	#archive-member .ratio.post li {
    	width: calc(50% - 5px);
	    margin: 0 10px 10px 0;
	}
	#archive-member .ratio.post li:nth-child(3n) {
	    margin: 0 10px 10px 0;
	}
	#archive-member .ratio.post li:nth-child(2n) {
    	margin: 0 0 10px 0;
	}
	#archive-member .box .text-cont .catch {
    	font-size: 1rem;
	}
	#archive-member #sub ul li {
		font-size: 1rem;
	}
}
/* --------------------------------------------------- 個人ページ */
#profile {
	padding: 50px 0;
}
#profile .top-box .name {
	float: left;
	width: calc( 100% - 200px);
}
#profile .top-box .sns {
	float: right;
}
#profile .top-box .sns .sns-icon-wrap {
    text-align: right;
    letter-spacing: -0.5em;
    list-style-type: none;
    max-width: 180px;
}
#profile .top-box .sns .sns-icon-wrap li {
    letter-spacing: normal;
    list-style-type: none;
    display: inline-block;
    width: 35px;
    margin: 0 0 10px 10px;
    vertical-align: middle;
}
#profile .main-box .img-onmouse {
	float: left;
	width: 50%;
	padding-right: 1%;
}
#profile .main-box .basic-info{
	float: left;
	width: 50%;
	padding-left: 1%;
}
#profile .main-box .img-onmouse .gazou-main {
	float: left;
	width: 79%;	
	margin-right: 3%;
}
#profile .main-box .img-onmouse .gazou-sub {
	float: left;
	width: 18%;		
}
#profile p.credit {
    font-size: 0.5rem;
    display: inline-block;	
}
#profile .main-box .img-onmouse .gazou-sub ul li:not(:last-child) {
	margin: 0 0 10px;
}
#profile .top-box {
	margin: 0 0 8px;
}
#profile h2 .member-name {
    font-size: 2rem;
    letter-spacing: .1em;
    line-height: 1;
}
#profile h2 .kana {
	font-family: 'Josefin Sans', sans-serif;
	display: inline-block;
	margin-left: 8px;
}
#profile .basic-info .catch {
	color: #6eb92b;
	font-size: 1.125rem;
	margin: 0 0 15px;
	font-weight: bold;
}
#profile .basic-info table {
    border-top: 1px solid #66b61c;	
}
#profile .basic-info table th,
#profile .basic-info table td {
	padding: 12px;
	vertical-align: top;
    border-bottom: 1px solid #66b61c;
}
#profile .basic-info table th {
	width: 30%;
}
#profile .basic-info table td {
	width: 70%;
}
#profile .biography,
#profile .free-content,
#profile .topics {
	margin: 30px 0 0;
}
#profile .biography .ratio li {
	width: 48%;
}
#profile .biography .ratio li:first-child {
	margin-right: 4%;
}
#profile .biography .ratio li div {
	line-height: 1.7em;
}
#profile .biography h3,
#profile .free-content h3,
#profile .topics h3 {
	border-bottom: 2px solid #66b61c;
	color: #6eb92b;
	font-size: 1.125rem;
	padding: 0 0 5px;
	font-weight: bold;
	margin: 0 0 8px;
}
.letter-false {
    background-image: linear-gradient(180deg,rgba(168,168,168,0) 0%,rgba(168,168,168,0) 96%,#ccc 100%);
    background-repeat: repeat-y;
    background-size: 100% 2.5em;
    line-height: 2.5em;
}
#profile .topics .list {
	margin: 15px 0 0;
}
#profile .topics .list a,
.letter-false a{
	text-decoration: underline;
	transition: .3s;
}
#profile .topics .list a:hover,
.letter-false a:hover {
	color: #6eb92b;	
}
#profile .ratio.btn {
    text-align: center;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
#profile .ratio.btn li {
	/* margin: 0 20px; */
}
#profile .print-btn {
    text-align: center;
}
#profile .print-btn input,
#profile .back a{
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    padding: 14px 30px;
    border: none !important;
    border-radius: 5px;
    font-weight: bold;
    transition: .3s;
    background: #6eb92b;
    color: #fff;
    font-size: 1rem;
    letter-spacing: .1em;
}
#profile .print-btn input:hover,
#profile .back a:hover{
    background: #5ac3e0;
}
#profile .free-content img {
	width: auto;
}
#profile .free-content .text table th,
#profile .free-content .text table td {
	padding: 10px;
	vertical-align: top;
    border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 1023px) {
	#profile .basic-info table th {
		width: 40%;
	}
	#profile .basic-info table td {
		width:60%;
	}
}
@media screen and (max-width: 767px) {
	#profile {
    	padding: 30px 0;
	}
	#profile .top-box .name,
	#profile .top-box .sns {
		float: none;
		width: 100%;
	}
	#profile .top-box .sns .sns-icon-wrap {
    	text-align: left;
	}
	#profile .top-box .sns .sns-icon-wrap {
		max-width: 100%;
	}
	#profile h2 .member-name {
    	font-size: 1.75rem;
    	display: inline-block;
		letter-spacing: .05em;
	}
	#profile h2 .kana {
		margin: 2px 0 5px 3px;
		font-size: 1.125rem;
    	font-weight: normal;
	}
	#profile .top-box .sns .sns-icon-wrap li {
		width: 30px;
		margin: 0 10px 0 0;
	}
	#profile .main-box .img-onmouse,
	#profile .main-box .basic-info {
    	float: none;
    	width: 100%;
    	padding: 0;
	}
	#profile .basic-info {
		margin: 20px 0 0;
	}
	#profile .basic-info table th,
	#profile .basic-info table td {
    	padding: 12px 6px;
	}
	#profile .basic-info table th {
		width: 30%;
	}
	#profile .basic-info table td {
		width: 70%;
	}
	#profile .biography, #profile
	.free-content, #profile .topics {
    	margin: 20px 0 0;
	}
	#profile .biography .ratio li {
		display: block;
    	width: 100%;
	}
	#profile .biography .ratio li:first-child {
		margin: 0 0 10px;
	}
	#profile .ratio.btn {
    	margin-top: 20px;
		flex-direction: column;
		gap: 10px;
	}
	#profile .ratio.btn li {
    	margin: 0;
    	width: 100%;
    	display: block;
	}
	#profile .print-btn input,
	#profile .back a {
		width: 100%;
	}
	#profile .ratio.btn li.print-btn {
		display: none;
	}
	#profile .free-content .text.scroll {
		overflow-x: scroll;
    -webkit-text-size-adjust: 100%;
	}
	#profile .free-content .text.scroll table {
    	min-width: 800px;
	}
}
@media screen and (max-width: 320px) {
	#profile .basic-info .catch {
    	font-size: 1rem;
	}
}
/* ======================================================
/*               ++ 最新情報 ++
   ====================================================== */
/* --------------------------------------------------- 共通 */
#cat-nav {
	margin: 30px  0 20px;
}
#cat-nav ul li {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    margin: 0 10px;
    transition: .5s;
    cursor: pointer;
}
#cat-nav ul li:first-child {
	margin: 0 10px 0 0;
}
#cat-nav ul li span {
    background: #eee;
    border-radius: 10px;
    padding: 3px 10px;
    font-size: .875rem;
}
#cat-nav ul li.active span {
    background: #6eb92b;
    color: #fff;
}
#main h2,
#sub .sidebar-title{
    color: #6eb92b;
	margin: 0 0 8px;
	font-size: 1.25rem;
	letter-spacing: .1em;
	text-align: center;
}
#sub .sidebar-title {
	font-size: 1rem;
	margin: 9px 0 5px;
	letter-spacing: .05em;
}
.tax-genre #page-title h1 span.genre {
	display: inline-block;
	margin-left: 10px;
	font-size: 1rem;
}
/* --------------------------------------------------- アーカイブページ*/
#archive-news #main {
    width: 900px;
}
#archive-news #sub {
    padding-left: 30px;
    width: 270px;
}
#news .post {
	padding: 20px 0 15px;
    border-top: 1px #66b61c solid;
}
#news .post li {
	display: inline-block;
	vertical-align: top;
}
#news .post > li:first-child {
	width: 35%;
	margin-right: 3%;
}
#news .post > li:last-child {
	width: 62%;
}
#news .post > li .date-cat .date,
#single-post .date-cat .date {
    display: inline-block;
    margin-right: 10px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
}
#news .post > li .ctgr,
#single-post .ctgr {
	border: 2px solid #33b4d8;	
	display: inline-block;
	line-height: 1;
    padding: 4px 5px 3px;
    width: 180px;
	text-align: center;
	font-size: .875rem;
	border-radius: 10px;
}
#news .post > li .ctgr.info,
#single-post .ctgr.info  {
	border:2px solid #7FFF00;
}
#news .post > li .ctgr.fixtures,
#single-post .ctgr.fixtures  {
	border:2px solid #DC143C;
}
#news .post > li .ctgr.matchresults,
#single-post .ctgr.matchresults  {
	border:2px solid #DDA0DD;
}
#news .post > li .ctgr.media,
#single-post .ctgr.media  {
	border:2px solid #20B2AA;
}
#news .post > li .ctgr.appearence,
#single-post .ctgr.appearence  {
	border:2px solid #9932CC;
}
#news .post > li .ctgr.case,
#single-post .ctgr.case  {
	border:2px solid #C71585;
}
#news .post > li .ctgr.report,
#single-post .ctgr.report  {
	border:2px solid #483D8B;
}
#news .post > li h3 {
	margin: 10px 0;
	font-size: 1.125rem;
	transition: .2s;
}
#news .post > li h3:hover,
#news .post > li .contents a:hover {
	color:#6eb92b;
}
#news .post > li .contents {
	margin: 0 0 10px;
}
#news .post li .tag li a {
    background-color: #f5f6f7;
    padding: 5px 10px 3px;
    margin: 0  7px 5px 0;
    color: #788394;
    text-decoration: none;
    font-size: .6375rem;
    display: inline-block;
}
#sub .post {
	padding: 14px 0;
    border-top: 1px #66b61c solid;
}
#sub .d-c {
	margin: 9px 0 5px;
}
#sub .d-c .date,
#sub .d-c .period{
    font-size: .75rem;	
}
#sub .ctgr {
    border: 2px solid #33b4d8;
    line-height: 1;
    padding: 3px 3px 2px 5px;
    text-align: center;
    font-size: .625rem;
    border-radius: 10px;
    background: #fff;
    font-weight: bold;
    letter-spacing: .1em;
}
#sub .ctgr.school {
    border: 2px solid #387d39;
}
#sub .ctgr.media {
    border: 2px solid #cc0033;
}
#sub h3 {
	font-size: .875rem;
	line-height: 1.5;
	transition: .2s;
}
#sub h3:hover {
	color:#6eb92b;
}
@media screen and (max-width: 1400px) {
	#archive-news .wrap {
		max-width: 1020px;
	}
	#archive-news #main {
		width: 790px;
	}
	#archive-news #sub {
    	width: 200px;
		padding-left: 10px;
	}
	#news .post > li h3 {
    	margin: 8px 0 4px;
	}
}
@media screen and (max-width: 1100px) {
	#archive-news .wrap {
		max-width: 94%;
	}
	#archive-news #main {
		width: 79%;
		padding-right: 20px;
	}
	#archive-news #sub {
    	width: 21%;
	}
}
@media screen and (max-width: 1023px) {
	#sub .ctgr,
	#sub .d-c .date,
	#sub .d-c .period{
		display: block;
		width: 100%;
	}
	#sub .ctgr {
		margin: 5px 0 0;
	}
	#sub .sidebar-title {
    	font-size: .75rem;
	}
}
@media screen and (max-width: 767px) {
	#archive-news #main,
	#archive-news #sub {
		float: none;
		width: 100%;
	}
	#archive-news #sub {
		padding: 30px 0 0;
	}
	#sub .sidebar-title {
    	font-size: 1.25rem;
	}
	#cat-nav ul li {
		width: 48%;
		margin: 0 4% 10px 0
	}
	#cat-nav ul li:nth-child(2n)  {
		margin: 0 0 10px 0		
	}
	#cat-nav ul li span {
    	font-size: .875rem;
    	display: block;
	    font-weight: bold;
	}
	#cat-nav {
    	margin: 20px 0 10px;
	}
	#news .post > li {
    	display: block;
	}
	#news .post > li:first-child {
    	width: 100%;
		margin: 0 0 10px; 
	}
	#news .post > li:last-child {
    	width: 100%;
	}
	#sub .ctgr,
	#sub .d-c .date,
	#sub .d-c .period{
		width: 50%;
	}
	#sub .ctgr {
		margin: 0;
		font-size: .75rem;
	}
	#sub .d-c .date {
		font-size: 1rem;		
	}
	#sub .d-c {
    	margin: 14px 0 6px;
	}
	#sub h3 {
    	font-size: 1rem;
	}
	#sub #planning .ratio > li:last-child .post {
    	padding: 14px 0 0;
	}
}
/* --------------------------------------------------- シングルページ*/
#single-post {
	padding: 50px 0 100px;
}
#single-post .contents {
	margin: 0 0 20px;
}
#single-post .contents tr td {
	vertical-align: top;
	text-align: left;
}
#single-post .contents img {
	max-width: 360px;
	margin: 20px auto 0;
}
#single-post .contents tr td img {
	width: auto;
	display: inline;
	margin: 0;
}
#single-post .contents a {
	text-decoration: underline;
}
#single-post .contents a:hover {
    text-decoration: none;
    color: #878787;
}
#single-post .contents h5 {
    font-size: 1.0625rem;
    position: relative;
	margin: 0 0 5px;
}
#single-post .contents h5:after {
	position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    border-radius: 3px;
    background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
    background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
    background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
}
#single-post #main {
	max-width: 900px;
}
#single-post #sub {
    margin: 0;
    padding-left: 30px;
    width: 270px;
    border-left: 2px solid #6eb92b;
}
#single-post #main h2 {
	color: #333;
	text-align: left;
    padding: 0 0 10px;
	margin: 0 0 8px;
    font-size: 1.125rem;
}
#single-post .eye img {
	max-width: 360px;
	margin: 12px auto;
}
#single-post .tag {
	margin: 10px 0 30px;
}
#single-post .tag li {
	display: inline-block;
	vertical-align: top;
}
#single-post .tag li a {
    background-color: #f5f6f7;
    padding: 5px 10px 3px;
    margin: 0 7px 5px 0;
    color: #788394;
    text-decoration: none;
    font-size: .6375rem;
    display: inline-block;
}
#single-post .rp4wp-related-posts {
	margin: 30px 0;
}
#single-post .rp4wp-related-posts h3 {
    color: #66b61c;
    border-bottom: 2px solid #66b61c;
}
#single-post .rp4wp-related-posts  ul {
    margin: 20px 0  !important;
}
#single-post .rp4wp-related-posts  ul li {
	line-height: 1.2em;
	display: inline-block;
	width: 48%;
	vertical-align: top;
	margin: 0 1% 16px;
}
#single-post .rp4wp-related-posts  ul li a img {
    display: block !important;
    width: 75px !important;
    height: 75px !important;
    overflow: hidden;
    float: left !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
}
#single-post .rp4wp-related-posts  ul li a {
	font-size: .875rem;
	transition: .3s;
}
#single-post .rp4wp-related-posts  ul li a:hover {
	color: #66b61c;
}
#single-post #sub ul li {
    line-height: 1.8em;
}
#single-post #sub ul li span.num {
    display: inline-block;
    font-size: .875rem;
    margin-left: 5px;
}
#single-post #sub ul li a {
	transition: .3s;	
}
#single-post #sub ul li a:hover {
	color: #66b61c;
}
#single-post .back {
	text-align: center;
}
#single-post .back a {
    display: inline-block;
    padding: 14px 30px;
    border-radius: 5px;
    font-weight: bold;
    transition: .3s;
    background: #6eb92b;
    color: #fff;
    font-size: 1rem;
    letter-spacing: .1em;
}
#single-post .back a:hover {
    background: #5ac3e0;
}
#single-post .video-box {
    display: block;
    max-width: 360px;
    margin: 20px auto;
}
@media screen and (max-width: 1400px){
	#single-post .wrap {
    	max-width: 1020px;
	}
	#single-post #main {
    	width: 780px;
	}
	#single-post #sub {
    	width: 220px;
		padding-left: 20px;
	}
}
@media screen and (max-width: 1100px) {
	#single-post .wrap {
    	max-width: 94%;
	}
	#single-post #main {
		width: 79%;
		padding-right: 20px;
	}
	#single-post #sub {
    	width: 21%;
	}
}
@media screen and (max-width: 1023px) {
	#single-post #sub {
    	padding-left: 0;
		border-left: none;
	}
}
@media screen and (max-width: 767px) {
	#single-post {
    	padding: 20px 0 24px;
	}
	#single-post #main,
	#single-post #sub {
		float: none;
		width: 100%;
	}
	#single-post #main {
		padding-right: 0;
	}
	#single-post #sub {
		padding: 30px 0 0;
	}
	#single-post #main h2 {
    	padding: 0 0 14px;
    	margin: 0;
    	font-size: 1.0625rem;
	}
	#single-post .contents img,
	#single-post .video-box {
    	max-width: 100%;
	}
	#single-post .contents tr td {
		text-align: left !important;
	}
	#single-post .contents tr td img {
    	padding-right: 10px;
	}
}
/* ======================================================
/*                ++ お問合せフォーム ++
   ====================================================== */
input[type="button"],input[type="email"],input[type="text"],input[type="submit"],input[type="image"],input[type="tel"],textarea,select,input[type="number"] {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	letter-spacing: .1em;
}
#form-content  {
	padding: 50px 0 100px;
}
#form-content .desc {
	text-align: center;
	font-weight: bold;
	font-size: 1.0625rem;
	margin: 0 0 30px;
}
#form-content input[name="tab_item"] {
	margin: 7px 4px 10px 0;
}
.contact .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}
#form-content input:checked + .tab_item {
  background-color: #d2f5ff
}
#form-content .tab_item{
	cursor : pointer;
	color: #00a1ce;
    border: 0px solid #d6d6d6;
	margin: 0 0 10px;
	display: inline-block;
	font-weight:bold
}
.tab_content_description{
    margin-top: 30px;
}
#form-content .midashi{
    font-weight: bold;
	background-color:#33b4d8;
	padding: 6px;
	margin-bottom: 20px
}
#form-content .midashi{
	color:#fff;
	font-size:1.125rem;
	text-align: center;
}
#contact-form .form-wrap {
	background: rgba(240,248,233,1);
    margin: 0 auto;
    padding: 80px;
	letter-spacing: .1em;
    box-shadow: 2px 2px 8px 2px rgb(0 0 0 / 8%);
}
#contact-form .form-wrap .box .sent {
	margin-bottom: 16px;
}
#contact-form .form-title {
	font-weight: bold;
	margin: 0 0 16px;
	text-align: center;
}
#contact-form .form-wrap .ratio,
#contact-form .form-wrap .box{
	margin: 0 0 28px;
}
#contact-form .form-wrap .ratio li {
	width: 48%;
	margin-right: 4%;
	vertical-align: top;
}
#contact-form .form-wrap .ratio.bottom li {
	vertical-align: bottom !important;
}
#contact-form .form-wrap .ratio li:nth-child(3) {
	margin-top: 10px;
}
#contact-form .form-wrap .ratio li:nth-child(2n) {
	margin-right: 0;
}
#contact-form .form-wrap .item-title {
    margin-bottom: 7px;
	letter-spacing: .1em;
	font-weight: bold;
}
#contact-form .wpcf7-form-control.textarea,
#contact-form .wpcf7-form-control.select{
    width: 100%;
    padding: 6px 8px;
    font-size: 16px;
    border: none !important;
}
#contact-form .wpcf7-form-control.select{
    padding: 9.5px 8px;
}
#contact-form .wpcf7-form-control.textarea-s {
    width: 150px;
    padding: 6px 8px;
    font-size: 16px;
    border: none !important;
}
#contact-form .wpcf7-form label {
    border: none !important;
    padding: 6px 10px 8px 4px;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    margin: 0 6px 0 0;
}
#contact-form span.his {
    background: #ff6347;
    padding: 0 2px;
    color: #fff;
    border-radius: 3px;
    margin: 0 0 0 10px;
    font-size: 0.85em;
}
#contact-form .transmission {
    text-align: center;
    margin: 72px auto 0;
}
#contact-form .transmission .button,
div.wpcf7cp-btns .wpcf7-form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    cursor: pointer;
    background: #333;
    display: inline-block;
    width: 30%;
    outline: none;
    border-radius: 5px;
    font-size: 1.125rem;
	font-weight: bold;
    border: none;
    padding: 12px 0;
    margin: 0 1%;
    letter-spacing: .2em;
    transition: .5s;
    color: #fff;
}
#contact-form .transmission .button:hover,
div.wpcf7cp-btns .wpcf7-form-control:hover {
    background: #6eb92b;
    color: #fff;
}
#contact-form .ques-wrap .box {
	margin: 28px 0 0;
}
.wpcf7-spinner {
	display: block !important;
}
.wpcf7-list-item {
	margin: 0 !important;
}
#contact-form .note {
	letter-spacing: .1em;
	text-align: center;
	margin: 50px 0 0;
}
div#wpcf7cpcnf table {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-bottom: none;
}
div#wpcf7cpcnf table tr {
	border-bottom: 1px solid #ccc;
}
div#wpcf7cpcnf table th,
div#wpcf7cpcnf table td {
	padding: 12px;
}
div#wpcf7cpcnf table th {
	width: 50%;
	border-right: 1px solid #ccc;
	background: #f0f8ff;
}
div.wpcf7cp-btns {
	margin: 50px 0 0 !important;
	text-align: center;
}
.apply-title {
	margin: 0 0 30px;
}
.apply-title span {
	font-weight: bold;
}
.apply-title input[type="text"] {
    background: #fff;
    border: none;
	padding: 4px 10px;
    font-size: 1rem;
    width: 50%;
	margin: 0 0 0 10px;
}
input[type="date"] {
	padding: 6px 10px 8px 4px;
	font-size: 1rem;
}
#contact-form input.cb {
    transform: scale(1.25);
    margin: 0 8px 0 0;
}
#contact-form .unit {
	display: inline-block;
	margin-left: 5px;
}
#contact-form .teacher {
	margin: 0 0 12px;
	font-weight: bold;
}
#contact-form .about-file {
    margin-left: 20px;	
}
#contact-form .teacher a,
#contact-form .about-file a {
    color: #33b4d8;
    margin-left: 10px;	
}
#contact-form input.file {
	font-size: 16px;
	cursor: pointer;
}
#contact-form .text-c {
    text-align: center;
    color: #ff6347;
    font-weight: bold;
}
/* --------------------------------------------------- リキャプチャ */
.grecaptcha-badge { visibility: hidden; }
#contact-form .recaptcha {
	font-size: .875rem;
	margin: 10px 0 0;
}
#contact-form .recaptcha a {
    margin: 0 5px;
    color: #00a1e9;
	padding-bottom: 2px;
}
#contact-form .recaptcha a:hover {
    color: #005bac;
}
@media screen and (max-width:1023px){
	#contact-form .form-wrap {
		margin: 30px auto 0;
    	padding: 30px;
	}
	#contact-form .transmission .button {
		width: 50%;
	}
	#contact-form .transmission {
    	margin: 50px auto 0;
	}
	#form-content .tab_item {
    	float: left;
    	width: 90%;
	}
	#form-content input[name="tab_item"] {
    	float: left;
    	display: inline-block;
    	width: 7%;
		margin: 5px 2% 10px 0;
	}
	#form-content input[name="tab_item"]:after {
		clear: both;
		content: " ";
		display: block;
	}
}
@media screen and (max-width:767px){
	#form-content {
    	padding: 20px 0 30px;
	}
	#form-content .desc {
    	text-align: left;
    	font-size: 1rem;
    	margin: 0 0 16px;
	}
	.tab_content_description {
   	 margin-top: 20px;
	}
	#contact-form .form-title {
    	margin: 0;
    	text-align: left;
	}
	#contact-form .form-wrap {
 		margin: 10px auto 0;
    	padding: 20px 10px 6px;
	}
	#contact-form .form-wrap .ratio {
    	margin: 0 0 12px;
	}
	#contact-form .form-wrap .ratio li {
    	width: 100%;
    	margin: 0 0 12px;
	}
	#contact-form .form-wrap .ratio li:last-child {
    	margin: 0;
	}
	.wpcf7-list-item {
		margin: 0 !important;
	}
	#contact-form .transmission {
    	margin: 30px auto 0;
	}
	div.wpcf7cp-btns {
    	margin: 40px 0 0 !important;
	}
	#contact-form .transmission .button, div.wpcf7cp-btns .wpcf7-form-control {
		width: 43%;
		font-size: 1rem;
		letter-spacing: .1em;
	}
	.grecaptcha-badge {
		bottom: 0 !important;
		right: -160px !important;
		transform: scale(0.5, 0.5);
	}
	.apply-title {
    	margin: 0 0 18px;
	}
	.apply-title input[type="text"] {
    	width: 100%;
		margin: 0;
	}
	.apply-title span {
		display: block;
		letter-spacing: .1em;
		margin: 0 0 5px;
	}
}
/* ======================================================
/*             ++ 送信完了しました ++
   ====================================================== */
.completion aside,
.thanks_iy2024 aside{
	padding: 100px 0;
	text-align: center;
}
@media screen and (max-width:767px){
.completion aside {
    padding: 30px 0 36px;
    text-align: left;
}
}
/* ======================================================
/*                ++ プライバシーポリシー ++
   ====================================================== */
#policy {
	padding: 50px 0 100px;
}
#policy h3 {
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing: .1em;
    margin: 0 0 6px;
}
#policy .item {
    padding: 20px 0 0 20px;
}
#policy .item > li {
    list-style-type: decimal;
    margin: 0 0 14px;
}
#policy .item > li .box {
	margin: 15px 0;
}
#policy .item > li .box h4 {
	margin: 0 0 10px;
}
#policy .item > li .box p:not(:last-of-type) {
	margin: 0 0 10px;
}
#policy .item > li .box .mark-circle:before {
	background: #ccc;
    width: 7px;
    height: 7px;
    top: 8px;
}
#policy .item > li .box .mark-circle {
    padding-left: 14px;
}
#policy .contact span {
	display: inline-block;
	font-weight: bold;
	margin: 0 5px;
	color: #6eb92b;
}
#policy section:nth-of-type(2) {
	padding: 50px 0 0;
}
#policy section:nth-of-type(2) .desc:nth-of-type(2) {
	margin: 10px 0 0;
}
@media screen and (max-width:767px){
	#policy {
    	padding: 30px 0;
	}
	#policy h3 {
    	font-size: 1.25rem;
    	letter-spacing: .05em;
	}
	#policy section:nth-of-type(2) {
    	padding: 30px 0 0;
	}
}

/*-------------------------------------------------
	++ ENTRY FORM　フォーム内容
-------------------------------------------------*/
/*タイトルトップ*/
.form-title{
	font-weight: bold;
	font-size:17px;
	margin-bottom: 4%;
    text-align: center;
}
/*例文表記*/
.form-box {
	margin-bottom:20px;
}
.form-box-02{
	width:92%;
	margin:0 auto 20px;
}
/*横に3列タイプ*/
.form-box-04{
	width:92%;
	margin:30px auto 0;
}
.form-box-04 li{
	width: 31.5%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 4% 0;
}
.form-box-04 li:last-child{
    margin-right: 0
}
/*フォーム共通*/
.form-box li {
	display:inline-block;
	vertical-align:top;
	width:41.5%;
	margin:0 4%;
}
.form_item {
	margin-bottom:10px;
font-weight:bold
}
span.his {
	background: #ff6347;
	padding: 0 2px;
	color: #fff;
	border-radius: 3px;
	margin: 0 0 0 10px;
	font-size:0.85em;
}
/*セレクトボックス*/
#entryform select {
    font-size: 20px;
}
/*フォーム内線*/
#entryform hr {
	border-width: 1px 0 0 0; 
	border-style: solid; 
	border-color:#33b4d8;
	margin-top:2%;
	margin-bottom:5%;
	width:93%
}
.wpcf7-form-control.textarea {
	width: 100%;
	padding: 5px;
	font-size: 16px;
	border-radius:5px;
	border:solid 1px #888;
}
label {
	border: 1px solid #888;
	border-radius: 5px;
	padding: 5px 10px 5px 5px;
	display: inline-block;
	cursor: pointer;
	background:#fff;
	margin-bottom:5px;
}
.wpcf7-list-item-label,
label {
	vertical-align:middle;
}
.policy-link a {
	text-decoration: underline;
}
.policy-link a:hover {
	color:#588f27;
}
/*送信ボタン*/
.sendbtn {
	padding:15px;
    margin: 0 auto;
    width: 10%;
}
.sendbtn input {
	width:130px;
	height:45px;
	outline:none;
	background-color:#33b4d8;
	border:none;
	color:#FFF;
	cursor:pointer;
	border-radius:5px;
	-webkit-appearance: none;
	margin-bottom:20px
	}
@media screen and (max-width: 767px) {
	.form-box-02 {
		width:100%;
	}
	.form-box {
		margin-bottom:0;
	}
	.form-box li {
		display:block;
		vertical-align:top;
		width:100%;
		margin:0 0 20px 0;
	}
	label {
		padding:5px;
	}
.wpcf7-form-control.textarea {
	width: 98%
}
}
/*i-pad用処理*/
@media screen and (max-width: 1025px) {
.form-box-04 li{
	width: 31.3%;
}
.sendbtn {
    width: 20%;
}
}
/*mobile横*/
@media screen and (max-width: 668px) {
.form-box-04 li{
	width: 30%
}
}
/*i-phone用処理*/
@media screen and (max-width:641px){
.wpcf7-form-control.textarea {
	width: 96%
}
.form-box-04 li{
	width: 100%;
    display: block;
}
.sendbtn{
	width: 100%;
    text-align: center;
	padding:15px 0
}
.sendbtn input{
	font-size:15px
}
}
/*イトーヨーカドー×アース製薬共同企画キャペーン2023 サッカー教室 :応募フォーム*/
.page-id-167861 .main-navi1209,.page-id-16786 .pankuzu,.page-id-16786 .top-nav2,.page-id-16786 .fotter-back,.page-id-16786 .back-gra.fotter-btm,.page-id-16786 .page-top,.page-id-16786 .sns-nav,.pankuzu,.page-id-16786 .wp_social_bookmarking_light{
display:none
}
.page-id-16786{
color: black;
    font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.page-id-16786 .btm-1 {
    margin-bottom: 1%;
}
.page-id-16786 .btm-2 {
    margin-bottom: 2%;
}
.page-id-16786 .btm-3 {
    margin-bottom: 3%;
}
.page-id-16786 .text-r {
    text-align:right;
}
.iy_campaign .font-min {
    font-size: 0.8em;
}
.iy_campaign .font-red {
    color: #dc3545;
}
.page-id-16786 .content {
    max-width: 980px;
    margin: 0 auto;
    overflow: hidden;
}
.page-id-16786 .top.content {
    padding: 12% 0 7%;
}
.page-id-16786 p, .page-id-16786 ul {
    font-size: 15px;
    color: black;
}
.footer-iy {
background-color: #949494;
padding:2%
}
.footer-iy p {
  color: white;
  font-size: 0.7em;
}
.indent-p {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
.iy_campaign .form-boxBig{
background-color: #f6f6f6;
padding: 2%;
margin-top: 3%;
}
.iy_campaign h2{
    font-size: 1.8em;
	text-align:center;
}
.iy_campaign .font-red{
color:#dc3545
}
.iy_campaign .sendbtn {
    padding: 15px;
    margin: 0 auto;
    width: 40%;
}
.iy_campaign .sendbtn input {
  background-color: #dc3545;
  border: 1.5px solid #dc3545;
  margin: 1% auto 0;
    width: 100%;
  font-size: 1.2em;
}
.iy_campaign .form-boxBig .form-box{
border-bottom: 1px dashed gray;
padding-bottom: 2%;
}
.iy_campaign .form-boxBig li.top{
    margin: 0 4% 0 0%;
    text-align: right;
    width: 25%;
}
.iy_campaign .form-boxBig li.last{
    width: 60%;
}
.iy_campaign .form-boxBig span.wpcf7-list-item {
    display:block;
    margin: 0;
}
.iy_campaign .wpcf7-form-control.textarea {
    width: 100%;
    padding: 10px;
    font-size: 1em;
}
.iy_campaign .font-min{
font-size: 0.8em;
}
.iy_campaign #entryform select {
    font-size: 1em;
    width: 100%;
    padding: 10px;
}
@media screen and (max-width: 1025px) {
.page-id-16786 .content {
        max-width: 95%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 767px){
.iy_campaign h2 {
    font-size: 1.4em;
}
.iy_campaign #entryform select {
    width: 95%;
}
.iy_campaign .font-red {
    font-size: 13px;
}
.page-id-16786 .top.content {
    padding: 22% 0 7%;
}
.iy_campaign .form-boxBig li.last, .iy_campaign .form-boxBig li.top {
    width: 100%;
}
.iy_campaign .form-boxBig li.top {
    margin: 4% 0;
    text-align: left;
}
.iy_campaign .top-mov3{
margin-top:3%
}
.iy_campaign .wpcf7-form-control.textarea {
    width: 95%;
}
.iy_campaign .sendbtn {
    width: 80%;
}
.page-id-16786 .category {
    padding-top: 0;
}
}


/*イトーヨーカドー×アース製薬共同企画キャペーン2025サッカー教室 :応募フォーム*/
.page-id-17912 .main-navi1209,.page-id-17912 .pankuzu,.page-id-17912 .top-nav2,.page-id-17912 .fotter-back,.page-id-17912 .back-gra.fotter-btm,.page-id-17912 .page-top,.page-id-17912 .sns-nav,.pankuzu,.page-id-17912 .wp_social_bookmarking_light{
display:none
}
.page-id-17912{
color: black;
    font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.page-id-17912 .btm-1 {
    margin-bottom: 1%;
}
.page-id-17912 .btm-2 {
    margin-bottom: 2%;
}
.page-id-17912 .btm-3 {
    margin-bottom: 3%;
}
.page-id-17912 .text-r {
    text-align:right;
}
.iy_campaign .font-min {
    font-size: 0.8em;
}
.iy_campaign .font-red {
    color: #dc3545;
}
.page-id-17912 .content {
    max-width: 980px;
    margin: 0 auto;
    overflow: hidden;
}
.page-id-17912 .top.content {
    padding: 12% 0 7%;
}
.page-id-17912 p, .page-id-16786 ul {
    font-size: 15px;
    color: black;
}
.footer-iy {
background-color: #949494;
padding:2%
}
.footer-iy p {
  color: white;
  font-size: 0.7em;
}
.indent-p {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
.iy_campaign .form-boxBig{
background-color: #f6f6f6;
padding: 2%;
margin-top: 3%;
}
.iy_campaign h2{
    font-size: 1.8em;
	text-align:center;
}
.iy_campaign .font-red{
color:#dc3545
}
.iy_campaign .sendbtn {
    padding: 15px;
    margin: 0 auto;
    width: 40%;
}
.iy_campaign .sendbtn input {
  background-color: #dc3545;
  border: 1.5px solid #dc3545;
  margin: 1% auto 0;
    width: 100%;
  font-size: 1.2em;
}
.iy_campaign .form-boxBig .form-box{
border-bottom: 1px dashed gray;
padding-bottom: 2%;
}
.iy_campaign .form-boxBig li.top{
    margin: 0 4% 0 0%;
    text-align: right;
    width: 25%;
}
.iy_campaign .form-boxBig li.last{
    width: 60%;
}
.iy_campaign .form-boxBig span.wpcf7-list-item {
    display:block;
    margin: 0;
}
.iy_campaign .wpcf7-form-control.textarea {
    width: 100%;
    padding: 10px;
    font-size: 1em;
}
.iy_campaign .font-min{
font-size: 0.8em;
}
.iy_campaign #entryform select {
    font-size: 1em;
    width: 100%;
    padding: 10px;
}
.page-id-17912 #g-nav .right .box ul li p{
    color: #fff;
}
.page-id-17912 .openbtn p {
    color: #fff;
}
.page-id-17912 #top-head .index-item > a p {
    color: #fff;
}
@media screen and (max-width: 1025px) {
.page-id-17912 .content {
        max-width: 95%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 767px){
.iy_campaign h2 {
    font-size: 1.4em;
}
.iy_campaign #entryform select {
    width: 95%;
}
.iy_campaign .font-red {
    font-size: 13px;
}
.page-id-17912 .top.content {
    padding: 22% 0 7%;
}
.iy_campaign .form-boxBig li.last, .iy_campaign .form-boxBig li.top {
    width: 100%;
}
.iy_campaign .form-boxBig li.top {
    margin: 4% 0;
    text-align: left;
}
.iy_campaign .top-mov3{
margin-top:3%
}
.iy_campaign .wpcf7-form-control.textarea {
    width: 95%;
}
.iy_campaign .sendbtn {
    width: 80%;
}
.page-id-17912 .category {
    padding-top: 0;
}
}

/*-------------------------------------------------
	++ フォーム3種　切り替え
-------------------------------------------------*/
.c-txtsp{
	text-aligh:center
}
/*ラジオボタンを全て消す*/
.form-select input[name="tab_item"] {
	margin: 3px 10px 20px 0px;
}
/*タブ切り替えの中身のスタイル*/
.form-select .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #d2f5ff
}
/*上部タブボタン*/
.form-select .tab_item{
	cursor : pointer;
	color: #00a1ce;
    border: 0px solid #d6d6d6;
	margin: 0;
	text-indent: -1em;
    padding-left: 1em;
font-weight:bold
}
/*下部表示内容*/
.tab_content_description{
	padding:5% 2% 0;
    border: 1px solid #33b4d8;
    margin-top: 3%;
    margin-bottom: 7%;
}
/*お問い合わせ内容を選択して下さい*/
.form-select .midashi{
    font-weight: bold;
	background-color:#33b4d8;
	padding: 0.5%;
	margin-bottom:2%
}
.form-select .midashi p{
	color:white;
	font-size:1.1em;
	text-align: center;
}
/*i-phone用処理*/
@media screen and (max-width:641px){
.tab_content_description{
	padding:2.5%
}
.form-select input[name="tab_item"] {
	margin: 0;
display:none
}
}
#childWrapper.checked {
    display: block;
}
#childWrapper {
    display: none;
}

/* ======================================================
/*              ++ 髙田真希マルシェ ++
   ====================================================== */
/*アニメーション*/
.fadeIn{
animation-name: fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(50px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
.flipLeftTop{
animation-name: flipLeftTopAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes flipLeftTopAnime{
  from {
   transform: translate(-20px,80px) rotate(-15deg);
	opacity: 0;
  }
 
  to {
   transform: translate(0,0) rotate(0deg);
	opacity: 1;
  }
}
.flipRightTop{
animation-name: flipRightTopAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes flipRightTopAnime{
  from {
   transform: translate(-20px,80px) rotate(25deg);
   opacity: 0;
  }
  to {
   transform: translate(0,1) rotate(0deg);
	opacity: 1;
  }
}
.zoomIn{
	animation-name: zoomInAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
  from {
	transform: scale(0.6);
	opacity: 0;
  }
  to {
    transform: scale(1);
	opacity: 1;
  }
}
.fadeUpTrigger,
.zoomInTrigger,
.flipLeftTopTrigger,
.flipRightTopTrigger{
    opacity: 0;
}
/*トップ*/
/*トップ*/
/*トップ*/
.takadamaki-marche #main_image .box {
    padding-top: 80px;
}
.takadamaki-marche #about .contents .box {
    margin-top: 5%;
}
.takadamaki-marche #about .contents li {
    display: inline-block;
    width: 30%;
    margin-right: 5%;
    vertical-align: top;
    background: #7cb5dd;
    padding: 2%;
    border-radius: 16px;
	position: relative;
	box-shadow: 7px 9px 8px 6px rgba(17,17,26,0.08);
}
.takadamaki-marche #about .contents li:last-child {
    margin-right: 0;
}
.takadamaki-marche #about .contents li .image1 {
    position: absolute;
    top: -30px;
    left: -40px;
}
.takadamaki-marche #about .contents li h4 {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
	margin: 4% 0;
}
.takadamaki-marche #about .contents li .textbox {
    margin-top: 5%;
}
.takadamaki-marche #about .contents li .textbox p {
    color: #fff;
    font-weight: bold;
}
.takadamaki-marche #news {
    background: #fff9d3;
}

.takadamaki-marche #t_history .h_contents a {
    margin-right: 2%;
}
.takadamaki-marche #t_history .h_contents a:hover {
    opacity: 0.5;
}
.takadamaki-marche #t_history .h_contents a:last-child {
    margin-right: 0;
}
.takadamaki-marche #t_history .h_contents li {
    display: inline-block;
    width: 23.5%;
    margin-right: 2%;
    vertical-align: top;
	background: rgba(240, 248, 233, 1);
	box-shadow: 7px 9px 8px 6px rgba(17,17,26,0.08);
}
.takadamaki-marche #t_history .h_contents li:last-child {
    margin-right: 0;
}
.takadamaki-marche #t_history .h_contents li h4 {
    background: linear-gradient(to bottom, #5ac3e0 0%, #70ba29 100%);
    padding: 2%;
    color: #fff;
    text-align: center;
}
.takadamaki-marche #t_history .h_contents li .inner {
    padding: 5%;
}
.takadamaki-marche #t_history .h_contents li .naiyo {
    margin-top: 5%;
}
.takadamaki-marche #t_history .h_contents li p {
    margin-top: 0.3em;
}
.takadamaki-marche #t_history .h_contents li span.box {
    background: #5ac3e0;
    color: #fff;
    padding: 1% 2%;
    border-radius: 3px;
    font-weight: bold;
    margin-right: 3%;
	font-size: 0.9em;
}
.takadamaki-marche #t_history .h_contents .more a {
    margin: 0 auto;
}
.takadamaki-marche #sns {
    background: #e6f9ff;
}
.takadamaki-marche #sns .contents .box {
    max-width: 1000px;
    margin: 0 auto;
}
.takadamaki-marche #sns .contents {
    margin-top: 5%;
}
.takadamaki-marche #sns .contents .box li {
	display: inline-block;
    width: 48%;
    margin-right: 4%;
    vertical-align: middle;
}
.takadamaki-marche #sns .contents .box li:last-child {
    margin-right: 0;
}
.takadamaki-marche #sns .contents .box li a {
    color: #fff;
    font-weight: bold;
	display: block;
    background: #5ac3e0;
    border-radius: 10px;
    text-align: center;
    padding: 3%;
	border: solid 5px #5ac3e0;
}
.takadamaki-marche #sns .contents .box li:last-child a {
    background: #eacc2d;
	border: solid 5px #eacc2d;
}
.takadamaki-marche #sns .contents .box li:first-child a:hover {
    color: #33b4d8;
    background: #fff;
    border: solid 5px #5ac3e0;
}
.takadamaki-marche #sns .contents .box li:last-child a:hover {
    color: #eacc2d;
    background: #fff;
    border: solid 5px #eacc2d;
}
.takadamaki-marche #sns .contents .box li a .fa-instagram {
    font-size: 5rem;
}
.takadamaki-marche #sponsor .contents li {
    display: inline-block;
    width: 23.3%;
    vertical-align: middle;
    margin: 10px;
    font-weight: bold;
    text-align: center;
}
.takadamaki-marche #sponsor .interval2 {
    padding: 60px 0;
}
.takadamaki-marche #sponsor .contents .box2 {
    text-align: center;
}
.takadamaki-marche #sponsor .contents .box2 li {
    font-weight: bold;
	vertical-align: middle;
}
.takadamaki-marche #contact {
    background: #fff9d3;
}




@media screen and (max-width: 767px){
.takadamaki-marche #about .contents .box {
    width: 90%;
    margin: 0 auto;
}
.takadamaki-marche #about .contents li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10%;
    padding: 5%;
}
.takadamaki-marche #about .contents li .image1 {
    left: -20px;
}
.takadamaki-marche #t_history .h_contents li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
}
.takadamaki-marche #sns .contents .box li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
}
.takadamaki-marche #sponsor .contents li {
    width: 43.9%;
}
}
/*高田真希マルシェシングルページ*/
.single.takadamaki_marche #single-post #main {
    max-width: 1200px;
}
.single-takada_history #single-post #main {
    max-width: 1200px;
}
.single-takada_marche h4 {
    border-left: 3px solid #f5eb03;
    background: #f7f1b3;
    padding: 2%;
    margin-top: 2%;
}

/* ======================================================
/*               ++ 学びの扉 ++
   ====================================================== */

/* --------------------------------------------------- 学びの扉 トップページ・カテゴリーページ共通 */
/* ジャンル */
#k-genre {
    padding: 80px 10px;
    background: rgba(240, 248, 233, 1);
}
.k-genre-list {
	display: flex;
	justify-content: center;
	gap: 13px;
	margin-top: 61px;
}
.k-genre-list-item {
	border: 1px solid transparent;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	width: calc(100% / 5 );
	aspect-ratio: 230 / 244;
}
.k-genre-list-item.competition-coaching { border-color: #33B4D8; }
.k-genre-list-item.education-culture 	{ border-color: #60C0AA; }
.k-genre-list-item.business-economy 	{ border-color: #65BF83; }
.k-genre-list-item.sports-science 		{ border-color: #69BD63; }
.k-genre-list-item.social-issues 		{ border-color: #6AA632; }

.k-genre-list-item-title {
	color: #fff;
	font-size: 0.9375rem;
	font-weight: bold;
	line-height: 1.933;
	padding: 12px 0 13px;
	text-align: center;
}
.k-genre-list-item.competition-coaching .k-genre-list-item-title { background-color: #33B4D8; }
.k-genre-list-item.education-culture .k-genre-list-item-title	 { background-color: #60C0AA; }
.k-genre-list-item.business-economy .k-genre-list-item-title	 { background-color: #65BF83; }
.k-genre-list-item.sports-science .k-genre-list-item-title		 { background-color: #69BD63; }
.k-genre-list-item.social-issues .k-genre-list-item-title		 { background-color: #6AA632; }

.k-genre-list-item-title span {
	display: inline-block;
	position: relative;
	padding: 0 10px;
}
/*.k-genre-list-item-title span::before {
	background: no-repeat center / contain;
	content: "";
	display: block;
	width: 24px;
	aspect-ratio: 24 / 24;
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
}
.k-genre-list-item.competition-coaching .k-genre-list-item-title span::before {
	background-image: url("images/knowledge-icon-01.svg");
	width: 19px;
	aspect-ratio: 19 / 24;
}
.k-genre-list-item.education-culture .k-genre-list-item-title span::before {
	background-image: url("images/knowledge-icon-02.svg");
}
.k-genre-list-item.business-economy .k-genre-list-item-title span::before {
	background-image: url("images/knowledge-icon-03.svg");
}
.k-genre-list-item.sports-science .k-genre-list-item-title span::before {
	background-image: url("images/knowledge-icon-04.svg");
	width: 18px;
	aspect-ratio: 18 / 24;
}
.k-genre-list-item.social-issues .k-genre-list-item-title span::before {
	background-image: url("images/knowledge-icon-05.svg");
}*/

.k-genre-list-item ul {
	flex-grow: 1;
	padding: 25px 8.6956% 22px;
}
.k-genre-list-item ul li {
	padding-left: 1em;
}
.k-genre-list-item ul li::before {
	content: "・";
	margin-left: -1em;
}
.k-genre-list-item .btn-more {
	padding: 0 8.6956% 17px;
}
.k-genre-list-item .btn-more a {
	background: linear-gradient(to right, #5AC3E0 0%, #70BA29 100%);
	border-radius: 999px;
	color: #fff;
	display: block;
	font-size: 0.9375rem;
    font-family: 'Josefin Sans', sans-serif;
	line-height: 1.733;
	margin-left: auto;
	padding: 5px 13px 0px 17px;
	width: 100px;
}
.k-genre-list-item .btn-more a:hover {
	opacity: .8;
}
.k-genre-list-item .btn-more a span {
	display: inline-block;
	width: 100%;
	position: relative;
}
.k-genre-list-item .btn-more a span::before,
.k-genre-list-item .btn-more a span::after {
    background-color: #fff;
    border-radius: 999px;
    content: "";
    display: block;
    width: 9px;
    height: 1px;
    position: absolute;
	top: calc(50% - 3px);
    right: 0;
    transform: rotate(40deg);
    transform-origin: right center;
}
.k-genre-list-item .btn-more a span::after {
    transform: rotate(-40deg);
}

@media screen and (max-width: 1200px) {
	.k-genre-list {
		gap: 10px;
	}
	.k-genre-list-item-title {
		font-size: 0.875rem;
	}
	.k-genre-list-item-title span {
		padding-right: 0;
	}
	.k-genre-list-item.sports-science .k-genre-list-item-title span,
	.k-genre-list-item.social-issues .k-genre-list-item-title span {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		padding: 0;
	}
	.k-genre-list-item.sports-science .k-genre-list-item-title span::before,
	.k-genre-list-item.social-issues .k-genre-list-item-title span::before {
		position: static;
		transform: none;
	}
}

@media screen and (max-width: 1023px) {
	.k-genre-list {
		flex-wrap: wrap;
		gap: 13px;
	}
	.k-genre-list-item {
		width: calc((100% - 26px) / 3);
	}
	.k-genre-list-item ul li {
		font-size: 0.875rem;
	}
}

@media screen and (max-width: 767px) {
	.k-genre-list {
		margin-top: 0;
	}
	.k-genre-list-item {
		width: calc((100% - 13px) / 2);
	}
	.k-genre-list-item-title span {
		letter-spacing: 0;
	}
	.k-genre-list-item .btn-more a {
		margin: 0 auto;
	}
}

/* メンバー */
.k-member-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 4.666%;
	position: relative;
}
.k-member-list-item {
	margin-top: 8px;
	margin-left: 8px;
	max-width: 258px;
	transition: .2s;
	position: relative;
}
.k-member-list-item a {
	display: block;
    width: 100%;
    aspect-ratio: 250 / 300;
    max-width: 250px;
}
.k-member-list-item .deco-border {
	border: 1px solid #33B4D8;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-8px, -8px);
	transition: all 0.2s ease 0s;
}
.k-member-list-item .deco-border::before {
	background-color: rgba(51, 180, 216, 0.5);
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	mix-blend-mode: screen;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	transition: all 0.2s ease 0s;
}
.k-member-list-item:hover .deco-border {
	transform: translate(0);
}
.k-member-list-item:hover .deco-border:before {
	opacity: 1;
}
.k-member-list-item-content {
	position: absolute;
	bottom: 25px;
	left: -8px;
}
.k-member-list-item-labels {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
}
.k-member-list-item-labels .label {
	display: inline-block;
	color: #fff;
	font-size: 0.875rem;
	font-weight: bold;
	margin-top: 2px;
}

.k-member-list-item-labels .competition-coaching .bgfill::before,
.k-member-list-item-labels .competition-coaching .bgfill::after {
	background-color: #33B4D8;
}
.k-member-list-item-labels .education-culture .bgfill::before,
.k-member-list-item-labels .education-culture .bgfill::after {
	background-color: #60C0AA;
}
.k-member-list-item-labels .business-economy .bgfill::before,
.k-member-list-item-labels .business-economy .bgfill::after {
	background-color: #65BF83;
}
.k-member-list-item-labels .sports-science .bgfill::before,
.k-member-list-item-labels .sports-science .bgfill::after {
	background-color: #69BD63;
}
.k-member-list-item-labels .social-issues .bgfill::before,
.k-member-list-item-labels .social-issues .bgfill::after {
	background-color: #6AA632;
}

.k-member-list-item-name {
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin-top: 8px;
	position: relative;
	text-align: left;
}
.k-member-list-item-name .jp {
	display: inline-block;
	font-size: 1.125rem;
	letter-spacing: 0;
	margin-right: 0.5em;
}
.k-member-list-item-name .en {
	display: inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
	.k-member-list-item-labels .label {
		font-size: 0.75rem;
		margin: 0;
	}
	.k-member-list-item-name .jp {
		font-size: 1rem;
	}
	.k-member-list-item-name .en {
		display: none;
	}
	.k-member-list-item-name .bgfill {
    	display: inline-block;
    	padding: 3px 0px 3px 7px;
		line-height: 1;
	}
    .label .bgfill {
        display: inline-block;
        padding: 3px 6px 2px 7px;
        line-height: 1;
    }
	.k-member-list-item-name {
    	margin-top: 4px;
	}
	.k-member-list-item-content {
    	bottom: 11px;
	}
}

/* --------------------------------------------------- 学びの扉 トップページ */
#k-all-member {
	padding: 142px 0 150px;
	overflow: hidden;
}
#k-all-member .wrap {
	display: flex;
	gap: 6%;
}
#k-all-member .section-title-wrap {
	flex-shrink: 0;
	width: 100%;
	max-width: 250px;
}

.k-member-slider-arrows {
	margin-top: 77px;
	text-align: center;
}
.k-member-slider-arrows .slider-arrow,
.k-member-slider-content .slick-arrow {
	background-color: #333;
	border: none;
	border-radius: 999px;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 10px;
	width: 40px;
	height: 40px;
	position: relative;
	transition: background-color ease 0.2s;
}
.k-member-slider-content .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}
.k-member-slider-content .slick-arrow.slick-prev {
	left: 10px;
}
.k-member-slider-content .slick-arrow.slick-next {
	right: 10px;
}
.k-member-slider-arrows .slider-arrow:hover,
.k-member-slider-content .slick-arrow:hover {
	background-color: #33B4D8;
}
.k-member-slider-arrows .slider-arrow:active,
.k-member-slider-content .slick-arrow:active {
	opacity: 0.7;
}
.k-member-slider-arrows .slider-arrow::after,
.k-member-slider-content .slick-arrow::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
	width: 12px;
	height: 12px;
}
.k-member-slider-content .slick-arrow::before {
	content: none;
}
.k-member-slider-arrows .slider-arrow.arrow-prev::after,
.k-member-slider-content .slick-arrow.slick-prev::after {
	transform: translateX(2px) rotate(-135deg);
}
.k-member-slider-arrows .slider-arrow.arrow-next::after,
.k-member-slider-content .slick-arrow.slick-next::after {
	transform: translateX(-2px) rotate(45deg);
}
.k-member-slider-content {
	width: 1350px;
	max-height: 308px;
	margin-top: -8px;
}
.k-member-slider-content .slick-slide {
	margin-right: 25px;
}

@media screen and (max-width: 767px) {
	#k-all-member {
		overflow: visible;
	}
	#k-all-member .wrap {
		flex-direction: column;
	}
	#k-all-member .section-title-wrap {
		width: auto;
		max-width: 100%;
	}
	.k-member-slider-arrows {
		display: none;
	}
	.k-member-slider-content {
		width: auto;
		max-height: 100%;
		margin-top: 10px;
		padding-bottom: 20px;
	}
	.k-member-slider-content .slick-list {
		overflow: visible;
	}
	.k-member-slider-content .slick-slide {
		margin-left: 20px;
		margin-right: 10px;
	}
	.k-member-slider-content .slick-dots li {
		margin: 0;
	}
	.k-member-slider-content .slick-dots li button:before {
		background-color: #33B4D8;
		border-radius: 999px;
		content: '';
		display: block;
		width: 10px;
		height: 10px;
	}
	.slick-dots {
    	bottom: -115px !important;
	}
	#k-genre {
    	padding: 50px 10px;
	}
	#k-all-member {
    	padding: 50px 0 150px;
	}
	.k-member-slider-content .slick-arrow.slick-next {
    	right: 0;
	}
	.k-member-slider-content .slick-arrow.slick-prev {
    	left: 0;
	}
	.k-member-slider-arrows .slider-arrow, .k-member-slider-content .slick-arrow {
    	margin: 0;
    	width: 30px;
    	height: 30px;
	}
}

/* --------------------------------------------------- 学びの扉 カテゴリーページ */
.tax-knowledge_category #page-title .en-title span {
	word-break: break-word;
}
#k-archive-member {
	padding: 77px 0 127px;
}
#k-archive-member .k-member-list {
	margin-top: 73px;
}

@media screen and (max-width: 1023px) {
	#k-archive-member .k-member-list {
		gap: 20px 15px;
    	grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 767px) {
	#k-archive-member {
		padding: 30px 0 50px;
	}
	#k-archive-member .k-member-list {
		grid-template-columns: repeat(2, 1fr);
		margin-top: 30px;
	}
}

/* 学びの扉 お問い合わせリンク */
.contact-block {
	padding-bottom: 150px;
}
.contact-box {
	background: #5ac3e0;
	background: -moz-linear-gradient(right, #5ac3e0 0%, #70ba29 100%);
	background: -webkit-linear-gradient(right, #5ac3e0 0%,#70ba29 100%);
	background: linear-gradient(to right, #5ac3e0 0%,#70ba29 100%);
	border-radius: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8.0833%;
	padding: 8.25% 7.58333%;
}
.contact-box .box-content {
	max-width: 350px;
	color: #fff;
}
.contact-box .box-title {
	margin-bottom: 28px;
}
.contact-box .box-title .en {
    display: block;
    font-family: 'Josefin Sans', sans-serif;
	font-weight: 500;
    font-size: 3rem;
    line-height: 1;
}
.contact-box .box-title .ja {
    display: block;
	font-size: 1.25rem;
	padding-bottom: 10px;
}
.contact-box .box-desc {
	font-size: 1.25rem;
	font-weight: bold;
}
.contact-box .btn-contact {
	width: 50%;
	max-width: 600px;
}
.contact-box .btn-contact a {
	background-color: #fff;
	border-radius: 999px;
	color: #33B4D8;
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 5.835% 9% 5.835% 14.667%;
	transition: .2s;
}
.contact-box .btn-contact a:hover {
	color: #6eb92b;
}
.contact-box .btn-contact a span {
	display: inline-block;
	position: relative;
	width: 100%;
}
.contact-box .btn-contact a span::before,
.contact-box .btn-contact a span::after {
    background-color: #6AA632;
    border-radius: 999px;
    content: "";
    width: 13px;
    height: 2px;
    position: absolute;
	top: calc(50% - 1px);
	right: 0;
	transform-origin: calc(100% - 1px) 50%;
}
.contact-box .btn-contact a span::before {
    transform: rotate(45deg);
}
.contact-box .btn-contact a span::after {
    transform: rotate(-45deg);
}

@media screen and (max-width: 1023px) {
	.contact-box {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 40px;
	}
	.contact-box .box-content {
		max-width: 100%;
		text-align: center;
	}
	.contact-box .btn-contact {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.contact-box .box-title .en {
		font-size: 2rem;
	}
	.contact-box .box-title .ja {
		font-size: 1.0625rem;
	}
	.contact-box .box-desc {
		font-size: 1rem;
		text-align: left;
	}
	.contact-box .box-desc span.pad-br {
		display: inline;
	}
	.contact-box .btn-contact a {
		font-size: 1rem;
	}
	.contact-block {
    	padding-bottom: 50px;
	}
}