@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* ヘッダ */
	#header h1.title img {
		max-height: 35px;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 18px;
	}
	/* フッター */
	#footer .contact .contact_flex {
		display: block;
	}
	#footer .contact .txt {
		font-size: 24px;
		margin-bottom: 20px;
	}
	#footer .contact .contact_flex a {
		width:calc( 100% - 20px );
		box-sizing:border-box;
	}
	#footer .contact .contact_flex .tel {
		font-size: 26px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	#contact_smt {
		position: fixed;
		bottom: 0;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#contact_smt a {
		font-family: 'M PLUS 1p', sans-serif;
		display: inline-block;
		padding: 20px 0;
		box-sizing: border-box;
		width: 50%;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
	}
	#contact_smt a img {
		vertical-align: middle;
		width: 20px;
		margin-right: 5px;
	}
	#contact_smt .tel {
		background-image: -webkit-linear-gradient(#00add9, #0089c6);
		background-image: -o-linear-gradient(#00add9, #0089c6);
		background-image: linear-gradient(#00add9, #0089c6);
	}
	#contact_smt .tel img {
		margin-top: -4px;
	}
	#contact_smt .mail {
		background-image: -webkit-linear-gradient(#f98995, #f65768);
		background-image: -o-linear-gradient(#f98995, #f65768);
		background-image: linear-gradient(#f98995, #f65768);
	}
	#contact_smt .mail img {
		margin-top: -2px;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
	  ページタイトル
	--------------------------------------------------*/
	#page_title .toppage_inner {
		position: relative;
		display: block;
		width: 100%;
		margin:auto;
		text-align: right;
	}
	#page_title .toppage .title01 {
		position: relative;
		padding-top: 20px;
		box-sizing:border-box;
		bottom: 0;
		width: 65%;
		right: -18%;
	}
	#page_title .toppage .title02 {
		position: absolute;
		top: 20px;
		left: 0;
	}
	#page_title .toppage .title03 {
		width: calc( 100% - 20px);
		left: 10px;
		bottom: 25px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* メッセージ */
	#top_about {
		padding-top: 20px;
		padding-bottom: 30px;
		display: block;
	}
	#top_about .about_box {
		width: 100%;
	}
	#top_about .about_box:first-of-type {
		margin-bottom: 20px;
	}
	#top_about h3.headline {
		font-size: 18px;
		padding-bottom: 0;
		background-size: auto 80%;
	}
	#top_about .txt01 {
		padding: 12px;
		font-size: 14px;
		line-height: 1.6;
	}
	/*作業の流れ*/
	#top_flow .flow_title {
		padding: 5px 0;
	}
	#top_flow .flow_title::after {
		bottom: -16px;
		border-width: 16px 25px 0 25px;
	}
	#top_flow h3.headline {
		font-size: 18px;
	}
	#top_flow h3.headline img {
		left: 0;
		width: 56px;
	}
	#top_flow .flow_box {
		padding-top: 25px;
		padding-bottom: 30px;
	}
	#top_flow .txt01 {
		font-size: 16px;
		padding: 15px 18px;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	#top_flow .txt01 .flow_num {
		position: absolute;
		top: -10px;
		left: 5px;
	}
	#top_flow .flow03_img {
		display: none;
	}
	/*対応エリア*/
	#top_area {
		padding-top: 20px;
		padding-bottom: 35px;
		display: block;
	}
	#top_area.bg_wide::before {
		background-size: 60% auto;
	}
	#top_area .photo {
		display: block;
		margin:0 auto 10px;
	}
	#top_area .txt_area {
		margin-left: 0;
	}
	#top_area h3.headline {
		font-size: 18px;
		margin-bottom: 10px;
		display: block;
		text-align: center;
	}
	#top_area h3.headline .txt_m {
		font-size: 24px;
	}
	#top_area h3.headline .txt_l {
		font-size: 26px;
	}
	#top_area .txt01 {
		font-size: 15px;
	}
	#top_area .txt02 {
		font-size: 15px;
	}
	/*採用情報詳細*/
	#top_detail .detail_title {
		padding: 5px 0;
	}
	#top_detail .detail_title::after {
		bottom: -16px;
		border-width: 16px 25px 0 25px;
	}
	#top_detail h3.headline {
		font-size: 18px;
	}
	#top_detail .detail_box {
		padding-top: 25px;
		padding-bottom: 20px;
	}
	#top_detail .photo_area {
		margin-bottom: 20px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#top_detail .photo_area img {
		width: 50%;
	}
	#top_detail .detail_table th {
		display: block;
		width: 100%;
		font-size: 15px;
		padding: 6px 10px;
		line-height: 1.6;
	}
	#top_detail .detail_table td {
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 6px 10px;
		line-height: 1.6;
	}
	#top_detail .detail_table td .txt_l {
		font-size: 15px;
	}
	#top_detail .detail_table .mail {
		font-size: 18px;
	}
	#top_detail .detail_table .mail img {
		margin-right: 10px;
	}
	#top_detail .detail_table .tel {
		font-size: 20px;
	}
	#top_detail .detail_table .tel img {
		margin-right: 10px;
	}
	/*先輩スタッフの声*/
	#top_voice .voice_title {
		padding: 5px 0;
	}
	#top_voice .voice_title::after {
		bottom: -16px;
		border-width: 16px 25px 0 25px;
	}
	#top_voice h3.headline {
		font-size: 18px;
	}
	#top_voice h4.headline {
		text-align:left;
		font-size: 15px;
		margin-bottom: 15px;
		line-height: 1.4;
	}
	#top_voice h4.headline span {
		font-size: 14px;
	}
	#top_voice h4.headline.smt_mb {
		margin-bottom: 40px;
	}
	#top_voice h4.headline .voice_hl01 {
		transform: translateX(0);
		text-align: right;
	}
	#top_voice .voice_box {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	#top_voice .voice_img01 {
		margin-bottom: 10px;
	}
	#top_voice .box_inner {
		padding-top: 15px;
		padding-bottom: 20px;
	}
	#top_voice .box_inner:first-of-type {
		padding-top: 0;
		padding-bottom: 20px;
	}
	#top_voice .voice_dl01 {
		margin-bottom: 15px;
	}
	#top_voice .voice_dl01 dt img {
		width: 60px;
	}
	#top_voice .voice_dl01 dt span {
		font-size: 15px;
		padding: 10px;
		margin-top: 0;
		margin-left: 16px;
		margin-bottom: 10px;
	}
	#top_voice .voice_dl01 dt span::before {
		left: -15px;
		border-width: 11.5px 15px 11.5px 0;
	}
	#top_voice .voice_dl01 dd img {
			width: 60px;
		}
	#top_voice .voice_dl01 dd span {
		font-size: 15px;
		padding: 10px;
		margin-right: 16px;
	}
	#top_voice .voice_dl01 dd span::before {
		right: -15px;
		border-width: 11.5px 0 11.5px 15px;
	}
	#top_voice .voice_box .txt01 {
		padding: 10px;
		font-size: 15px;
	}
	#top_voice .voice_box .txt01 .voice_img04 {
		height: 50px;
		top: -50px;
	}
	#top_voice .voice_box .txt01 .voice_img05 {
		height: 50px;
		top: -50px;
	}
	/*メールでのお問合せはこちら*/
	#top_contact .contact_title {
		padding: 5px 0;
	}
	#top_contact .contact_title::after {
		bottom: -16px;
		border-width: 16px 25px 0 25px;
	}
	#top_contact h3.headline {
		font-size: 18px;
	}
	#top_contact .contact_box {
		padding-top: 10px;
		padding-bottom: 10px;
	}
/*------------------------------------------------*/
}