@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: 3.5vw;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		font-size: 18px;
	}
	/* フッター */
/*	#footer .box dt img {
		max-height: 17px;
	}*/
	#footer .box .tel_btn .tel {
		font-size: 24px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/* コンタクトバナー */
	.contact_bana .btn_link {
		width: 260px;
		height: 50px;
		font-size: 17px;
		line-height: 50px;
	}
	#footer .contact_bana {
		bottom: -25px;
	}
	#container .contact_bana .btn_link {
		left: calc(50% - 130px);
		top: -25px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* お知らせ */
	#top_info dt {
		float: none;
		width: auto;
		padding: 10px 0 0;
	}
	#top_info dd {
		margin-left: 0;
		padding: 5px 0 10px;
	}
	#top_info .fl {
		margin-bottom: 30px;
	}
	#top_info .fr .cen iframe {
		width: 100%;
	}
	/* インタビュー */
	#interview {
		padding: 30px 0 50px;
	}
	#interview .box {
		height: auto;
		background: url(../img/top/grade.png) repeat-y left;
	}
	#interview .box_title {
		width: auto;
		height: auto;
		padding: 20px 0 20px 15px;
	}
	#interview .box_title .title_name {
		font-size: 22px;
	}
	#interview .box_title {
		background: none;
	}
	#interview .box .img {
		position: static;
	}
	#interview .box .img img {
		height: auto;
	}
	/* 品質方針 */
	#quality .box {
		padding: 60px 15px;
		background-size: 45px;
	}
	#quality .box_title {
		font-size: 18px;
		padding: 10px;
	}
	#quality .box .top_txt {
		margin-bottom: 15px;
	}
	#quality .box .box_txt {
		line-height: 1.8em;
	}
	/* SDGｓへの取り組み */
	#sdgs h4 {
		margin: 20px auto 0;
	}
	#sdgs .box p.img_lft  {
		text-align: center;
		margin: 0 10px 10px;
		display: block;
		float: none;
	}
	#sdgs .box p {
		display: block;
	}
	.myn img {
		float: none;
		margin-top: 10px;
		text-align: center;
	}
	/*--------------------------------------------------
		会社概要
	--------------------------------------------------*/
	#about .bg_blue h3 {
		font-size: 25px;
	}
	#about .bg_blue .sub {
		font-size: 15px;
	}
	#about .bg_blue table {
		margin: 30px 0;
	}
	#about .bg_blue table tr th, #about .bg_blue table tr td {
		display: block;
		padding: 10px;
	}
	#about .bg_blue table tr th {
		width: 100%;
	}
	#about .bg_blue .wrap .sec {
		margin-bottom: 25px;
	}
	#about .bg_blue .wrap .sec .bg_white {
		padding: 5px;
		line-height: 2;
	}
	#about .qualification h3,
	#about .history h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	#about .qualification .rinen {
		font-size: 18px;
	}
	#about .qualification ul {
		margin-left: 20px;
		font-size: 14px;
	}
	#about h4 {
		font-size: 18px;
	}
	#about .qualification table tr td:first-child,
	#about .qualification table.w3 tr td:first-child,
	#about .qualification table.w3 tr td:nth-of-type(2),
	#about .qualification .other_tbl table tr td:first-child {
		width: auto;
	}
	#about .history .other_tbl table tr td:first-child {
		width: 80px;
	}
	#about .history table tr td {
		padding: 5px;
	}
	#about .history table tr td:first-child {
		width: auto;
	}
	/*--------------------------------------------------
		業務実績
	--------------------------------------------------*/
	#job .bg_blue h3 {
		font-size: 25px;
	}
	#job .bg_blue .sub {
		font-size: 15px;
	}
	#job_navi {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#job_navi li {
		width: 32%;
		margin-bottom: 10px;
	}
	#job_navi::after{
		content:"";
		display:block;
		width: 32%;
		height:0;
	}
	#job_navi li a{
		margin-right: 0;
	}
	/*--------------------------------------------------
		共通　サブページ
	--------------------------------------------------*/
	.service_box .ttl span {
		width: 35%;
		font-size: 20px;
		background-size: auto 100%;
		padding-left: 13px;
	}
	.service_box .bg_man {
		padding-top: 25px;
		display: block;
	}
	.service_box .bg_man ul {
		width: 100%;
	}
	.service_box .bg_man .maru {
		display: block;
	}
	.service_box .bg_man .maru ul {
		width: 100%;
	}
	.service_box .bg_man ul:first-of-type {
		margin-right: 0;
	}
	.service_box .bg_man ul li,
	.service_box .bg_man .maru ul li {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.service_box .bg_man .bg_blue {
		display: block;
		padding: 10px;
	}
	.service_box .bg_man .bg_blue h4{
		margin-bottom: 10px;
		font-size: 18px;
	}
	.service_box .bg_man .bg_blue .in {
		display: block;
	}
	.service_box .bg_man .bg_blue .in ul:not(:last-of-type) {
		margin-right: 0;
	}
	.service_box .bg_man .bg_blue .in ul li {
		margin-left: 0;
		text-indent: 0;
	}
	.service_box .bg_man .bg_blue .in ul li:not(:last-of-type) {
		margin-bottom: 5px;
	}
	.service_box .service_list dl {
		margin-bottom: 30px;
	}
	.service_box .service_list dl dt {
		margin-bottom: 10px;
	}
	.service_box .service_list dl dd {
		text-align: left;
		font-size: 14px;
	}
	/*--------------------------------------------------
		共通　サービスリンク
	--------------------------------------------------*/
	.service_link {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.service_link li {
		width: 49%;
		margin-bottom: 10px;
	}
	.service_link li a {
		line-height: 40px;
	}
	/*--------------------------------------------------
		募集
	--------------------------------------------------*/

	/*--------------------------------------------------
		測量
	--------------------------------------------------*/
	.bg_man .box-flex {
		position:relative;
		display: block;
		justify-content: space-between
	}
	.bg_man .box-flex .character-y {
		position:absolute;
		right: 0;
		bottom: 0;
	}
	.bg_man .box-flex .character-y img {
		width: 135px;
	}
	/*--------------------------------------------------
		設計
	--------------------------------------------------*/
	.bg_man .box-flex {
		position:relative;
		display: block;
		justify-content: space-between
	}
	.bg_man .box-flex .character-k {
		position:absolute;
		right: 0;
		bottom: 0;
	}
	.bg_man .box-flex .character-k img {
		width: 140px;
	}
	/*--------------------------------------------------
		地質・土質
	--------------------------------------------------*/
	#geology.service_box .bg_man .maru ul {
		width: 100%;
	}
	#geology.service_box .ttl span {
		width: 50%;
		font-size: 19px;
		background: url(../img/geology/ttl_sp.png) no-repeat;
		background-size: auto 100%;
		margin-bottom: 20px;
	}
	/*--------------------------------------------------
		調査
	--------------------------------------------------*/
	#research.service_box .bg_man {
		padding-top: 25px;
	}
	#research.service_box .bg_man {
		margin-bottom: 100px;
	}
	#research.service_box .bg_man ul {
		width: 100%;
	}
	#research.service_box .bg_man ul:first-of-type {
		margin-right: 0;
	}
	#research.service_box .bg_man ul li {
		font-size: 15px;
		margin-bottom: 5px;
		right: 30px;
	}
	#research .box-flex {
		margin-bottom: 30px;
	}
	#research .box-flex .character-c {
		position: absolute;
		bottom: -110px;
	}
	#research .box-flex .character-c img {
		width: 120px;
	}
	/*--------------------------------------------------
		補償コンサルタント部門
	--------------------------------------------------*/
	#consultant.service_box .ttl span {
		font-size: 95%;
	}
	/*--------------------------------------------------
	マスコットキャラクター
--------------------------------------------------*/
#character .bg_wide h3 {
	font-size: 25px;
}
#character .bg_wide sub {
	font-size: 15px;
}
#character .bg_blue .about_cha {
	background-size: 30% auto;
}
#character .bg_blue .about_cha .cha-box {
	display: block;
	margin: 0 auto;
}
#character .bg_blue .about_cha .cha-box li {
	width: 100%;
	margin-bottom: 30px;
}
#character .bg_blue .about_cha .cha-box li p {
	margin: 0 auto;
	width: 200px;
}
#character .bg_blue .about_cha .cha-text {
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
}
/*------------------------------------------------*/
}