@charset "utf-8";

@media screen and (max-width : 640px) {

	/* セクションタイトル */
	.sec_ttl {
		margin-bottom: 30px;
		font-size: 131.5%;
	}

	/* メインビジュアル
    ================================================== */
	.sec_mainvisual {
		min-height: 318px;
		padding: 50px 0 30px;
	}
	.sec_mainvisual::before {
		height: 318px;
		background-image: url(/shared/templates/miyagi_oem_top/images/main_slide_sp_img.jpg);
		background-size: auto 318px;
		animation: slide 15s linear infinite;
	}
	.sec_mainvisual .main_wrap {
		display: grid;
		place-items: center;
	}
	@keyframes slide {
		from { background-position: 0 0; }
		to { background-position: -375px 0; }
	}


	/* キャッチコピー */
	.sec_mainvisual .visual_cnt {
		margin-bottom: 19px;
		max-width: 85%;
		min-width: auto;
		position: static;
		transform: none;
	}
	.sec_mainvisual .visual_ttl {
		padding: 0.3em 0.3em 0.5em 0.3em;
	}
	.sec_mainvisual .visual_ttl::before {
		width: 30px;
		height: 36px;
		top: -20px;
		left: -2px;
	}
	.sec_mainvisual .visual_ttl::after {
		width: 52px;
		height: 39px;
		right: -7px;
		bottom: 16px;
	}
	.sec_mainvisual .visual_ttl .main_ttl {
        font-size: 112.5%;
    }
    .sec_mainvisual .visual_ttl .sub_ttl {
        font-size: 62.5%;
    }
	.sec_mainvisual .visual_ttl .pc_show {
		display: none;
	}
	.sec_mainvisual .visual_ttl .sp_show {
		display: inline;
	}

	/* 探すボタン */
	.sec_mainvisual .btn_list {
		display: block;
		max-width: 67%;
		width: 100%;
	}
	.sec_mainvisual .btn_item:not(:last-child) {
		margin-bottom: 5px;
	}
	.sec_mainvisual .btn_item a {
		display: block;
		width: 100%;
		padding: 5px 35px 5px 24px;
		border-radius: 8px;
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-size: auto 7px;
		background-position: center right 20px;
		text-decoration: none;
		color: #000000;
		text-align: center;
		font-feature-settings: "palt";
		font-size: 112.5%;
		font-weight: 600;
	}
	.sec_mainvisual .btn_item.genre_btn a {
		color: #ec6d65;
		border: 2px solid #ec6d65;
		background-image: url(/shared/templates/miyagi_oem_top/images/icon_arrow_next_pi.png);
	}
	.sec_mainvisual .btn_item.area_btn a {
		color: #31652d;
		border: 2px solid #31652d;
		background-image: url(/shared/templates/miyagi_oem_top/images/icon_arrow_next_gr.png);
	}

	/* アニメーション制御ボタン */
	.sec_mainvisual .animation_stop {
		left: 50%;
		right: auto;
		bottom: 20px;
		transform: translateX(-50%);
	}

	.sec_mainvisual .animation_stop a {
		padding: 3px 15px 3px 23px;
		min-width: 86px;
		min-height: 27px;
		font-size: 100%;
	}
	.sec_mainvisual .animation_stop a:before,
	.sec_mainvisual .animation_stop a:after {
		width: 2px;
		height: 12px;
		top: 6px;
		left: 11px;
	}
	.sec_mainvisual .animation_stop a:after {
		left: 16px;
	}
	.effcts_off .sec_mainvisual .animation_stop a:before {
		top: 7px;
		border-width: 5px 0 6px 7px;
	}

	/* 理想のOEMパートナーを見つけよう
	================================================== */
	.sec_partner {
		padding: 38px 0 32px;
	}

	.sec_partner .sec_ttl {
		margin-bottom: 6px;
	}
	.sec_partner .sec_ttl::before {
		content: none;
	}
	.sec_partner .sec_ttl .ttl {
		padding: 0;
	}

	.sec_partner .sec_ttl .decoration_text {
		font-size: 119%;
	}
	.sec_partner .sec_ttl .decoration_text::after {
		width: 20px;
		height: 19px;
		right: -13px;
		bottom: -1px;
	}

	/* アイテム */
	.sec_partner .partner_list {
		flex-wrap: wrap;
	}
	.sec_partner .partner_item {
		max-width: 100%;
		padding: 0;
	}
	.sec_partner .partner_item.gsearch_item::after {
		content: none;
	}
	.sec_partner .partner_item:not(:last-child)::after {
		width: 3px;
		height: 55px;
	}

	/* アイコン */
	.sec_partner .partner_item .partner_icon {
		width: 46px;
		height: 46px;
	}
	.sec_partner .partner_item.genre_item .partner_icon {
		width: 80px;
	}

	/* タイトル */
	.sec_partner .partner_item .partner_ttl .pc_show {
		display: none;
	}
	.sec_partner .partner_item .partner_ttl .sp_show {
		display: inline-block;
	}
	.sec_partner .partner_item .partner_ttl:not(.gsearch_ttl) {
		padding-bottom: 15px;
	}
	.sec_partner .partner_item .partner_ttl:not(.gsearch_ttl)::after {
		width: 7px;
		height: 6px;
	}

	/* 検索窓 */
	.sec_partner .partner_item.gsearch_item {
		display: flex;
		justify-content: center;
		align-items: center;
		flex: auto;
		gap: 0 12px;
		width: 100%;
		margin-bottom: 18px;
		padding: 0;
	}
	.sec_partner .partner_item.gsearch_item .partner_icon {
		width: 40px;
		height: 40px;
	}
	.sec_partner .partner_item .gsearch_ttl {
		margin-bottom: 0;
	}
	#tmp_gsearch {
		max-width: 192px;
		margin: 0 auto;
	}
	/* 入力フィールド */
	#tmp_gsearch #tmp_query {
		min-height: 33px;
		border: 1px solid #a6a6a6;
	}
	#tmp_gsearch #tmp_query::placeholder {
		color: #999999;
	}
	/* 検索ボタン */
	#tmp_gsearch #tmp_func_sch_btn {
		width: 34px;
		min-height: 33px;
		background-size: auto 19px;
	}


	/* 生産者と理想のOEM先を結ぶためのマッチングサイトです
	================================================== */
	.sec_intro {
		padding: 24px 0 13px;
		background-image: url(/shared/templates/miyagi_oem_top/images/intro_area_sp_bg.jpg);
	}
	.sec_intro::before {
		opacity: 0.47;
	}
	.sec_intro .intro_map {
		display: none;
	}
	.sec_intro .intro_cnt {
		max-width: 100%;
	}
	.sec_intro .intro_ttl {
		margin-bottom: 14px;
	}
	.sec_intro .intro_text {
		line-height: 1.56;
	}


	/* 本サイトでできること
	================================================== */
	.sec_service {
		padding: 35px 0 52px;
	}
	.sec_service .sec_ttl {
		margin-bottom: 13px;
	}
	.sec_service .service_link_list {
		display: flex;
		gap: 10px;
		margin-bottom: 30px;
	}
	.sec_service .service_link_item {
		width: calc(100% - 5px);
	}
	.sec_service .service_link_item a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		min-height: 75px;
		box-shadow: 5px 7px 15px -1px #b8b8b8;
		border-radius: 10px;
		background-color: transparent;
		text-decoration: none;
		color: #ffffff;
		font-size: 125%;
		font-weight: 600;
		overflow: hidden;
	}
	.sec_service .service_link_item.search_btn a {
		background-color: #006c06;
	}
	.sec_service .service_link_item.entrusted_btn a {
		background-color: #9d7719;
	}
	.sec_service .service_link_item .icon {
		display: inline-block;
		line-height: 0;
	}
	.sec_service .service_link_item .text {
		padding-right: 10px;
		background-image: url(/shared/templates/miyagi_oem_top/images/icon_arrow_next_wh.png);
		background-repeat: no-repeat;
		background-size: auto 9px;
		background-position: center right;
		font-feature-settings: "palt";
	} 
	.sec_service .service_link_item .emphasis {
		background-color: transparent;
		color: #ffe06a;
	}

	.sec_service .service_genre_cnt .genre_main {
		margin-bottom: 19px;
	}
	.sec_service .service_wrap {
		grid-template-columns: 1fr;
	}

	.sec_service .genre_cnt:not(:last-child) {
		margin-bottom: 45px;
	}
	.sec_service .entrusted_cnt:not(:last-child) {
		margin-bottom: 28px;
	}

	.sec_service .genre_cnt .genre_ttl,
	.sec_service .entrusted_cnt .entrusted_ttl {
		margin-bottom: 6px;
		padding: 5px 10px;
	}
	.sec_service .entrusted_cnt .entrusted_ttl.flow_ttl {
		margin-bottom: 18px;
	}

	.sec_service .service_genre_cnt .genre_img,
	.sec_service .service_entrusted_cnt .entrusted_img {
		margin-bottom: 26px;
	}
	.sec_service .service_genre_cnt .step_list li,
	.sec_service .service_entrusted_cnt .step_list li {
		margin-bottom: 17px;
		line-height: 1.2;
	}
	.sec_service .service_genre_cnt .step_list .sp_show,
	.sec_service .service_entrusted_cnt .step_list .sp_show {
		display: inline;
	}
	.sec_service .service_genre_cnt .step_list li::before,
	.sec_service .service_entrusted_cnt .step_list li::before {
		width: 23px;
		height: 22px;
		padding-top: 2px;
		left: 13px;
	}

	.sec_service .service_entrusted_cnt .flow_list li {
		margin-bottom: 17px;
		padding: 4px 8px;
	}
	.sec_service .service_entrusted_cnt .flow_list li:not(:last-child):after {
		width: 7px;
		height: 4px;
		background-size: auto 4px;
		bottom: -12px;
	}

	.sec_service .btn_default {
		margin-top: 10px;
	}
	.sec_service .btn_default a {
		min-width: auto;
		width: 100%;
		padding: 2px 30px 6px 28px;
		background-size: auto 7px;
		background-position: center right 18px;
		font-size: 125%;
	}

	.sec_service .business_cnt .btn_default {
		margin-top: 8px;
	}

	/* コラム
	================================================== */
	.sec_column {
		padding: 41px 0 59px;
	}
	.sec_column .column_title {
		margin-bottom: 29px;
		font-size: 125%;
	}
	.sec_column .column_title span {
		margin-left: 0;
	}
	/* サムネイル */
	.sec_column .column_item .column_img {
		margin-bottom: 20px;
	}

	.sec_column .btn_default {
		margin-top: 37px;
	}
	.sec_column .btn_default a {
		min-width: auto;
		width: 100%;
		padding: 2px 35px 4px 20px;
		background-size: auto 7px;
		background-position: center right 20px;
		font-size: 125%;
	}

	/* ==================================================
	clearfix
	================================================== */
	#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
		content: ""; /* 変更しない */
		display: table; /* 変更しない */
		clear: both; /* 変更しない */
	}
}