/********************************************************************************
 page-tablet.css
********************************************************************************/

@media screen and (max-width: 1024px) {
/*============================================================
 共通
*============================================================*/
/* section title
---------------------------------------- */
	.sectionTitle:before {
		background: url(../images/top/section_title_frame_sp.svg) no-repeat center center / contain;
		width: 72px;
		height: 112px;
		left: 220px;
		top: -4px;
	}
	.sectionTitle h2 {
		font-size: 4.8rem;
		margin-bottom: 8px;
	}
	.sectionTitle p {
		font-size: 2rem;
	}
	
/* news-list
---------------------------------------- */
	.newsItem__link {
		display: block;
	}
	.newsItem__date {
		display: block;
		margin-right: 0;
		margin-bottom: 12px;
	}
	.newsItem__title {
		width: 100%;
	}

	
/* cta
---------------------------------------- */
	.cta {
		height:480px;
	}
	.cta__inner {
		margin-top: 200px;
	}
	.cta__leading {
		font-size: 2rem;
	}
	.cta__block {
		display: block;
	}
	.cta__block > p {
		width: 100%;
		margin-bottom: 16px;
	}
	.cta__btn {
		margin: 0 auto;
	}


/*============================================================
 トップページ
*============================================================*/
/* mv
---------------------------------------- */
	.topMv__inner {
		margin-top: 120px;
		max-width: 776px;
	}
	.topMv:before {
		background: url(../images/top/mv_bg_slash_sp.svg) no-repeat;
		background-size: contain;
		width: 198px;
		height: 330px;
		right: 414px;
		left: auto;
		top: 276px;
	}
	.topMv .black_line {
		height: 540px;
		left: auto;
		right: 312px;
	}
	.topMv .gold_line {
		left: auto;
		right: 478px;
		top: 180px;;
	}
	.topMv__logo {
		width: 156px;
		margin-bottom: 32px;
	}
	.topMv__heading {
		font-size: 2rem;
		margin-bottom: 32px;
	}
	.topMv__btn {
		width: 280px;
	}
	
	.topLead {
		padding-top: 114px;
		margin-bottom: 96px;
	}
	.topLead__catch {
		width: 214px;
		margin-bottom: 32px;
	}
	.topLead__catch:before {
		display: none;
	}
	
	.topServices {
		margin-bottom: 180px;
	}
	.topServices__title {
		margin-bottom: 16px;
	}
	.topServices__inner > p {
		max-width: 100%;
		margin: 0 0 80px 0;
	}
	.topServices__list:before {
		background: url(../images/top/services_bg_sp.svg) no-repeat center center / contain;
		width: 1300px;
		height: 1055px;
		top: -18px;
		left: 58%;
		transform: translatex(-50%);
	}
	.topServices__item:not(:last-child) {
		margin-bottom: 80px;
	}
	.topServices__item h3 {
		font-size: 2rem;
	}
	.topServices__item .image {
		max-width: 402px;
		width: 100%;
		margin: 32px 0 0 auto;
	}
	
	.topNews {
		margin-bottom: 88px;
	}
	.topNews__list {
		margin-bottom: 40px;
	}
	.topNews__title {
		margin-bottom: 8px;
	}

	
/*============================================================
 下層ページ
*============================================================*/
/* 共通
---------------------------------------- */
	.pageHeader {
		margin-top: 24px;
		margin-bottom: 104px;
	}
	.pageHeader:before {
		display: none;
	}
	.pageHeader__inner {
		position: relative;
	}
	.pageHeader__inner:before {
		content: "";
		position: absolute;
		display: block;
		background: url(../images/common/sub_page_frame_sp.svg) no-repeat;
		background-size: contain;
		width: 180px;
		height: 210px;
		right: 0;
		top: -24px;
	}
	.pageTitle h1 {
		font-size: 4.8rem;
		margin-bottom: 8px;
	}
	.pageTitle p {
		font-size: 2rem;
	}
	.pageContent__inner {
		margin-bottom: 88px;
	}
	.sub_page .secTitle {
		font-size: 2.4rem;
		margin-bottom: 24px;
	}
	
/* 会社概要ページ
---------------------------------------- */
	.p_company .about {
		margin-bottom: 40px;
	}
	.p_company .memberItem {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 40px;
	}
	.p_company .memberItem__name p {
		font-size: 2.4rem;
	}
	.p_company .info .gmap {
		padding-bottom: 68.25%;
	}
	
/* 事業内容ページ
---------------------------------------- */
	.p_services .pageHeader {
		margin-bottom: 24px;
	}
	.p_services .service {
		padding-top: 80px;
	}
	.p_services .service__title {
		font-size: 2.4rem;
	}
	.p_services .service__desc {
		display: block;
	}
	.p_services .service__desc p {
		width: 100%;
		margin-bottom: 32px;
	}
	.p_services .service__desc div {
		margin: 0 auto;
	}
	.p_services .service__subTitle {
		font-size: 1.8rem;
	}
	.p_services .service__tag {
		margin-bottom: 32px;
	}
	.p_services .service__tag span {
		font-size: 1.2rem;
		margin-right: 8px;
		margin-bottom: 8px;
	}
	.p_services .service__workMain {
		margin-bottom: 24px;
	}
	.p_services .service__workMain .image {
		width: 630px;
		margin-left: calc((100% - 630px) / 2);
		max-width: initial;
	}
	.p_services .service__workMain .image img {
		display: block;
		width: 630px;
	}
	.p_services .service__workMain .title {
		width: 100%;
	}
	.p_services .service__workMain .title .c_forPC{
		display: none;
	}
	.p_services .service__workMain .title > .c_flex {
		flex-direction: column;
	}
	.p_services .service__workMain .title > .c_flex span:first-child {
		display: inline-block;
		margin-bottom: 8px;
	}
	.p_services .service__workMain .title > p {
		font-size: 1.6rem;
	}
	
/* お知らせ詳細ページ
---------------------------------------- */
	.p_news_detail .pageHeader {
		margin-bottom: 56px;
	}
	.p_news_detail .pageHeader__inner:before {
		display: none;
	}
	.p_news_detail .pageTitle h1 {
		font-size: 2.4rem;
	}
	.p_news_detail .breadcrumbs {
		margin-bottom: 32px;
	}
	.p_news_detail .pageBack {
		margin-bottom: 24px;
	}
	.p_news_detail .pageContent__inner {
		margin-bottom: 40px;
	}
	.p_news_detail .c_btn_sub {
		margin-bottom: 88px;
	}
	
/* お問い合わせページ
---------------------------------------- */
	.p_contact .lead {
		margin-bottom: 104px;
	}
	.p_confirm .lead {
		font-size: 2.4rem;
		margin-bottom: 56px;
	}
	.p_thanks .pageHeader {
		margin-bottom: 140px;
	}
	.p_thanks .pageTitle h1 {
		font-size: 4.8rem;
	}
	.p_thanks .lead {
		margin-bottom: 56px;
	}
	
/* プライバシーポリシーページ
---------------------------------------- */
	.p_policy .pageHeader {
		margin-bottom: 56px;
	}
	.p_policy .pageContent__inner > h2 {
		font-size: 2.4rem;
	}


}

