@charset "utf-8";

@media screen and (max-width : 640px) {
	/* ==================================================
	clearfix
	================================================== */
	#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
		content: ""; /* 変更しない */
		display: table; /* 変更しない */
		clear: both; /* 変更しない */
	}

	/* ==================================================
	contents
	================================================== */

	/* 共通
	============================== */
	/* 見出し */
	.sec_title {
		font-size: 162.5%;
	}
	.sec_title span {
		padding: 0 0 8px 43px;
		background-size: auto 32px;
		background-position: left 3px bottom;
	}
	.sec_title span::before {
		width: calc(100% - 51px);
		height: 3px;
		left: 48px;
	}

	/* サブ見出し */
	.sec_sub_title {
		margin: 0 0 21px 0;
		padding: 0 0 0 26px;
		background-size: auto 9px;
		background-position: left top 8px;
		font-size: 131.5%;
	}

	/* ボタン */
	.btn_default,
	.inquiry_btn {
		margin-top: 30px;
		font-size: 100%;
	}
	.btn_default a,
	.inquiry_btn a {
		padding: 16.5px 17px 15px 45px;
		text-decoration: none;
		background-size: auto 15px;
		line-height: 1.2;
	}
	.btn_default a::after,
	.inquiry_btn a::after {
		background-size: auto 15px;
		background-position: left 20px center;
	}

	/* メインイメージ
	============================== */
	.sec_mainvisual {
		padding: 0 0 23px 0;
	}
	.sec_mainvisual .main_img .pc_img {
		display: none;
	}
	.sec_mainvisual .main_img .sp_img {
		display: block;
	}
	.sec_mainvisual .main_img img {
		width: 100%;
	}

	/* 学びの場を探す
	============================== */
	/* 共通 */
	.sec_learning .sec_title {
		margin-bottom: 39px;
	}
	.sec_learning .wrap_cont {
		padding: 59px 15px 47px 15px;
		border-top-left-radius: 60px;
		border-top-right-radius: 60px;
	}
	.sec_learning .sec_title span {
		background-position: left 2px bottom;
	}

	/* コンテンツ */
	.sec_learning .learn_search_wrap {
		flex-direction: column;
		gap: 28px 0;
	}
	.sec_learning .learn_search_wrap .learn_search_cnt {
		width: 100%;
	}
	.sec_learning .learn_search_wrap .sec_sub_title {
		margin: 0 0 21px 0;
		padding: 0 0 0 26px;
		background-position: left top 7px;
	}

	/* 目的から探す */
	.sec_learning .container > .learn_search_cnt {
		margin-bottom: 29px;
	}
	.sec_learning .purpose_list {
		gap: 5px 0;
		grid-template-columns: 1fr;
	}
	/* ボタン */
	.sec_learning .learn_btn a {
		min-height: 62px;
		padding: 15px 15px 15px 16px;
		font-size: 100%;
	}
	.sec_learning .learn_btn a::before {
		border-radius: 16px;
	}
	.sec_learning .detail_img {
		margin-right: 12px;
	}
	.sec_learning .detail_img img {
		width: 32px;
		height: 31px;
	}

	/* 地域から探す */
	.sec_learning .area_wrap {
		display: flex;
		gap: 0 20px;
	}
	/* マップ */
	.sec_learning .area_map {
		width: 46%;
	}
	/* ボタン */
	.sec_learning .area_list {
		gap: 5px 0;
		width: calc(54% - 20px);
	}
	.sec_learning .area_item a {
		padding: 15px 15px 12px 43px;
	}
	.sec_learning .area_item a::after {
		background-size: auto 15px;
		background-position: left 19px center;
	}



	/* キーワードで探す
	============================== */
	/* 共通 */
	.sec_keyword .sec_title {
		margin-bottom: 41px;
	}
	.sec_keyword .sec_title span {
		padding: 0 0 8px 46px;
	}
	.sec_keyword .wrap_cont {
		padding: 59px 0 117px;
		border-top-left-radius: 60px;
		border-top-right-radius: 60px;
		background-image: url("/shared/templates/manabi_top/images/keyword_bg_sp.jpg");
	}
	.sec_keyword .wrap_cont::after {
		height: 57px;
		border-top-left-radius: 60px;
		border-top-right-radius: 60px;
	}

	/* 検索窓 */
	.sec_keyword .keyword_wrap {
		max-width: 660px;
	}
	.sec_keyword .wrap_sch_box input {
		border: 2px solid #14806d;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		background-size: 167.5px auto;
		padding: 7px 15px 7px 15px;
		height: 50px;
	}
	.sec_keyword .wrap_sch_btn {
		width: 68px;
	}
	.sec_keyword .wrap_sch_btn input {
		width: 68px;
		height: 50px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		padding: 6px 5px 5px;
		font-size: 100%;
	}


	/* インフォメーション一
	============================== */
	/* 共通 */
	.sec_info .sec_title {
		margin-bottom: 41px;
	}
	.sec_info .sec_title span {
		margin-left: 0;
		padding: 0 0 6px 45px;
	}

	.sec_info .wrap_cont {
		padding: 0 0 120px 0;
		color: inherit;
		background-color: #f0fcf9;
	}

	/* インフォメーション一 */
	.sec_info .info_cnt {
		flex-wrap: wrap;
		gap: 23px 0;
	}
	.sec_info .info_list {
		flex: none;
		width: 100%;
		min-width: auto;
	}
	.sec_info .thumbnail_cnt {
		width: 100%;
	}
	.sec_info .thumbnail_cnt .thumbnail_img {
		margin-bottom: 13px;
	}
	.sec_info .thumbnail_cnt .thumbnail_img img {
		border-radius: 15px;
		width: 100%;
		height: auto;
	}
	.sec_info .thumbnail_cnt .thumbnail_link a {
		padding: 0 0 0 25px;
		background-size: auto 15px;
		background-position: left top 4px;
		font-size: 100%;
	}

	/* インフォメーション一一覧 */
	.sec_info .info_list ul li {
		flex-direction: column;
		padding: 18px 0 17px;
	}
	.sec_info .info_list ul li:last-child {
		padding-bottom: 15px;
		border-top: 1px solid #b0e6db;
	}
	.sec_info .info_list ul li:last-child .day {
		margin-bottom: 6px;
	}            
	.sec_info .info_list ul li:last-child a {
		background-position: top 3.5px left;
	}
	.sec_info .info_list ul li a {
		flex: none;
		padding: 0 0 0 22px;
		background-size: auto 15px;
		background-position: top 2px left;
		font-size: 100%;
	}
	.sec_info .info_list .day {
		margin: 0 0 10px 0;
		font-size: 87.5%;
	}
	.sec_info .btn_default {
		margin-bottom: 34px;
	}

	/* 動画コンテンツ */
	.sec_info .info_movie_cnt .sec_sub_title {
		margin: 0 0 16px 0;
		padding: 0 0 0 26px;
		background-position: left top 10px;
		line-height: 1.55;
	}
	.sec_info .info_movie_cnt {
		flex-wrap: wrap;
		gap: 35px 0;
	}
	.sec_info .info_movie_cnt .movie_dec {
		width: 100%;
	}
	.sec_info .info_movie_cnt .movie_dec p {
		font-size: 100%;
	}
	.sec_info .info_movie_cnt .movie_code {
		margin-bottom: 8px;
	}
	.sec_info .info_movie_cnt .movie_box,
	.sec_info .info_movie_cnt .movie_code iframe {
		flex: none;
		max-width: 100%;
		aspect-ratio: 660 / 371;
	}
	.sec_info .info_movie_cnt .movie_link a {
		padding: 0 0 0 22px;
		font-size: 100%;
		background-size: auto 15px;
		background-position: top 3.5px left;
	}

	.sec_info .btn_default a {
		padding: 17px 16px 13px 44px;
	}


	/* 学び直しを体験した人の声
	============================== */
	/* 共通 */
	.sec_voice .wrap_cont {
		padding: 51px 0 98px;
		border-top-left-radius: 60px;
		border-top-right-radius: 60px;
		background-image: url("/shared/templates/manabi_top/images/keyword_bg_sp.jpg");
	}
	.sec_voice .wrap_cont::after {
		height: 57px;
		border-top-left-radius: 60px;
		border-top-right-radius: 60px;
	}

	.sec_voice .sec_title {
		margin-left: 0;
		margin-bottom: 41px;
		text-align: center;
		line-height: 1.6;
	}
	.sec_voice .sec_title span {
		padding: 0 0 4px 56px;
		text-align: left;
		background-position: left 11px bottom;
	}
	.sec_voice .sec_title span::before {
		width: calc(100% - 68px);
		left: 57px;
	}


	/* 学び直しを体験した人の声一覧 */
	.sec_voice .voice_list {
		gap: 94px 0;
		grid-template-columns: 1fr;
		padding: 63px 0 0 0;
	}
	.sec_voice .voice_list .voice_item {
		padding: 76px 16px 11px 16px;
		border-radius: 16px;
		border: 3px solid #1db397;
	}
	.sec_voice .voice_list .voice_icon {
		top: -67px;
	}
	.sec_voice .voice_list .voice_icon img {
		width: 120px;
		height: 120px;
		object-fit: contain;
		object-position: center;
	}
	.sec_voice .voice_list .voice_ttl {
		margin-bottom: 5px;
		font-size: 106.3%;
	}
	.sec_voice .voice_list .voice_cat {
		margin-bottom: 13px;
		background-size: 64px auto;
	}
	.sec_voice .voice_list .voice_cat span {
		padding: 2px 2.2px 0px;
		border: 2px solid #14806d;
		border-radius: 3px;
		font-size: 81.5%;
	}
	.sec_voice .voice_list .voice_text {
		line-height: 1.73;
		font-weight: 500;
		font-size: 100%;
	}
	.sec_voice .btn_default {
		margin-top: 31px;
		text-align: center;
	}
	.sec_voice .btn_default a {
		padding: 13px 17px 18px 45px;
		text-align: left;
	}

	/* ご相談・お問い合わせ
	============================== */
	.sec_inquiry .sec_title {
		margin-bottom: 25px;
	}
	.sec_inquiry .sec_title span {
		padding: 0 0 9px 40px;
		background-position: left 2px bottom;
	}
	.sec_inquiry .inquiry_btn {
		margin-top: 25px;
	}
	.sec_inquiry .wrap_cont {
		padding: 0 0 98px 0;
	}
	.sec_inquiry .wrap_cont::after {
		height: 58px;
		border-top-left-radius: 60px;
		border-top-right-radius: 60px;
	}

	.sec_inquiry .inquiry_desc {
		text-align: left;
		font-size: 100%;
	}


	/* 関連リンク
	============================== */
	.sec_related .sec_title {
		margin-bottom: 39px;
	}
	.sec_related .sec_title span {
		margin-left: 5px;
		padding: 0 0 8px 44px;
	}
	.sec_related .link_list {
		flex-direction: column;
		gap: 25px 0;
	}
	.sec_related .link_list .link_item a {
		flex-direction: column;
	}
	.sec_related .link_list .link_item a .link_img {
		margin-bottom: 15px;
		border-radius: 15px;
	}
	.sec_related .link_list .link_item a .link_img::before {
		border-radius: 15px;
	}
	.sec_related .link_list .link_item a .link_img img {
		width: 100%;
		height: auto;
	}
	.sec_related .link_list .link_item a .link_text {
		padding: 0 0 0 22px;
		font-size: 100%;
		background-size: auto 15px;
		background-position: left top 2px;
	}



	/* ==================================================
	accsessibility
	================================================== */
	.color_blue .sec_title span,
	.color_yellow .sec_title span,
	.color_black .sec_title span {
		padding: 0 0 8px;
	}
	.color_blue .sec_title span::before,
	.color_yellow .sec_title span::before,
	.color_black .sec_title span::before {
		width: calc(100% - 51px);
		left: 50%;
		transform: translateX(-50%);
	}
	.color_blue .sec_keyword .sec_title span,
	.color_yellow .sec_keyword .sec_title span,
	.color_black .sec_keyword .sec_title span {
		padding: 0 0 8px;
	}
	.color_blue .sec_info .sec_title span,
	.color_yellow .sec_info .sec_title span,
	.color_black .sec_info .sec_title span {
		margin-left: 0;
		padding: 0 0 6px;
	}
	.color_blue .sec_voice .sec_title span,
	.color_yellow .sec_voice .sec_title span,
	.color_black .sec_voice .sec_title span {
		padding: 0 0 4px;
		text-align: left;
	}
	.color_blue .sec_inquiry .sec_title span,
	.color_yellow .sec_inquiry .sec_title span,
	.color_black .sec_inquiry .sec_title span {
		padding: 0 0 9px;
	}
	.color_blue .sec_related .sec_title span,
	.color_yellow .sec_related .sec_title span,
	.color_black .sec_related .sec_title span {
		margin-left: 0;
		padding: 0 0 8px;
	}

}