@charset "UTF-8";

@media screen and (max-width: 767px) {

	/******************************
	/kojin/edu/shogashi.html
	******************************/
	/* adjust */
	#anchor01 {
		margin-top: 16px !important;
		padding-top: 20px;
	}
	.adjustMarginLeft {
		margin-left: 0 !important;
	}

	/* eduMvBlock */
	.eduMvBlock01 {
		margin: 0 -10px;
		min-height: 591px;
		background: url(/kojin/edu/images/index_bg_01_sp.png) no-repeat center center;
		background-size: 780px auto;
	}
	.eduMvBlock01 > .columnInner {
		padding: 40px 0 64px;
	}
	.eduMvBlock01 .eduMvTitle {
		font-size: 1em;
	}
	.eduMvBlock01 .eduMvTitle .img {
		width: 250px;
	}
	.eduMvBlock01 .eduMvTitle > span {
		display: block;
		margin-bottom: 5px;
	}
	.eduMvBlock01 .eduMvColumn01 {
		display: block;
		margin-top: 22px;
		margin-left: 0;
		width: auto;
	}
	.eduMvBlock01 .eduMvTextBlock {
		margin-top: 15px;
		margin-left: 0;
	}
	.eduMvBlock01 .eduMvTextBlock .eduTextBlock {
		margin-top: 0;
		margin-left: 9px;
	}
	.eduMvBlock01 .eduMvTextBlock .text {
		font-size: 1.125em;
	}
	.eduMvBlock01 .eduMvTextBlock .text > span {
		font-size: 1.388em;
	}
	.eduMvBlock01 .eduMvTextBlock .rateBlock {
		position: relative;
		left: 50%;
		margin-top: 3px;
		margin-left: -110px;
		max-width: 260px;
	}
	.eduMvBlock01 .eduMvTextBlock .rateTextBlock {
		margin-top: -7px;
	}
	.eduMvBlock01 .eduMvTextBlock .rateText {
		font-size: 1.0625em;
		line-height: 2.3;
	}
	.eduMvBlock01 .eduMvTextBlock .rateText.beforeArrow {
		padding-left: 30px;
	}
	.eduMvBlock01 .eduMvTextBlock .rateText.beforeArrow:before {
		left: 12px;
		margin-top: -7px;
		border-width: 4px 0 4px 8px;
	}
	.eduMvBlock01 .eduMvTextBlock .rateText > span {
		font-size: 1.764em;
	}
	.eduMvBlock01 .eduMvTextBlock .memo01,
	.eduMvBlock01 .eduMvTextBlock .memo02 {
		right: 50%;
		bottom: -27px;
		margin-right: -146px;
		font-size: 0.625em;
	}
	.eduMvBlock01 .eduMvTextBlock .memo02 {
		margin-right: -140px;
	}
	.eduMvBlock01 .eduCircleList > * {
		margin-left: 10px;
		width: 108px;
	}
	.eduMvBlock01 .eduCircleList .circleItem {
		height: 108px;
	}
	.eduMvBlock01 .eduCircleList > *:first-child .circleItem .img > img {
		width: 38px;
	}
	.eduMvBlock01 .eduCircleList > *:nth-child(2) .circleItem .img > img {
		width: 57px;
	}
	.eduMvBlock01 .eduCircleList > *:nth-child(3) .circleItem .img > img {
		width: 25px;
	}
	.eduMvBlock01 .eduCircleList .circleItem .text {
		margin-top: 7px;
		font-size: 0.75em;
		line-height: 1.266;
	}
	.eduMvBlock01 .mvBtnColumn01 {
		display: block;
		margin-top: 45px;
	}
	.eduMvBlock01 .mvBtnColumn01 .mvBtn:last-child {
		margin-top: 15px;
		margin-left: 0;
	}
	.eduMvBlock01 .mvBtnColumn01 .mvBtn.iconBottomArrow > a > span {
		padding: 0 28px;
	}

	/* eduCarouselBlock */
	.eduCarouselBlock01 {
		margin: 0 -10px;
		padding: 30px 10px;
		background-color : #fff;
		background-size: 20px 20px;
		background-image: repeating-linear-gradient( 90deg, #c1ecec , #c1ecec 1px, transparent 1px, transparent 20px ), repeating-linear-gradient( 0deg, #c1ecec , #c1ecec 1px, #fff 1px, #fff 20px );
	}
	.eduCarouselBlock01 .v4-carousel01.carouselType03 .bx-wrapper,
	.eduCarouselBlock02.v4-carousel01 .bx-wrapper,
	.eduCarouselBlock02.v4-carousel01 .bx-viewport .carouselList > li {
		max-width: none !important;
	}
	.eduCarouselBlock01 .v4-carousel01.carouselType03 .bx-viewport .carouselList > li {
		min-width: 0 !important;
	}
	.eduCarouselBlock02.v4-carousel01 .bx-wrapper {
		padding: 0 25px;
	}
	.eduCarouselBlock02.v4-carousel01 .bx-viewport .carouselList > li {
		margin-right: 10px;
	}
	.eduCarouselBlock02.v4-carousel01 .bx-default-pager {
		top: 10px;
	}
	.eduCarouselBlock02.v4-carousel01 .bx-prev {
		left: -10px !important;
	}
	.eduCarouselBlock02.v4-carousel01 .bx-next {
		right: -10px !important;
	}
	.eduCarouselBlock02 .v3-detailListB01 > dt,
	.eduCarouselBlock02 .v3-detailListB01 figure {
		min-height: 0;
	}
	.eduCarouselBlock03 .v3-detailListB01 .img {
		min-height: 145px;
	}

	/* eduColorBlock */
	.eduColorBlock01 {
		margin: 0 auto 40px;
		padding: 15px 0;
		width: auto;
		max-width: 325px;
	}

	/* eduCardBlock */
	a.eduCardBlock01 > .v3-blockInner {
		padding: 20px 10px;
	}
	.eduCardBlock01 .v3-blockInner > *:nth-child(n+2) {
		margin-top: 10px;
	}
	a.eduCardBlock02 > .v3-blockInner {
		padding: 10px 5px;
	}
	.eduCardBlock02 .v3-detailListB01 {
		display: block;
	}
	.eduCardBlock02 *[class*="v3-detailListB"] > .v3-title + .v3-detail {
		margin-top: 10px;
	}
	.eduCardBlock02 *[class*="v3-detailListB"] .label {
		display: block;
		width: 62px;
	}
	.eduCardBlock02 *[class*="v3-detailListB"] .text {
		display: block;
		margin-top: 5px;
		font-size: 1em;
	}

	/* eduBalloonBlock */
	.eduBalloonBlock01 {
		padding-top: 0;
	}
	.eduBalloonBlock01 .eduBalloon01 {
		position: static;
	}

	/* eduInfoBlock */
	.eduInfoBlock01 *[class*="v3-detailListB"] > .v3-title {
		line-height: 1.3;
	}
	.eduInfoBlock01 a.v3-cardblockA01:not(.v3-noMark01) > .v3-blockInner {
		padding: 20px 18px;
	}
	.eduInfoBlock01 a.v3-cardblockA01:not(.v3-noMark01) > .v3-blockInner:before {
		left: 2px;
	}

	/* eduCvBlock */
	.eduCvBlock01 {
		margin-left: auto;
		margin-right: auto;
		padding: 33px 15px 32px;
		max-width: 345px;
		background: url(/kojin/edu/images/index_bg_04_sp.png) no-repeat center center;
		background-size: contain;
		box-sizing: border-box;
	}

	/* eduLinkList */
	.eduLinkList01 {
		display: block;
	}
	.eduLinkList01 > * {
		margin-right: 0;
	}

	/* eduColumn */
	.eduColumn01 {
		flex-wrap: wrap;
		margin: 20px auto 0;
		width: auto;
	}
	.eduColumn01 > * {
		margin-left: 2%;
		width: 32%;
	}
	.eduColumn01 > *:nth-child(n+4) {
		margin-top: 15px;
	}
	.eduColumn02 .v3-cardblockA01 > .v3-blockInner {
		padding-top: 45px;
	}
	.eduColumn03 > .v3-flowColumnWrap > .v3-flowColumnCol:nth-child(n + 2)::before {
		margin-top: -5px;
		margin-left: -21px;
    border-width: 17px 21px 0 21px;
		border-color: rgba(37, 196, 123, 0.16) transparent transparent transparent;
	}
	.eduColumn03 > .v3-flowColumnWrap > .v3-flowColumnCol .text01 {
		min-width: 34px;
	}
	.eduColumn03 > .v3-flowColumnWrap > .v3-flowColumnCol .text02 {
		min-width: 66px;
	}
	.eduColumn05 .columnItem {
		margin-left: 5%;
		width: 30%;
	}
	.eduColumn06 .columnItem {
		width: 33%;
	}
	.eduColumn06 .columnItem .img > img {
		width: 88px;
	}
	.eduColumn06 .columnItem .text {
		font-size: 0.75em;
	}
	.eduArrowColumn01 > *[class*="v4-arrowCol"]:before {
		margin-top: -31px;
		margin-left: -13px;
		font-size: 25px;
	}

	/* eduMeritBlock */
	.eduMeritBlock01 .blockInner {
		padding: 40px 20px 15px;
	}

	/* text */
	.eduStrongText01 {
		font-size: 1.75em;
		line-height: 1;
	}

	/* icon */
	.eduIcon02 > span {
		padding-left: 55px;
	}
	.eduIcon03 > span {
		padding-left: 65px;
	}
	.eduIcon02 > span:before {
		margin-top: -17px;
		width: 61px;
		height: 34px;
	}
	.eduIcon03 > span:before {
		margin-top: -13px;
		width: 50px;
		height: 26px;
	}

	/******************************
	/kojin/edu/shogashi.html
	******************************/
	/* shogashiMvBlock */
	.shogashiMvBlock01 {
		min-height: 550px;
		background: #4bb792 url(/kojin/edu/images/shogashi_bg_01_sp.png) no-repeat center top;
		background-size: 780px 550px;
	}
	.shogashiMvBlock01 > .columnInner {
		padding: 28px 0 21px;
	}
	.shogashiMvBlock01 .shogashiMvTitle {
		margin-top: 10px;
		font-size: 1.875em;
	}
	.shogashiMvBlock01 .shogashiMvText {
		margin-top: 70px;
		font-size: 1.125em;
		line-height: 1.5;
	}
	.shogashiMvBlock01 .shogashiMvText .textColor {
		display: inline-block;
		padding-top: 15px;
		padding-left: 0;
	}
	.shogashiMvBlock01 .shogashiMvText .beforeArrow:before {
		left: 50%;
		top: 2px;
		margin-top: 0;
		margin-left: -7px;
		border-width: 12px 7px 0 7px;
		border-color: #fff transparent transparent transparent;
	}
	.shogashiMvBlock01 .shogashiMvText .strongText {
		font-size: 1.388em;
	}
	.shogashiMvBlock01 .shogashiMvColumn01 {
		display: block;
		margin: 10px auto 0;
		max-width: 330px;
	}
	.shogashiMvBlock01 .shogashiMvColumn02 .columnItem {
		margin-left: 10px;
		padding: 9px 10px 5px;
		width: 100%;
		min-width: 0;
		max-width: 160px;
		min-height: 60px;
	}
	.shogashiMvBlock01 .shogashiColorBlock01 {
		margin-top: 10px;
		margin-left: 0;
		padding: 7px 10px;
		width: auto;
		border-radius: 2px;
	}
	.shogashiMvBlock01 .shogashiColorBlock01 .mvLabel {
		width: 80px;
	}
	.shogashiMvBlock01 .shogashiColorBlock01 .text {
		margin: 0 10px;
		line-height: 1.5;
	}
	.shogashiMvBlock01 .shogashiColorBlock01 .img {
		margin-left: 0;
		width: 64px;
	}
	.shogashiMvBlock01 .shogashiMvBtn {
		margin: 15px auto 0;
		max-width: 330px;
	}
	.shogashiMvBlock01 .shogashiMvdate {
		right: 10px;
		bottom: 10px;
	}

	/* shogashiColumn */
	.shogashiColumn01 {
		display: flex;
		align-items: center;
	}
	#wrap .shogashiColumn02 > * {
		margin-top: 0 !important;
	}
	.shogashiColumn03 {
		flex-wrap: wrap;
		margin: 20px auto 0;
		width: 81%;
	}
	.shogashiColumn03 .columnItem {
		margin-left: 5%;
		width: 30%;
	}
	.shogashiColumn03 .columnItem:nth-child(3n+1) {
		margin-left: 0;
	}
	.shogashiColumn03 .columnItem:nth-child(n+4) {
		margin-top: 10px;
	}

	/* shogashiArrowColumn */
	.shogashiArrowColumn01 [class*="v3-colRightArrow"]:before {
		font-size: 27px;
	}

	/* text */
	.shogashiStrongText01 {
		font-size: 1.75em;
		line-height: 1;
	}

	/* eduCvBtnInner */
	.eduCvBtnInner {
		flex-direction: column;
	}
}

