/***************************
 *
 * トップページ
 * ★ページ中身用★
 *
 **************************/
@media all and (max-width: 736px) {
	/*
MAIN VISUAL
*/
	.main-visual {
		position: relative;
		z-index: 4;
	}
	.main-visual .main-visual-inner {
		position: relative;
	}

	.main-visual .main-visual-swiper {
		position: relative;
	}
	/* .main-visual .main-visual-swiper:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		background: rgba(34, 34, 34, 0.3);
	} */
	@keyframes zoomUp {
	  0% {
		transform: scale(1);
	  }
	  100% {
		transform: scale(1.15);
	  }
	}
	.main-visual .swiper-slide-active .swiper-slide-pic,
	.main-visual .swiper-slide-duplicate-active .swiper-slide-pic,
	.main-visual .swiper-slide-prev .swiper-slide-pic {
	  animation: zoomUp 11s linear 0s normal both;
	}
	.main-visual .swiper-slide {
		position: relative;
	}
	.main-visual .swiper-slide img {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}
	.main-visual .swiper-pagination {
		text-align: left;
		position: absolute;
		bottom: 18px;
		left: 18px;
		width: 3px;
		display: none;
	}
	.main-visual .swiper-pagination .swiper-pagination-bullet {
		width: 3px;
		height: 20px;
		background: #fff;
		border-radius: 0;
	}
	.main-visual .swiper-pagination .swiper-pagination-bullet-active {
	}
	.main-visual .main-visual-content {
		background: #f7f7f7;
		padding-top: 40px;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		flex-wrap: wrap;
	}
	.main-visual .main-visual-content .main-visual-content-inner {
		/* display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		flex-wrap: wrap; */
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		padding-bottom: 50px;
	}
	.main-visual .main-visual-title {
		width: 55px;
		margin: 0 auto;
		margin-left: 40px;
	}
	.main-visual .main-visual-content .main-visual-content-inner p {
		font-size: 1.3rem;
		color: #444444;
		line-height: 2.5em;
		letter-spacing: 0.2em;
	}
	.main-visual .main-visual-news {
		width: 100%;
		height: 50px;
		z-index: 3;
		background: #474747;
		text-align: left;
		position: relative;
	}
	.main-visual .main-visual-news .main-visual-news-title {
		position: absolute;
		left: 0;
		top: 0;
		font-size: 1.5rem;
		color: white;
		line-height: 50px;
		width: 85px;
		text-align: center;
	}
	.main-visual .main-visual-news li {
		line-height: 50px;
		margin-left: 90px;
		position: relative;
	}
	.main-visual .main-visual-news li .news-time {
		color: white;
		font-size: 1.3rem;
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		left: 0;
		top: 0px;
	}
	.main-visual .main-visual-news li .news-title {
		display: inline-block;
		vertical-align: middle;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-word;

		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		padding-left: 90px;
	}
	.main-visual .main-visual-news li .news-title a {
		color: white;
		font-size: 1.3rem;
	}
	.main-visual .main-visual-news li .news-title a:hover {
		text-decoration: underline;
	}

	/*
	MAIN ABOUT
	*/
	.main-about {
		position: relative;
		background: url(../img/main-about-bg-sp.jpg) right top no-repeat;
		background-size: cover;
		padding-top: 35px;
		padding-bottom: 25px;
	}
	.main-about p {
		text-align: left;
		color: #444444;
		font-size: 1.3rem;
		line-height: 3.125em;
	}
	.main-about .btn {
		margin-left: 0;
		margin-right: 0;
	}

	/*
	MAIN FEATS
	*/
	.main-feats {
		position: relative;
		padding: 50px 0;
	}
	.box-feats-wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
	}
	.box-feat {
		position: relative;
		background: #f7f7f7;
		box-sizing: border-box;
		padding: 20px 0 20px;
	}
	.box-feat img {
		display: block;
		width: 56px;
		margin: 0 auto 15px;
	}
	.box-feat p {
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.666em;
		color: #444444;
		margin: 0;
	}

	/*
	MAIN LESSON
	*/
	.main-lesson {
		position: relative;
		background: #f7f7f7;
		padding-top: 50px;
		padding-bottom: 1px;
	}
	.title-main {
		text-align: center;
		font-weight: bold;
		font-size: 2.5rem;
		line-height: 1.66em;
		color: #444444;
		margin-bottom: 10px;
	}
	.title-main-caption {
		text-align: center;
		font-size: 1.2rem;
		color: #444444;
		letter-spacing: 0.2em;
		margin-bottom: 60px;
	}

	/*
	TICKER
	*/
	.ticker {
		position: relative;
	}
	.ticker .swiper-wrapper {
		-webkit-transition-timing-function: linear !important;
		transition-timing-function: linear !important;
		position: relative;
	}
	.ticker .swiper-wrapper .swiper-slide {
		width: 150px;
	}
	.ticker .swiper-wrapper .swiper-slide img {
		width: 100%;
	}
	/*
	MAIN MCS
	*/
	.main-mcs {
		position: relative;
		padding-top: 45px;
		padding-bottom: 20px;
	}
	.main-mcs .title-main {
	}
	.main-mcs .title-main-caption {
		margin-bottom: 30px;
	}
	.main-mcs .title-main-caption + p.center {
		text-align: center;
		font-size: 1.4rem;
	}
	.main-mcs .btn {
	}

	/*
	MAIN LINKS
	*/
	.main-links {
		background: #f7f7f7;
		padding: 50px 0;
	}
	.main-links .box-content {
		padding-left: 25px;
		padding-right: 25px;
	}
	.box-link-wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 25px;
	}
	.box-link {
		position: relative;
		background: #fff;
		padding-left: 150px;
		box-sizing: border-box;
		height: 125px;
	}
	.box-link .box-link-link {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
	}
	.box-link .box-link-pic {
		position: absolute;
		left: 0;
		top: 0;
		width: 125px;
	}
	.box-link .box-link-content {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		height: 125px;
		text-align: left;
	}
	.box-link .box-link-title {
		font-weight: bold;
		font-size: 1.8rem;
		color: #444444;
		text-align: left;
		margin: 0;
	}
	.box-link .btn {
		margin: 0;
		display: none;
	}

	/*
	MAIN NEWS
	*/
	.main-news {
		position: relative;
		padding: 45px 0 30px;
	}
	.main-news .box-content {
	}
	.main-news .main-news-header {
	}
	.main-news .main-news-content {
	}
	.main-news .title-main-caption {
		margin-bottom: 30px;
	}

	/*
	MAIN INSTA
	*/
	.main-insta {
		position: relative;
		border-top: 1px solid #eeeeee;
		padding-top: 55px;
		padding-bottom: 100px;
	}
	.main-insta .main-insta-header {
		position: relative;
	}
	.main-insta .main-insta-header .title-main {
		letter-spacing: 0.2em;
	}
	.main-insta .main-insta-header .btn {
		margin: 0;
		position: absolute;
		right: 0;
		top: 0;
		display: none;
	}
	.main-insta .main-insta-header .btn a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/*
	MAIN BTNS
	*/
	.main-btns {
		position: relative;
		background: url(../img/main-btns-bg.jpg) left top no-repeat;
		background-size: cover;
		padding: 50px 0;
	}
	.main-btn-wrap {
		position: relative;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 13px;
	}
	.main-btn {
		background: #fff;
		position: relative;
	}
	.main-btn a {
		width: 100%;
		height: 90px;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		font-size: 1.5rem;
		color: #444444;
		text-align: center;
		transition: 0.3s ease;
		font-weight: bold;
	}
	.main-btn a i {
		margin-right: 5px;
		font-size: 1.4em;
	}
	.main-btn a:hover {
		opacity: 0.7;
	}
	
	
	.box-smr {
		position: relative;
		background: #f7f7f7;
		width: 100%;
		margin-bottom: 20px;
	}
	.box-smr .smr-pic {
		
	}
	.box-smr .smr-content {
		padding: 20px;
	}
	.box-smr .smr-title {
		font-size: 1.8rem;
		margin-bottom: 20px;
		text-align: center;
		font-weight: bold;
	}
	.box-smr p {
		text-align: left;
		font-size: 1.3rem;
		line-height: 1.875em;
	}
	.box-smr .btn {
		width: 120px;
		margin: 0 auto;
	}
	.box-smr .btn a {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}