@charset "utf-8";
/* ****************************************

*Site Name : バイタス
*Description : スマホ表示（画面幅 999px 以下）

PC とスマホは同じ HTML。このファイルは PC 版の HTML に、見本スマホ版（reference_sp）の見た目を当てる。
PC 版の CSS（pc_*.css）はスマホ幅では読み込まれないので、ここだけで全部を整える。
色・余白・画像は見本スマホ版の css/sp/*.css と同じ値。11px 以下の小さい文字だけ少し大きくした。
境目の幅は inc/config.php の BYTAS_SP_MAX と同じ（読み込みは inc/assets.php で media 指定）。

**************************************** */

/* ----------------------------------------
*	default
---------------------------------------- */
*{
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box;
}
html{
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
}
body{
	background-color:#ffffff;
	color:#000000;
	font-size:15px;
	line-height:1.5;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	overflow-wrap:anywhere;
}
a{
	color:#000000;
	text-decoration:none;
}
li{list-style:none;}
img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
input,textarea,select,button{
	font-family:inherit;
	font-size:16px;	/* iPhone で入力時に拡大されない大きさ */
	color:#000000;
}
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
/* flex・grid にした要素では .cf の擬似要素が並びの1つとして数えられ、余計なすき間になるので消す */
#header_container.cf:before,#header_container.cf:after,
#pickup_box_wrapper.cf:before,#pickup_box_wrapper.cf:after,
.company_name.cf:before,.company_name.cf:after,
.company_detail.cf:before,.company_detail.cf:after,
.topics_contents.cf:before,.topics_contents.cf:after,
.oyakudachi_contents.cf:before,.oyakudachi_contents.cf:after{
	content:none;
}

#global_container{
	max-width:640px;
	margin:0 auto;
}

/* 見出しの画像（スマホ用は 2 倍サイズの画像なので幅で縮める） */
#search_box h2 img,
#pickup_box h2 img,
#topics_box h2 img,
#bytas_job_topics h2 img,
#oyakudachi_box h2 img{
	width:100%;
	max-width:310px;
}

/* ----------------------------------------
*	header
---------------------------------------- */
#header_container{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin:5px 5px 10px;
}
#header_left{
	order:1;
	flex:1 1 auto;
}
#logo img{
	width:96px;
}
#bytas_menu_button{
	order:2;
	display:flex;
	align-items:center;
	height:34px;
	padding:0 12px 0 10px;
	background-color:#ffaa00;
	background:linear-gradient(to bottom, #ffbf00 0%, #ff9500 100%);
	border:#ffaa00 1px solid;
	border-radius:8px;
	box-shadow:1px 1px 2px #999999;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
/* 三本線（開いているときは ×） */
.bytas-menu-icon,
.bytas-menu-icon:before,
.bytas-menu-icon:after{
	display:block;
	width:18px;
	height:2px;
	background-color:#ffffff;
	transition:transform .2s;
}
.bytas-menu-icon{
	position:relative;
	margin:0 8px 0 0;
}
.bytas-menu-icon:before,
.bytas-menu-icon:after{
	content:"";
	position:absolute;
	left:0;
}
.bytas-menu-icon:before{top:-6px;}
.bytas-menu-icon:after{top:6px;}
#bytas_menu_button.is-open .bytas-menu-icon{background-color:transparent;}
#bytas_menu_button.is-open .bytas-menu-icon:before{transform:translateY(6px) rotate(45deg);}
#bytas_menu_button.is-open .bytas-menu-icon:after{transform:translateY(-6px) rotate(-45deg);}

#bytas_menu{
	order:3;
	display:none;
	width:100%;
	margin:8px 0 0;
	border:#ffaa00 1px solid;
	border-radius:8px;
	overflow:hidden;
}
#bytas_menu.is-open{display:block;}
#bytas_menu li + li{border-top:#ffd580 1px solid;}
#bytas_menu li a{
	display:block;
	padding:12px 10px 12px 28px;
	background:#fffbe5 url("../../imgs/sp/sp_common/arrow_gray.png") no-repeat 12px center;
	color:#5c3016;
	font-size:15px;
	font-weight:bold;
}

#last_uptime{
	order:4;
	width:100%;
	text-align:right;
	color:#E85343;
	font-size:15px;
	font-weight:bold;
	margin-top: 8px;
}
#last_uptime span{
	color:#FFAA00;
	font-size:13px;
}
#header_top{
	order:5;
	width:100%;
}
#header_top h1,
#header_top #page_title{
	margin:0 0 5px;
	color:#5c3016;
	font-size:12px;
}
#header_right{
	order:6;
	width:100%;
}
#header_banner_s{
	margin:0 auto;
}
#header_banner_s img{
	display:block;
	width:100%;
}

#gnavi{display:none;}

/* ----------------------------------------
*	breadcrumb
---------------------------------------- */
#breadcrumb ul{
	margin:0 5px 10px;
	padding:5px;
	background-color:#f4f4f4;
}
#breadcrumb li{
	display:inline;
	font-size:12px;
}
#breadcrumb li + li:before{
	content:"＞";
	color:#999999;
}
#breadcrumb a,
#breadcrumb span{
	color:#5c3016;
	font-size:12px;
	text-decoration:underline;
}

/* ----------------------------------------
*	左右カラム（スマホは1カラム。右カラムは出さない）
---------------------------------------- */
#left_content{
	display:flex;
	flex-direction:column;
}
#right_content{display:none;}

/* ページ上部へ戻る */
#pageup{
	margin:20px 0 0;
	padding:0 5px;
	border-bottom:#cccccc 2px solid;
	text-align:right;
}
#pageup a{
	display:inline-block;
	width:150px;
	line-height:30px;
	background-color:#ffaa00;
	background:linear-gradient(to bottom, #ffbf00 0%, #ff9500 100%);
	border-radius:8px 8px 0 0;
	text-align:center;
	font-size:0;
}
#pageup a:after{
	content:"ページ上部へ戻る";
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}

/* ----------------------------------------
*	top: 新着求人の画像
---------------------------------------- */
#top_free_contents_top{
	margin:0 5px 15px;
}
.bytas-top-image img{
	display:block;
	width:100%;
}

/* ----------------------------------------
*	search（トップ）
---------------------------------------- */
#search_box{
	margin:0 5px 15px;
}
#search_box h2{
	margin:0 0 5px;
}
#search_box_contents{
	padding:5px;
	border:#ffaa00 1px dotted;
	background-color:#fffbe5;
}
/* 「エリアで探す」「職種で探す」の開け閉め */
.bytas-sp-toggle{
	position:relative;
	height:36px;
	margin:0 0 5px;
	padding:0 0 0 40px;
	border-radius:8px;
	box-shadow:1px 1px 2px #999999;
	background:url("../../imgs/sp/sp_common/icon_plus.png") no-repeat 5px center;
	background-size:28px;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	line-height:36px;
	cursor:pointer;
}
.bytas-sp-toggle.is-open{
	background-image:url("../../imgs/sp/sp_common/icon_minus.png");
}
#search_box_contents_area .bytas-sp-toggle{background-color:#e74c3c;}
#search_box_contents_job .bytas-sp-toggle{background-color:#1abc9c;}
#search_box_contents_area > ul,
#search_box_contents_job > ul{
	display:none;
	padding:10px 10px 5px;
}
#search_box_contents_area.is-open > ul,
#search_box_contents_job.is-open > ul{
	display:block;
}
#search_box_contents_area > ul li,
#search_box_contents_job > ul li{
	margin:0 0 12px;
}
#search_box input[type=checkbox]{
	width:18px;
	height:18px;
	margin:0 8px 0 0;
	vertical-align:-3px;
}
#search_box li a,
#search_box dd a{
	text-decoration:underline;
}

/* フリーワードと検索ボタン */
#keyword_search{
	padding:10px 5px 5px;
	text-align:center;
}
.kw_search_box{
	display:block;
	width:100%;
	height:40px;
	margin:0 0 12px;
	padding:0 8px;
	border:#666666 1px solid;
	background-color:#ffffff;
}
.kw_search_button{
	display:inline-block;
	padding:0;
	border:0;
	background:none;
	cursor:pointer;
}
.kw_search_button img{
	width:190px;
}

/* ----------------------------------------
*	search（一覧: 見出しを押すと開く）
---------------------------------------- */
#search_box.bytas-sp-collapse{
	padding:5px;
	border:#ffaa00 1px dotted;
	background-color:#fffbe5;
}
#search_box.bytas-sp-collapse h2{
	margin:0;
	padding:0 10px 0 40px;
	background:#ffaa00 url("../../imgs/sp/sp_list/icon_advanced_search_open.png") no-repeat 10px center;
	background-size:auto 36px;
	border-radius:8px;
	box-shadow:1px 1px 2px #999999;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	line-height:36px;
	text-align:center;
	cursor:pointer;
}
#search_box.bytas-sp-collapse.is-open h2{
	background-image:url("../../imgs/sp/sp_list/icon_advanced_search_close.png");
}
#search_box.bytas-sp-collapse form{
	display:none;
}
#search_box.bytas-sp-collapse.is-open form{
	display:block;
}
#search_box.bytas-sp-collapse #search_box_contents{
	padding:10px 5px 0;
	border:0;
}
#search_box_contents_area dl{
	margin:0 0 15px;
}
#search_box_contents_area dt{
	margin:0 0 5px;
	padding:3px 5px;
	background-color:#f15c9b;
	color:#ffffff;
}
#search_box_contents_area dd{
	margin:8px 10px 12px;
}
#search_box_contents_area dd.sub_area{
	margin-left:30px;
}

/* ----------------------------------------
*	pickup
---------------------------------------- */
#pickup_box{
	margin:0 5px 15px;
}
/* 見せるのは最大4件（bytas-sp.js）なので、横2つ×縦2つで画面幅いっぱいに並べる */
#pickup_box_wrapper{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:10px;
	padding:10px;
	background-color:#fffbe5;
}
/* 高さは中身に合わせる（背景の枠画像は縦横とも伸び縮み）。上の余白はピンの分（幅に対する %） */
.pickup_box_contents{
	display:flex;
	flex-direction:column;
	padding:32px 8px 40px;
	background:url("../../imgs/sp/sp_top/pickup_bg.png") no-repeat top left;
	background-size:100% 100%;
	overflow:hidden;
}
.pickup_box_contents.bytas-sp-hidden{display:none;}
.pickup_box_contents dt{
	overflow:hidden;
	text-align:center;
	line-height:20px;
	margin-bottom: 8px;
}
.pickup_box_contents dt a{
	color:#ff3185;
	font-size:14px;
}
.pickup_box_contents dd{
	text-align:center;
}
/* 画像は会社名の上（HTML の順は 会社名 → 画像 → 一言） */
.pickup_box_contents dd.pickup_photo{
	order:-1;
	margin-bottom:12px;
}
.pickup_box_contents dd img{
	display:block;
	width:100%;
}
.pickup_box_contents dd.pickup_commnet{
	overflow:hidden;
	text-align:left;
}
.pickup_box_contents dd.pickup_commnet a{
	font-size:12px;
}

/* ----------------------------------------
*	お仕事TOPICS（トップ）
---------------------------------------- */
#bytas_job_topics{
	margin:0 5px 15px;
}
#bytas_job_topics h2{
	line-height:0;
}
/* 左に画像、右に会社名と一言。文字が長いときは2行まで（3行目以降は「…」） */
.job_topics_item{
	display:flex;
	align-items:center;
	gap:8px;
	padding:12px 4px;
	background:url("../../imgs/sp/sp_common/common_bg_gray_dots.gif") repeat top left;
}
.job_topics_photo{
	flex:0 0 95px;
}
.job_topics_photo img{
	display:block;
	width:95px;
}
.job_topics_text{
	flex:1 1 auto;
	min-width:0;
}
.job_topics_item h3{
	padding:1px 8px;
	background-color:#ffaa00;
	border-radius:5px;
	text-align:center;
	line-height:20px;
}
.job_topics_item h3 a{
	color:#ffffff;
	font-size:14px;
	text-decoration:underline;
}
.job_topics_comment{
	margin:3px 0 0;
	line-height:16px;
}
.job_topics_comment a{
	font-size:12px;
	text-decoration:underline;
}
.job_topics_item h3 a,
.job_topics_comment a{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	overflow:hidden;
}

/* ----------------------------------------
*	新着トピックス（トップ）
---------------------------------------- */
#topics_box{
	margin:0 5px 15px;
}
#topics_box_contents{
	padding:0 5px;
	background-color:#fffbe5;
}
/* 左に画像（横幅 32%）、右にエリア・業種とキャッチコピー */
.topics_contents{
	display:flex;
	align-items:flex-start;
	gap:8px;
	padding:16px 0;
}
.topics_contents + .topics_contents{
	border-top:#ffd580 1px dotted;
}
.topics_contents_left{
	flex:0 0 32%;
}
.topics_contents_left img{
	display:block;
	width:100%;
}
.topics_contents_right{
	flex:1 1 auto;
	min-width:0;
}

.topics_contents_right ul{
	margin-bottom: 8px;
}

.topics_contents_right li{
	display:inline-block;
	margin:0 3px 3px 0;
	padding:1px 4px;
	background-color:#f82a64;
	border-radius:3px;
	color:#ffffff;
	font-size:12px;
}
.topics_contents_right li + li{
	background-color:transparent;
	color:#ffaa00;
	font-weight:bold;
}
.topics_contents_right p a{
	font-size:13px;
	text-decoration:underline;
}

/* ----------------------------------------
*	お役立ちコンテンツ（トップ下部）
---------------------------------------- */
#top_free_contents_bottom{
	margin:0 5px 15px;
}
#oyakudachi_box h2{
	margin:0 0 5px;
}
.oyakudachi_contents{
	display:flex;
	align-items:flex-start;
	margin:12px 0;
}
.oyakudachi_contents p{
	flex:0 0 60px;
	margin:0 8px 0 0;
}
.oyakudachi_contents p img{
	width:60px;
}
.oyakudachi_contents dt{
	margin:2px 0 3px;
}
.oyakudachi_contents dt a{
	color:#ffaa00;
	font-size:14px;
	font-weight:bold;
}
.oyakudachi_contents dd a{
	font-size:13px;
}
.oyakudachi_contents dd br{display:none;}
#top_free_contents_bottom .base_back{
	margin:15px 0 0;
	padding:8px;
	background-color:#f4f4f4;
	color:#555555;
	font-size:12px;
}
#top_free_contents_bottom .base_back b{
	color:#ffaa00;
	font-size:13px;
	font-weight:bold;
}
#top_free_contents_bottom .base_back p{
	font-size:12px;
}

/* ----------------------------------------
*	list（一覧・検索結果）
*	並び: ピックアップ → 検索 → 見出し → 一覧（見本スマホ版の順）
---------------------------------------- */
#left_content.bytas-list > #pickup_box{order:1;}
#left_content.bytas-list > #search_box{order:2;}
#left_content.bytas-list > h1.sub_title{order:3;}
#left_content.bytas-list > div{order:4;}
#left_content.bytas-list > #pageup{order:5;}

h1.sub_title{
	margin:0 5px;
	padding:5px;
	background-color:#ffaa00;
	color:#ffffff;
	font-size:19px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}
h2.sub_title{display:none;}

/* ページ送り */
.pager{
	margin:0 5px;
	padding:5px;
	text-align:center;
}
.pager p{
	font-size:13px;
}
.pager ul{
	padding:8px 0;
}
.pager li{
	display:inline-block;
	margin:3px;
}
.pager li a,
.pager li span{
	display:inline-block;
	min-width:34px;
	padding:5px 8px;
	font-size:15px;
}
.pager li a{
	background-color:#e7e7e7;
	color:#0088cc;
	text-decoration:underline;
}
.pager li span{
	background-color:#fffc00;
	color:#0088cc;
}

/* 求人カード */
.company_contents_box{
	margin:0 5px 32px;
	padding:5px;
	background-color:#f5f5f5;
}
.company_name{
	display:flex;
	align-items:flex-start;
	padding:0 0 5px;
	border-bottom:#cbcbcb 1px solid;
}
.company_name dt{
	flex:1 1 auto;
	padding:0 5px 0 5px;
}
.company_name dt a{
	color:#ffaa00;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	text-decoration:underline;
}
.company_name dd{
	flex:0 0 65px;
}
.company_name dd img{
	width:65px;
}
.company_detail{
	display:grid;
	grid-template-columns:1fr;	/* 1カラム: キャッチコピー → 画像（横幅いっぱい）→ 勤務地など */
	row-gap:5px;
	padding:5px 0 0;
	border-top:#ffffff 1px solid;
}
.company_detail dd.company_detail_catch{
	grid-row:1;
	margin:0 5px;
	color:#f82a64;
	font-size:16px;
}
.company_detail dt{
	grid-row:2;
}
.company_detail dt img{
	display:block;
	width:100%;
	border:#333333 1px solid;
	margin-bottom: 12px;
}
.company_detail dd.company_detail_list{
	grid-row:3;
	min-width:0;
}
.company_detail_list li{
	margin:0 0 3px;
	padding:3px 5px;
	border-bottom:#333333 1px dotted;
	font-size:13px;
}

/* PRポイント（一覧・詳細 共通） */
.company_detail_menu,
td.pr_point ul{
	display:flex;
	flex-wrap:wrap;
}
.company_detail_menu{
	padding:5px 0 0;
}
.company_detail_menu li,
td.pr_point li{
	margin:5px 5px 0 0;
	padding:3px 5px;
	border:1px solid #ee743e;
	background-color:#ffffff;
	color:#ee743e;
	font-size:12px;
	font-weight:bold;
}
.company_detail_menu li.A14,
td.pr_point li.A14{
	border-color:#f15c9b;
	background-color:#f15c9b;
	color:#ffffff;
}

/* ----------------------------------------
*	detail（求人詳細・応募フォーム・お問い合わせ・完了）
---------------------------------------- */
#left_content > h1.title{
	margin:0 5px 5px;
	padding:0 0 3px;
	background:url("../../imgs/sp/sp_detail/detail_headline_bg.gif") repeat-x bottom left;
	color:#ffaa00;
	font-size:19px;
	font-weight:bold;
	line-height:1.5;
}
#detail_box{
	margin:0 5px 15px;
	padding:5px;
	background-color:#f5f5f5;
}
#detail_box > h2{
	color:#f82a64;
	font-size:16px;
}
.recruit_main_img{
	margin:5px 0;
}
.recruit_main_img img{
	display:block;
	width:100%;
}
#detail_basic_left{
	padding:5px 0 0;
}
#detail_basic_left dl{
	display:flex;
	margin:0 0 5px;
}
#detail_basic_left dt{
	flex:0 0 80px;
	margin:0 5px 0 0;
	padding:3px 5px;
	background-color:#dadada;
	text-align:center;
	font-size:13px;
}
#detail_basic_left dd{
	flex:1 1 auto;
	min-width:0;
	padding:3px 5px;
	font-size:13px;
}
a.bytas-tel{
	color:#ff0000;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}

/* 応募ボタン・LINEで応募 */
.bytas-apply-button{
	margin:10px auto;
	text-align:center;
}
.bytas-apply-button img{
	width:180px;
}
p.line{
	width:180px;
	margin:0 auto 10px;
}
p.line a{
	display:block;
	padding:10px 10px 10px 50px;
	background:#00b900 url("../../imgs/sp/sp_detail/contact_bg_line.png") no-repeat 10px center;
	background-size:32px;
	border-radius:5px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/* 募集内容 */
#detail_contents{
	padding:5px 0 15px;
}
#detail_contents h3{
	margin:0 0 5px;
	background-color:#ffaa00;
	color:#ffffff;
	font-size:14px;
	line-height:25px;
	text-align:center;
}
#detail_contents > p{
	margin:5px;
	font-size:14px;
}
/* 表は行ごとに「見出し | 本文」を横に並べる（表のままだと長い行の本文が見出しの列幅に縮むため） */
#detail_contents table,
#detail_contents tbody{
	display:block;
	width:100%;
}
#detail_contents tr{
	display:flex;
	gap:5px;
	margin:5px;
}
#detail_contents th{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 80px;
	padding:3px 5px;
	background-color:#dadada;
	text-align:center;
	font-size:13px;
	font-weight:normal;
}
#detail_contents td{
	display:block;
	flex:1 1 auto;
	min-width:0;
	padding:3px 5px;
	font-size:13px;
}
#detail_contents td a{
	text-decoration:underline;
}
/* 見出しを上・本文を下に並べる行（自由記述・住所・PRポイントなど。見本の contents_th_long） */
#detail_contents tr.bytas-long{
	flex-direction:column;
}
#detail_contents tr.bytas-long th{
	flex-basis:auto;
}
.detail_free_box{
	margin:10px 5px 5px;
	padding:5px;
	border:#dadada 5px solid;
	background-color:#ffffff;
}
.detail_free_box .free_box_title{
	color:#51b4b6;
	font-size:13px;
	font-weight:bold;
}
.detail_free_box p{
	padding:5px 0;
	font-size:13px;
}
.gallery{display:none;}

/* ----------------------------------------
*	form（応募フォーム・お問い合わせ: Contact Form 7）
---------------------------------------- */
#detail_contents #rec_info_table th{
	flex-basis:90px;
	justify-content:flex-start;
	text-align:left;
}
#rec_info_table .marker_red{
	color:#E4004F;
	font-size:13px;
}
#rec_info_table input[type=text],
#rec_info_table input[type=email],
#rec_info_table input[type=tel],
#rec_info_table input[type=number],
#rec_info_table select,
#rec_info_table textarea{
	max-width:100%;
	padding:5px;
	border:1px solid #6D6C6C;
	background-color:#ffffff;
	font-weight:bold;
}
#rec_info_table input:focus,
#rec_info_table select:focus,
#rec_info_table textarea:focus{
	background-color:#E8F6FF;
}
#rec_info_table .w_50{width:80px;}
#rec_info_table .w_150,
#rec_info_table .w_200,
#rec_info_table .w_400{width:100%;}
#rec_info_table .h_50{height:80px;}
#rec_info_table .h_100{height:140px;}
#rec_info_table .wpcf7-list-item{
	margin:0 0 8px;
}
#rec_info_table input[type=radio]{
	width:18px;
	height:18px;
	margin:0 6px 0 0;
	vertical-align:-3px;
}
#rec_input_merumaga{
	margin:5px 0 15px;
	text-align:center;
}
#rec_input_merumaga p,
#rec_input_merumaga a{
	font-size:14px;
}
#rec_input_merumaga a{
	color:#0066cc;
	text-decoration:underline;
}
#detail_contents .bt_middle{
	margin:10px auto;
	text-align:center;
}

/* 完了ページ */
#detail_contents .bytas-complete-text{
	margin:5px 5px 10px;
	font-size:14px;
}
#detail_contents .bytas-complete-links{
	margin:15px 5px;
}
#detail_contents .bytas-complete-links li{
	margin:0 0 10px;
}
#detail_contents .bytas-complete-links a{
	color:#0066cc;
	font-size:15px;
	text-decoration:underline;
}

/* ----------------------------------------
*	固定ページ（本文の見た目は contents/sp/css/{ページ}.css）
---------------------------------------- */
#free_content{
	margin:0 5px 15px;
	font-size:14px;
	line-height:1.6;
}
#free_content h1.title{
	margin:0 0 10px;
	padding:0 0 3px;
	background:url("../../imgs/sp/sp_detail/detail_headline_bg.gif") repeat-x bottom left;
	color:#ffaa00;
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	height:auto;
	width:auto;
}
#free_content a{
	color:#0066cc;
	text-decoration:underline;
}
/* プライバシーポリシー（PC と同じく見本に CSS が無いので足した分。PC は contents/pc/css/privacy.css） */
#free_content #dk_company > p:first-child{
	margin:0 0 10px;
	padding:5px 8px;
	background-color:#fff3d6;
	color:#ff8a00;
	font-size:16px;
	font-weight:bold;
}
#free_content #dk_company h3{
	margin:20px 0 8px;
	padding:2px 0 2px 8px;
	border-left:5px solid #ffaa00;
	font-size:15px;
	font-weight:bold;
}
#free_content #dk_company dt{
	margin:10px 0 3px;
	border-bottom:1px dashed #cccccc;
	font-weight:bold;
}
#free_content #dk_company dd{
	line-height:1.8;
}
#free_content #dk_company .date{
	margin:15px 0 0;
	text-align:right;
}

/* ----------------------------------------
*	footer（開け閉めはせず、全部のリンクを並べる）
---------------------------------------- */
#footer{
	margin:20px 0 0;
	border-top:#ffaa00 3px solid;
}
#footer_contents_box{
	max-width:640px;
	margin:0 auto;
	padding:10px 5px 0;
}
#footer_contents_box01,
#footer_contents_box02,
#footer_contents_box03,
#footer_contents_box04{
	margin:0 0 15px;
}
#footer_contents_box p img{
	width:231px;
}
#footer_contents_box ul{
	padding:5px 5px 0;
}
#footer_contents_box01 li,
#footer_contents_box03 li{
	padding:4px 0 4px 14px;
	background:url("../../imgs/sp/sp_common/arrow_gray.png") no-repeat left center;
}
#footer_contents_box02 li{
	display:inline-block;
	margin:0 12px 6px 0;
	padding:0 0 0 14px;
	background:url("../../imgs/sp/sp_common/arrow_gray.png") no-repeat left center;
}
#footer_contents_box a{
	color:#555555;
	font-size:14px;
	text-decoration:underline;
}
#footer_contents_box04 dl{
	display:grid;
	grid-template-columns:50px 1fr;
	column-gap:8px;
	margin:8px 5px 0;
}
#footer_contents_box04 dt{
	grid-column:1;
	grid-row:1 / 3;
}
#footer_contents_box04 dd{
	grid-column:2;
}
#footer_contents_box04 dt img{
	width:50px;
}
#footer_contents_box04 dd a{
	font-weight:bold;
}
#footer_contents_box04 dd.footer04_comment a{
	font-size:12px;
	font-weight:normal;
}
#copyright{
	margin:10px 0 0;
	background-color:#e0e0e0;
	text-align:center;
	line-height:30px;
}
#copyright address{
	color:#888888;
	font-size:12px;
	font-style:normal;
}

/* ----------------------------------------
*	Contact Form 7 / WordPress 側で増えた要素
---------------------------------------- */
#detail_contents .wpcf7-response-output{
	margin:10px 5px;
	font-size:14px;
}