/*-------------------------------------------------------
下層ページ 共通
-------------------------------------------------------*/
#sub {
	margin: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	width: 100%;
	max-width: 1230px;
}


/*メイン*/
#sub main {
	margin: 0 20px 0 0;
	width: 100%;
	max-width: 880px;
}


/*メイン内ナビ・コンテンツ*/
#side_and_contents {
	margin: 50px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}


/*メイン内ナビ*/
#side_and_contents #side {
	margin: 0 20px 0 0;
	width: 100%;
	max-width: 200px;
	font-size: 12px;
}
#side_and_contents #side li {margin: 0 0 10px 0;}
#side_and_contents #side li:last-child {margin: 0;}


/*メイン内コンテンツ*/
#side_and_contents #contents {
	width: 100%;
	max-width: 660px;
}
#side_and_contents #contents #pagetit {
	margin: 0 0 20px 0;
	line-height: 1;
	font-size: 28px;
}
#side_and_contents #contents #pagetit span {font-size: 16px;}
#side_and_contents #contents .row {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
;}
#side_and_contents #contents a {
	color: #D93A15;
	font-weight: bold;
}
#side_and_contents #contents a:hover {color: #999;}


/*ナビ*/
#sub nav {
	width: 100%;
	max-width: 330px;
}
#sub nav li {
	margin: 0 0 10px 0;
	font-family: "Yu Gothic", "游ゴシック";
	font-weight: bold;
	font-size: 14px;
}
#sub nav li a {display: block;}
#sub #bnr_red a {
	padding: 12px 15px;
	color: #FFF;
	background: #D93915;
}
#sub #bnr_gray a {
	padding: 8px 15px 5px 15px;
	color: #000;
	background: #CCC;
}
#sub #bnr_img li:last-child {margin: 0;}


/*フッター*/
footer ul {
	margin: 10px auto;
	display: inline-flex;
}
footer li:first-child {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #999;
}


@media(max-width: 1280px) {
	#sub main {
		margin: 0;
		width: 100%;
		max-width: none;
	}
	#side_and_contents {padding: 0 40px;}
	#side_and_contents #contents {max-width: none;}
	#sub nav {display: none;}
}


@media(max-width: 768px) {
	#side_and_contents {margin: 20px 0 0 0;}
	#side_and_contents #side {
		margin: 0 0 20px 0;
		padding: 10px 20px;
		border-radius: 5px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		max-width: none;
		background: #DDD;
	}
	#side_and_contents #side li {
		margin: 0;
		border-top: 1px solid #FFF;
	}
	#side_and_contents #side li:first-child {
		margin: 0 0 6px 0;
		border: none;
	}
	#side_and_contents #side li:last-child a {padding: 10px 0 0 0;}
	#side_and_contents #side a {
		padding: 8px 0 6px 0;
		display: block;
	}
	#side_and_contents {display: inherit;}
	#side_and_contents #contents .row {display: inherit;}
}


@media(max-width: 480px) {
	#side_and_contents {padding: 0 20px;}
	#side_and_contents #contents #pagetit {font-size: 20px;}
	#side_and_contents #contents #pagetit span {font-size: 14px;}
}



/*-------------------------------------------------------
物流サービス - 情報管理システム
-------------------------------------------------------*/
#service figure {
	margin: 40px 0 0 0;
	text-align: center;
}



/*-------------------------------------------------------
物流サービス - エコ・ロジスティクス
-------------------------------------------------------*/
#service .eco .l {
	margin: 0 20px 0 0;
	width: 100%;
}
#service .eco .r img {max-width: 250px;}


@media(max-width: 768px) {
	#service .eco .l {margin: 0 0 20px 0;}
	#service .eco .r {text-align: center;}
}



/*-------------------------------------------------------
物流サービス - 輸送システム
-------------------------------------------------------*/
#service .traportation ul {
	margin: 40px 0 0 0;
	display: flex;
}
#service .traportation li {
	margin: 0 40px 0 0;
	width: 50%;
}
#service .traportation li:last-child {margin: 0;}
#service .traportation li img {margin: 0 0 10px 0;}


@media(max-width: 768px) {
	#service .traportation ul {display: inherit;}
	#service .traportation li {
		margin: 0 0 40px 0;
		width: 100%;
	}
}



/*-------------------------------------------------------
陸上輸送 - 海上コンテナ輸送
-------------------------------------------------------*/
#riku .container ul {
	margin: 20px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#riku .container li {
	margin: 0 10px 0 0;
	width: 50%;
	font-size: 12px;
}
#riku .container li:last-child {margin: 0;}
#riku .container li img {margin: 0 0 10px 0;}
#riku .container p {margin: 20px 0 0 0;}


@media(max-width: 480px) {
	#riku .container ul {display: inherit;}
	#riku .container li {
		margin: 0 0 20px 0;
		width: 100%;
	}
}



/*-------------------------------------------------------
陸上輸送 - トラック輸送
-------------------------------------------------------*/
#riku .trucking dl {margin: 20px 0;}
#riku .trucking dt {font-weight: bold;}
#riku .trucking ul {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#riku .trucking li {
	margin: 0 20px 0 0;
	width: 50%;
	font-size: 12px;
}
#riku .trucking li:last-child {margin: 0;}
#riku .trucking li img {margin: 0 0 10px 0;}


@media(max-width: 480px) {
	#riku .trucking ul {display: inherit}
	#riku .trucking li {
		margin: 0 0 20px 0;
		width: 100%;
	}
}



/*-------------------------------------------------------
陸上輸送 - 車両一覧
-------------------------------------------------------*/
#riku .vehicle #pagejump {
	margin: 30px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#riku .vehicle #pagejump li {width: 25%;}
#riku .vehicle #pagejump a {
	padding: 10px 5px 6px 5px;
	display: block;
	position: relative;
	color: #999;
}
#riku .vehicle #pagejump a:hover {background: #DDD;}
#riku .vehicle #pagejump .fa {
	position: absolute;
	top: 13px;
	right: 5px;
	color: #D93A15;
}
#riku .vehicle h4 {font-size: 24px;}
#riku .vehicle h5 {
	margin: 30px 0 0 0;
	font-size: 18px;
}
#riku .vehicle .l {margin: 0 30px 0 0;}
#riku .vehicle .r img {max-width: 210px;}

#riku .vehicle .box {
	margin: 30px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #999;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	font-size: 11px;
	letter-spacing: 0;
}
#riku .vehicle .box dl {width: 25%;}
#riku .vehicle .box dt {
	margin: 0 0 5px 0;
	line-height: 1;
	font-weight: bold;
	font-size: 16px;
}
#riku .vehicle .box dt span {font-size: 11px;}
#riku .vehicle .box ul {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	width: 75%;
	line-height: 1.2;
}
#riku .vehicle .box li {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 33.33%;
}
#riku .vehicle .box li img,
#riku .vehicle .box li iframe {margin: 0 0 10px 0;}
#riku .vehicle .pagetop {
	padding: 10px 0 0 0;
	border-top: 1px solid #999;
	text-align: right;
	font-size: 11px;
}
#riku  .vehicle .pagetop a {color: #999 !important;}
#riku  .vehicle .pagetop .fa {color: #D93A15;}


/* 荷役車両 */
#riku .vehicle #cargo .box {display: inherit;}
#riku .vehicle #cargo .box ul {
	margin: 0 0 10px 0;
	flex-wrap: nowrap;
	width: 100%;
}
#riku .vehicle #cargo .box li {
	margin: 0 10px 0 0;
	padding: 0;
	width: 25%;
}
#riku .vehicle #cargo .box li:last-child {margin: 0;}


/* リーチスタッカー */
#riku .vehicle #stacker .box {display: inherit;}
#riku .vehicle #stacker .box ul {
	margin: 0 0 10px 0;
	flex-wrap: nowrap;
	width: 100%;
}
#riku .vehicle #stacker .box li {
	margin: 0 10px 0 0;
	padding: 0;
	width: 50%;
}
#riku .vehicle #stacker .box li:last-child {margin: 0;}
#riku .vehicle #stacker strong {
	margin: 0 0 10px 0;
	display: inline-block;
	font-size: 14px;
}


@media(max-width: 1280px) {
	#riku .vehicle #pagejump a {
		font-size: 12px;
		letter-spacing: 0;
	}
}


@media(max-width: 768px) {
	#riku .vehicle .l {margin: 0 0 10px 0;}
}


@media(max-width: 480px) {
	#riku .vehicle #pagejump {display: inherit;}
	#riku .vehicle #pagejump li {
		border-bottom: 1px solid #999;
		width: 100%;
	}
	#riku .vehicle #pagejump li:last-child {border: none;}
	#riku .vehicle .box {display: inherit;}
	#riku .vehicle .box dl {
		margin: 0 0 10px 0;
		width: 100%;
	}
	#riku .vehicle .box ul {width: 100%;}
	#riku .vehicle .box li {
		padding: 0;
		width: 100%;
	}
	#riku .vehicle #cargo .box ul,#riku .vehicle #stacker .box ul {display: inherit;}
	#riku .vehicle #cargo .box li,#riku .vehicle #stacker .box li {
		margin: 0 0 10px 0;
		width: 100%;
	}
}



/*-------------------------------------------------------
海上輸送 - 内航
-------------------------------------------------------*/
#marine .coastal dl {margin: 20px 0 0 0;}
#marine .coastal dt {
	margin: 0 0 10px 0;
	font-weight: bold;
}
#marine .coastal dt img {margin: 0 0 15px 0;}
#marine .coastal dd {font-size: 12px;}



/*-------------------------------------------------------
海上輸送 - 外航
-------------------------------------------------------*/
#marine .overseas dl {margin: 20px 0;}
#marine .overseas dt {font-weight: bold;}



/*-------------------------------------------------------
倉庫保管・流通加工 - 倉庫保管サービス
-------------------------------------------------------*/
#warehouse .row {
	margin: 30px 0 0 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #999;
	font-size: 12px;
}
#warehouse .first {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 14px;
}
#warehouse .l {
	margin: 0 30px 0 0;
	width: 50%;
}
#warehouse .r {width: 50%;}
#warehouse h4 {
	margin: 0 0 20px 0;
	font-size: 14px;
	letter-spacing: 0;
}
#warehouse h4 span {font-size: 12px;}
#warehouse h5 {
	margin: 0 0 20px 0;
	font-weight: normal;
	font-size: 24px;
}
#warehouse h6 {
	margin: 20px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #999;
}
#warehouse dl {margin: 10px 0 0 0;}
#warehouse p {margin: 20px 0 0 0;}


@media(max-width: 768px) {
	#warehouse .l {
		margin: 0 0 30px 0;
		width: 100%;
	}
	#warehouse .r {width: 100%;}
}



/*-------------------------------------------------------
倉庫保管・流通加工 - 流通加工サービス
-------------------------------------------------------*/
#warehouse .logistics {}
#warehouse .container ul {
	margin: 20px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#warehouse .container li {
	margin: 0 10px 0 0;
	width: 33.33%;
	font-size: 12px;
	}
#warehouse .container li:last-child {margin: 0;}
#warehouse .container li img {
	margin: 0 0 10px 0;
	float: left;
}
#warehouse .container p {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	line-height: 1.8em;
}



/*-------------------------------------------------------
海上コンテナ（中古販売・レンタル） - 海上コンテナについて
-------------------------------------------------------*/
#used .on_the_sea dl {margin: 20px 0 0 0;}
#used .on_the_sea dt {font-weight: bold;}
#used .on_the_sea .kome {font-size: 12px;}



/*-------------------------------------------------------
海上コンテナ（中古販売・レンタル） - 20フィートコンテナ
海上コンテナ（中古販売・レンタル） - 40フィートコンテナ
-------------------------------------------------------*/
#used .feet h4 {
	margin: 40px 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #999;
}
#used .feet .row {
	display: flex !important;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#used .feet dl {
	margin: 0 20px 0 0;
	width: 50%;
	font-size: 12px;
}
#used .feet .last {margin: 0;}
#used .feet dt {margin: 0 0 10px 0;}


#used .overflow {margin: 40px 0;}
#used table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	line-height: 1.2;
	text-align: center;
	font-size: 12px;
}
#used table th {
	padding: 10px 10px 8px 10px;
	border: 1px solid;
	background: #BAD4EF;
}
#used table td {
	padding: 10px 10px 8px 10px;
	border: 1px solid;
}
#used table .blue {
	background: #BAD4EF;
	text-align: left;
}
#used table .sky {
	background: #D4E5F5;
	text-align: left;
}
#used table .gray {background: #DDD;}


@media(max-width: 480px) {
	#used .feet dl {width: 100%;}
	#used .overflow {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	#used table {
		font-size: 11px;
		letter-spacing: 0;
	}
	#used table th,#used table td {padding: 8px 5px;}
}



/*-------------------------------------------------------
海上コンテナ（中古販売・レンタル） - 配送・設置料金
-------------------------------------------------------
#used .haisou h4 {margin: 40px 0 5px 0;}
#used .haisou .rim {
	margin: 0 0 20px 0;
	border: 1px solid #999;
}
#used .haisou dl {
	border-bottom: 1px solid #999;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#used .haisou .last {border: none;}
#used .haisou dt {
	padding: 5px 10px;
	background: #DDD;
}
#used .haisou dd {padding: 5px 10px;}
#used .haisou ul {list-style: disc inside;}
*/



/*-------------------------------------------------------
海上コンテナ（中古販売・レンタル） - お問い合わせ
-------------------------------------------------------*/
.attention-box{
	background: #efefef;
	padding: 1.75em 1.5em;
	margin-bottom: 2em;
}

#used .estimate ul.attention {
	margin: 0 0 20px 0;
	list-style: disc inside;
}
#used .estimate p {margin: 20px 0;}
#used .estimate dl {
	border: 1px solid #CCC;
	border-bottom: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: table;
	width: 100%;
	line-height: 1.3;
	font-size: 12px;
}
#used .estimate dl.first {margin: 20px 0 0 0;}
#used .estimate dl.last {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #CCC;
}
#used .estimate dt span {
	display: inherit;
	color: #F00;
	font-weight: bold;
	font-size: 10px;
}
#used .estimate dt {
	padding: 10px;
	border-right: 1px solid #CCC;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	background: #EFEFEF;
}
#used .estimate dd {padding: 10px;}
#used .estimate dd span {
	margin: 5px 0 0 0;
	display: inherit;
	font-size: 11px;
}
#used .estimate input,
#used .estimate select {
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100%;
	max-width: 210px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}
#used .estimate textarea {
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100% !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}
#used .estimate .check_radio {
	margin: 0 10px 0 0;
	width: auto;
}
#used .estimate ul.btn {
	margin: 20px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#used .estimate ul.btn li {
	margin: 0 10px 0 0;
	width: 50%;
}
#used .estimate ul.btn li:last-child {margin: 0;}
#used .estimate ul.btn input {
	padding: 10px;
	border: none;
	max-width: none;
	color: #FFF;
	background: #000;
	font-family: "Yu Gothic", "游ゴシック";
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
#used .estimate ul.btn input:hover {background: #444;}


/*入れ子*/
#used .estimate dd dl {border: none;}
#used .estimate dd dt {
	padding: 0;
	border: none;
	width: 70px;
	background: none;
}
#used .estimate dd dd {padding: 0;}
#used .estimate .half {max-width: 140px;}


@media(max-width: 480px) {
	#used .estimate dt {
		border-right: none;
		display: inherit;
		width: 100%;
	}
	#used .estimate input,
	#used .estimate select {max-width: none;}
	#used .estimate .half {max-width: 150px;}
}



/*-------------------------------------------------------
会社案内 - 代表挨拶
-------------------------------------------------------*/
#corporate .greeting {
	font-size: 18px;
	line-height: 2.0;
	padding-right: 2.75em;
}
#corporate .greeting p {
	margin-bottom: 25px;
}
#corporate .greeting .kakko{
	margin-left: -0.3em;
}
.greeting .right {
	margin: 25px 0 0 0;
	text-align: right;
}
.greeting .right strong {
	margin: 0 36px 0 1em;
	font-weight: normal;
	font-size: 24px;
}
.br_sp{
	display: inline-block;
}

@media(max-width: 925px) {
	#corporate .greeting {
		padding-right: 0;
	}
	.br_sp{
		display: inline;
		margin-right: -0.45em;
	}
	.greeting .right strong {
		margin: 0 1em;
	}
}
@media(max-width: 567px) {
	#corporate .greeting {
		font-size: 14px;
		line-height: 1.6;
	}
	.greeting .right strong {
		font-size: 18px;
	}
}



/*-------------------------------------------------------
会社案内 - 企業理念
-------------------------------------------------------*/
#corporate .philosophy li {
	list-style: decimal;
	list-style-position: outside;
	margin-left: 28px;
	margin-bottom:8px;
	font-size: 1.08em;
}

.founder {
	margin-top: 50px;
}
.founder_wrap{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.founder_wrap .l{
	display: table-cell;
	vertical-align: middle;
	width: 63%;
	padding-right: 3%;
	line-height: 1.9;
}
.founder_wrap .r{
	display: table-cell;
	vertical-align: middle;
	width: 37%;
}
.sectiontit{
	font-size: 24px;
	font-weight: bold;
}
.founder div.spirit{
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.5em;
	margin: 8px 0 7px -0.6em;
}

@media(max-width: 666px) {
	.founder {
		margin-top: 30px;
	}
	.founder_wrap{
		display: block;
		width: 100%;
	}
	.founder_wrap .l{
		display: block;
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
		line-height: 1.6;
	}
	.founder_wrap .r{
		display: block;
		width: 100%;
	}
	.sectiontit{
		font-size: 18px;
		font-weight: bold;
	}
	.fo_inline{
		display: none;
	}
}



/*-------------------------------------------------------
会社案内 - 会社概要
-------------------------------------------------------*/
#corporate .outline {line-height: 1.8em;}


@media(max-width: 768px) {
	#corporate .outline {font-size: 14px;}
}



/*-------------------------------------------------------
会社案内 - 会社沿革
-------------------------------------------------------*/
#corporate .history {line-height: 1.8em;}

.hs1 {
	float: left;
	width: 35px;
}
.hs2 {
	float: left;
	width: 35px;
	text-align: right;
}
.hs3 {
	float: left;
	margin-left: 15px;
}
#corporate .history .clear {clear: both;}


@media(max-width: 1280px) {
	.hs1,.hs2 {
		width: 38px;
		font-weight: 700;
	}
	.hs3 {
		float: left;
		margin-left: 0px;
		width: 100%;
	}
	#corporate .history .clear {
		clear: both;
		margin-bottom: 15px;
	}
}


@media(max-width: 768px) {
	.hs3 {
		float: left;
		margin-left: 0px;
		width: 100%;
	}
	#corporate .history .clear {
		clear: both;
		margin-bottom: 15px;
	}
}



/*-------------------------------------------------------
会社案内 - 組織体制
-------------------------------------------------------*/
#corporate .organization a {
	color: #777 !important;
	font-weight: normal !important;
}
#corporate .organization #head_office {
	margin: 30px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	font-weight: normal;
	font-size: 20px;
}
#corporate .organization #head_office dt {margin: 0 20px 0 0;}
#corporate .organization h4 {font-weight: normal;}
#corporate .organization .division {
	margin: 30px 0 0 0;
	font-size: 12px;
}
#corporate .organization .division ul {
	margin: 5px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#corporate .organization .division li {
	margin: 0 30px 0 0;
	width: 50%;
}
#corporate .organization .division li:last-child {margin: 0;}
#corporate .organization .division dl {display: flex;}
#corporate .organization .division dt {
	margin: 0 10px 0 0;
	width: 52%;
	background: url(../../corporate/img/bg_dotted.png) repeat-x left 10px / 2px;
}
#corporate .organization .division dt span {
	padding: 0 8px 0 0;
	background: #FFF;
}
#corporate .organization .division dd {
	width: 48%;
	text-align: right;
	letter-spacing: 0;
}
#corporate .organization .division dd .small{
	font-size: .82em;
}

@media(max-width: 1280px) {
	#corporate .organization .division dt {
		width: calc(100% - 160px);
	}
	#corporate .organization .division dd {
		width: 160px;
	}
}

@media(max-width: 960px) {
	#corporate .organization .division ul {display: inherit;}
	#corporate .organization .division li {
		margin: 0;
		width: 100%;
	}
}

@media(max-width: 480px) {
	#corporate .organization .division li {margin: 10px 0 0 0 !important;}
	#corporate .organization .division dl {display: inherit;}
	#corporate .organization .division dt {
		margin: 0;
		width: 100%;
		background: none;
	}
	#corporate .organization .division dt span {
		padding: 0;
		background: none;
	}
	#corporate .organization .division dd {
		width: 100%;
		text-align: left;
	}
}



/*-------------------------------------------------------
会社案内 - 拠点一覧
-------------------------------------------------------*/
#corporate .baselist .rim {
	border-top: 1px solid #666;
	font-size: 12px;
}
#corporate .baselist .bg {
	padding: 20px 0;
	width: 60%;
	background: #FFF;
}
#corporate .baselist dt {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 16px;
}
#corporate .baselist dd a {
	color: #777 !important;
	font-weight: normal !important;
}
#corporate .baselist .map_link {
	margin: 10px 0 0 0;
	display: inline-block;
}
#corporate .baselist .map_link .fa {margin: 0 0 0 5px;}
#corporate .baselist .sp {display: none;}


/* 背景画像 */
#corporate .baselist #head_office {background: url(../../corporate/img/img_baselist_head.png) no-repeat right / contain;}
#corporate .baselist #eniwa {background: url(../../corporate/img/img_baselist_eniwa.png) no-repeat right / contain;}
#corporate .baselist #tomakomai {background: url(../../corporate/img/img_baselist_tomakomai.png) no-repeat right / contain;}
#corporate .baselist #morioka {background: url(../../corporate/img/img_baselist_morioka.png) no-repeat right / contain;}
#corporate .baselist #sendai {background: url(../../corporate/img/img_baselist_sendai.png) no-repeat right / contain;}
#corporate .baselist #mito {background: url(../../corporate/img/img_baselist_mito.png) no-repeat right / contain;}


@media(max-width: 1280px) {
	#corporate .baselist dt {font-size: 14px;}
}


@media(max-width: 480px) {
	#corporate .baselist .bg {
		width: 100%;
		background: none;
	}
	#corporate .baselist #head_office,
	#corporate .baselist #eniwa,
	#corporate .baselist #tomakomai,
	#corporate .baselist #morioka,
	#corporate .baselist #sendai,
	#corporate .baselist #mito {background: none;}
	#corporate .baselist .sp {display: inherit;}
}



/*-------------------------------------------------------
会社案内 - ネットワーク
-------------------------------------------------------*/
#corporate .network {}
.alliance li {
    width: 48%;
    border-bottom: 1px dotted #666666;
    list-style-type: disc;
    list-style-position: inside;
    padding: 3px 0;
}
.alliance li:first-child {
    width: 48%;
    border-bottom: 1px dotted #666666;
    border-top: 1px dotted #666666;
    padding: 3px 0;
}


@media(max-width: 768px) {
	.alliance li:first-child,.alliance li {width: 100%;}
}



/*-------------------------------------------------------
安全・環境・CSR - 安全への取り組み
-------------------------------------------------------*/

#measure  .l {
	margin: 0 2% 0 0;
	width: 74%;
}
#measure  .r {
	width: 24%;
}
#measure .r img {
	max-width: 100%;
	height: auto;
}
#measure .safety h4 {
	margin: 20px 0 10px 0;
	font-weight: normal;
	font-size: 16px;
}
#measure .safety dl {
	margin: 2px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#measure .safety dt {margin: 0 10px 0 0;}
#measure .safety #office dt {min-width: 210px;}
#measure .safety #report dt {min-width: 380px;}
#measure .safety #report span {
	display: inline-block;
	min-width: 230px;
}


@media(max-width: 1280px) {
	#measure .safety dl {margin: 10px 0 0 0;}
	#measure .safety #report dl {display: inherit;}
	#measure .safety #report dt {
		margin: 0;
		min-width: auto;
	}
}


@media(max-width: 768px) {
	#measure .l {
		margin: 0 0 20px 0;
		width: 100%;
	}
	#measure  .r {
		width: 100%;
	}
	#measure .r img {
		max-width: 150px;
		height: auto;
	}
}

@media(max-width: 480px) {
	#measure .safety dl {display: inherit;}
	#measure .safety dt {margin: 0;}
	#measure .safety #office dt {min-width: auto;}
	#measure .safety #report span {
		display: inherit;
		min-width: auto;
	}
}

.sdgs_att a{
	display: inline-block;
	padding: 0 0 .25em 1.5em;
	margin-bottom: .5em;
	background: url(../../measure/img/icon_pdf.gif) no-repeat top left;
	background-size: auto 1.25em;
	font-weight: normal!important;
	text-decoration: underline;
}
.imgborder{
	border: 1px solid #dedede;
}

/*-------------------------------------------------------
安全・環境・CSR - 環境への取り組み
-------------------------------------------------------*/
#measure .environment dl {
	margin: 0 1.3% 0 0;
	width: 32%;
}
#measure .environment .last {margin: 0;}
#measure .environment dt {margin: 0 0 20px 0;}


@media(max-width: 768px) {
	#measure .environment dl {
		margin: 0 0 30px 0;
		width: 100%;
	}
	#measure .environment dt {max-width: 200px;}
}



/*-------------------------------------------------------
安全・環境・CSR - 社会貢献活動
-------------------------------------------------------*/
#measure .philanthropy h3 {
	margin: 0 0 40px 0;
	line-height: 1;
	font-size: 24px;
}
#measure .philanthropy h3 span {font-size: 16px;}
#measure .philanthropy h4 {
	margin: 0 0 20px 0;
	font-size: 16px;
}
#measure .philanthropy p {margin: 20px 0 0 0;}
#measure .philanthropy #baseball {
	margin: 40px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #999;
}
#measure .philanthropy #baseball li {margin: 0 0 10px 0;}
#measure .philanthropy #baseball li:last-child {margin: 0;}
#measure .philanthropy #skate dt {margin: 0 0 10px 0;}

#measure .philanthropy img {width: 100%;}

@media(max-width: 1280px) {
	#measure .philanthropy .r img {max-width: 150px;}
}


@media(max-width: 768px) {
	#measure .philanthropy .l {margin: 0 0 20px 0;}
	#measure .philanthropy #baseball ul {
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	#measure .philanthropy #baseball li {
		margin: 0;
		width: 33.33%;
	}
	#measure .philanthropy #baseball img {max-width: 100%;}
}


@media(max-width: 480px) {
	#measure .philanthropy .r img {max-width: 100%;}
	#measure .philanthropy #baseball li {width: 100%;}
}



/*-------------------------------------------------------
PR・広報 - トランシスとは
-------------------------------------------------------*/
#pr .about ul {
	margin: 20px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#pr .about li {
	margin: 0 20px 0 0;
	width: 50%;
}
#pr .about li:last-child {
	margin: 0!important;
}


@media(max-width: 480px) {
	#pr .about ul {display: inherit;}
	#pr .about li {
		margin: 0 0 20px 0;
		width: 100%;
	}
}



/*-------------------------------------------------------
PR・広報 - 新着トピックス
-------------------------------------------------------*/
#pr .topics .red {   
	font-size: 14px;
	font-weight: bold;
	color: #d93a15;
}
#pr .topics dl {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	color: #999;
}
#pr .topics dt {min-width: 140px;}
#pr .topics dd a {
	color: #999 !important;
	font-weight: normal !important;
}
#pr .topics dd a:hover{text-decoration: underline;}

.oshirasedate{
	font-size: 12px;
	padding: .5em 0 .25em;
}
.oshirasetit{
	font-size: 1.4375em;
	font-weight: 600;
	margin-bottom: 1.25em;
}
	@media(max-width: 567px) {
		#oshirsase .oshirasetit{
			font-size: 1.2857em;
		}
	}



/*-------------------------------------------------------
PR・広報 - ウェブマガジン
-------------------------------------------------------*/
#pr .magazine a{
	color: #777!important;
}
#pr .magazine .rim {
	border: 1px solid #999;
	background: url(../../pr/img/img_magazine13.png) no-repeat right / cover;
}
#pr .magazine .rim p {
	padding: 30px 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 50%;
	line-height: 1;
	background: #FFF;
	font-family: "Yu Gothic","游ゴシック";
	font-weight: bold;
	font-size: 18px;
}
#pr .magazine .rim strong {
	margin: 10px 0;
	display: inline-block;
	font-size: 50px;
}
#pr .magazine .rim span {font-size: 14px;}
#pr .magazine .rim .right {
	margin: 5px 0 0 0;
	display: inherit;
	color: #999;
	text-align: right;
}
#pr .magazine ul {
	margin: 20px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	line-height: 1;
	font-family: "Yu Gothic","游ゴシック";
	font-weight: bold;
}
#pr .magazine li {
	margin: 0 20px 0 0;
	width: 33.33%;
}
#pr .magazine li:last-child {margin: 0;}
#pr .magazine li strong {
	margin: 14px 0 10px 0;
	display: inline-block;
	font-size: 30px;
}


@media(max-width: 480px) {
	#pr .magazine .rim p {
		padding: 20px;
		font-size: 14px;
	}
	#pr .magazine .rim strong {font-size: 18px;}
	#pr .magazine .rim span {font-size: 11px;}
	#pr .magazine .rim .right {text-align: left;}
	#pr .magazine ul {display: inherit;}
	#pr .magazine li {
		margin: 0 0 20px 0;
		width: 100%;
	}
	#pr .magazine li strong {font-size: 18px;}
}



/*-------------------------------------------------------
PR・広報 - 新人紹介
-------------------------------------------------------*/
/* 一覧 */
#pr .newface .btn_backnumber li {margin: 20px 0 0 0;}
#pr .newface .btn_backnumber a {
	padding: 45px 30px 40px 30px;
	display: block;
	color: #FFF !important;
	font-family: "Yu Gothic","游ゴシック";
	font-size: 24px;
}
#pr .newface .btn_backnumber #btn_2021 {background: url(../../pr/img/btn_newface2021.png) no-repeat center / cover;}
#pr .newface .btn_backnumber #btn_2020 {background: url(../../pr/img/btn_newface2020.png) no-repeat center / cover;}
#pr .newface .btn_backnumber #btn_2019 {background: url(../../pr/img/btn_newface2019.png) no-repeat center / cover;}
#pr .newface .btn_backnumber #btn_2018 {background: url(../../pr/img/btn_newface2018.png) no-repeat center / cover;}
#pr .newface .btn_backnumber #btn_2017 {background: url(../../pr/img/btn_newface2017.png) no-repeat center / cover;}
#pr .newface .btn_backnumber #btn_2016 {background: url(../../pr/img/btn_newface2016.png) no-repeat center / cover;}
#pr .newface .btn_backnumber #btn_2015 {background: url(../../pr/img/btn_newface2015.png) no-repeat center / cover;}


/* 詳細 - 質問リスト */
#pr .newface #question_list {
	margin: 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #CCC;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	font-size: 12px;
	letter-spacing: 0;
}
#pr .newface #question_list .l {
	margin: 0 20px 0 0;
	width: 50%;
}
#pr .newface #question_list .r {width: 50%;}
#pr .newface #question_list dl {
	margin: 0 0 8px 0;
	padding: 0 0 6px 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	border-bottom: 1px dotted #777;
}
#pr .newface #question_list dt {
	margin: 0 10px 0 0;
	font-weight: bold;
}


/* 詳細 - 新入社員リスト */
#pr .newface #newface_list {margin: 0 0 20px 0;}
#pr .newface #newface_list ul {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
}
#pr .newface #newface_list li {
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 33.33%;
	text-align: center;
	font-size: 11px;
}
#pr .newface #newface_list dt {margin: 0 0 10px 0;}
#pr .newface #newface_list dt img {margin: 0 auto 15px; display: block;}
#pr .newface #newface_list dt strong {
	font-weight: normal;
	font-size: 24px;
}
#pr .newface #newface_list dd a {
	padding: 7px 0 5px 0;
	border: 1px solid #999;
	display: block;
	color: #999;
	font-weight: normal;
	font-size: 14px;
}


/* モーダルウィンドウ */
.rim_modal {
	padding: 20px;
	border: 15px solid #103569;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	color: #103569;
	background: #FFF;
}
.rim_modal .profile {
	padding: 0 0 20px 0;
	display: table;
	width: 100%;
}
.rim_modal .profile .name_birth_grad {
	display: table-cell;
	width: 90%;
	vertical-align: middle;
}
.rim_modal .profile .ph {
	display: table-cell;
	width: 10%;
	vertical-align: middle;
}
.rim_modal .profile .ph img{
	width: 130px;
	height: auto;
}
.rim_modal .profile dl {
	display: table;
	width: 90%;
	font-weight: bold;
}
.rim_modal .profile dt {
	padding: 0 10px 0 0;
	border-right: 1px solid #B4BCC7;
	display: table-cell;
	width: 50%;
	line-height: 1.2;
	vertical-align: middle;
}
.rim_modal .profile dt strong {font-size: 45px;}
.rim_modal .profile dd {
	padding: 0 0 0 20px;
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	letter-spacing: 0;
}
.rim_modal .faq_list {border-top: 1px dotted #103569;}
.rim_modal .faq_list dl {
	padding: 10px 0 8px 0;
	border-bottom: 1px dotted #103569;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	letter-spacing: 0;
}
.rim_modal .faq_list dt {
	margin: 0 20px 0 0;
	width: 32%;
	font-weight: bold;
}
.rim_modal .faq_list dd {
	color: #777;
	width: 68%;
}


@media(max-width: 860px) {
	.rim_modal .profile .name_birth_grad {display: inherit;}
	.rim_modal .profile dl {width: 100%;}
	.rim_modal .profile dt {
		margin: 0 0 10px 0;
		padding: 0;
		border: none;
		display: inherit;
		width: 100%;
	}
	.rim_modal .profile dt strong {font-size: 24px;}
	.rim_modal .profile dd {
		padding: 0;
		display: inherit;
		width: 100%;
		font-size: 10px;
	}
	.rim_modal .faq_list dl {
		display: inherit;
		font-size: 12px;
	}
	.rim_modal .faq_list dt {
		margin: 0;
		width: 100%;
	}
	.rim_modal .faq_list dd {
		width: 100%;
	}
}


@media(max-width: 768px) {
	#pr .newface #newface_list dt strong {font-size: 18px;}
	#pr .newface #newface_list dd a {
		font-size: 11px;
		letter-spacing: -0.05em;
	}
}


@media(max-width: 480px) {
	#pr .newface .btn_backnumber li {margin: 5px 0 0 0;}
	#pr .newface .btn_backnumber a {
		padding: 10px;
		font-size: 18px;
	}
	#pr .newface #question_list {display: inherit;}
	#pr .newface #question_list .l {
		margin: 0;
		width: 100%;
	}
	#pr .newface #question_list .r {width: 100%;}
	#pr .newface #newface_list li {
		padding: 5px;
		width: 50%;
	}
	.rim_modal .profile {display: inherit;}
	.rim_modal .profile .ph {
		margin: 10px 0 0 0;
		display: inherit;
		width: 100%;
		min-width: inherit;
		max-width: 80px;
	}
}



/*-------------------------------------------------------
PR・広報 - メディア掲載
-------------------------------------------------------*/
#pr .media .red {   
	font-size: 14px;
    font-weight: bold;
    color: #d93a15;
}
#pr .media dl {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	border-bottom: 1px dotted #CCC;
}
#pr .media dt {width: 150px;}


@media(max-width: 480px) {
	#pr .media dl {display: inherit;}
}



/*-------------------------------------------------------
リクルート情報 - ドライバー
リクルート情報 - 新卒募集
-------------------------------------------------------*/
#recruit dl {
	margin: 20px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#recruit dt {
	margin: 0 20px 0 0;
	min-width: 70px;
}
#recruit h4 {margin: 20px 0 5px 0;}


@media(max-width: 480px) {
	#recruit dl {display: inherit;}
	#recruit dt {
		margin: 0;
		min-width: auto;
	}
}
#recruit .driver p{
	margin: 15px 0;
}
#recruit .driver dl {
	border: 1px solid #CCC;
	border-bottom: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: table;
	width: 100%;
	line-height: 1.3;
	font-size: 12px;
	margin: 0;
}
#recruit .driver dl.last {border-bottom: 1px solid #CCC;}
#recruit .driver dt {
	padding: 10px;
	border-right: 1px solid #CCC;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	background: #EFEFEF;
}
#recruit .driver dd {padding: 10px;}
#recruit .driver dt span {
	display: inherit;
	color: #F00;
	font-weight: bold;
	font-size: 10px;
}
#recruit .driver dd span {
	display: inherit;
	font-size: 10px;
	padding-top: 3px;
}
#recruit .driver  input {
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100%;
	max-width: 210px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}
#recruit .driver  textarea {
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100% !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}
#recruit .driver #check {
	margin: 0 10px 0 0;
	width: auto;
}
#recruit .driver  ul {
	margin: 20px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#recruit .driver  li {
	margin: 0 10px 0 0;
	width: 50%;
}
#recruit .driver  li:last-child {margin: 0;}
#recruit .driver  li input {
	padding: 10px;
	border: none;
	max-width: none;
	color: #FFF;
	background: #000;
	font-family: "Yu Gothic", "游ゴシック";
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
#recruit .driver  li input:hover {background: #444;}
.recruitlist{
	margin-top: 20px;
	margin-bottom: 30px;
	border: 1px solid #cfcfcf;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.recruitlist_in{
	padding: 12px;
}
.recruitlist_in div{
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 20px 0 7px 0;
}
.recruitlist_in strong{
	display: block;
	font-size: 1.07em;
}
.jobcategory,
.area{
	margin-top: 15px;
}



@media(max-width: 480px) {
	#recruit .driver dt {
		border-right: none;
		display: inherit;
		width: 100%;
	}
	#recruit .driver input {max-width: none;}
}

#recruit .recruit-dl{
	margin: 20px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#recruit .recruit-dl dt{
	width: 40px;
}
#recruit .recruit-dl dd{
	width: calc(100% - 40px);
}
	@media(max-width: 480px) {
		#recruit .recruit-dl{
			display: block;
		}
		#recruit .recruit-dl dt,
		#recruit .recruit-dl dd{
			width: 100%;
		}
	}
#recruit .att-recruit{
	margin-top: 30px;
	border-top: 1px dotted #ccc;
}
#recruit .att-recruit ul.list-disc{
	margin: 20px 1.5em 2em 0;
	display: block;
}

#recruit .att-recruit ul.list-disc li{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.75em;
	width: 100%!important;
	margin-bottom: .75em;
	font-size: 13px;
}

/*-------------------------------------------------------
お問い合わせ・お見積 - お問い合わせ
-------------------------------------------------------*/
#contact .contact dl {
	border: 1px solid #CCC;
	border-bottom: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: table;
	width: 100%;
	line-height: 1.3;
	font-size: 12px;
}
#contact .contact dl.last {border-bottom: 1px solid #CCC;}
#contact .contact dt {
	padding: 10px;
	border-right: 1px solid #CCC;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	background: #EFEFEF;
}
#contact .contact dd {padding: 10px;}
#contact .contact span {
	display: inherit;
	color: #F00;
	font-weight: bold;
	font-size: 10px;
}
#contact .contact input {
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100%;
	max-width: 210px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}
#contact .contact textarea {
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100% !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}
#contact .contact #check {
	margin: 0 10px 0 0;
	width: auto;
}
#contact .contact ul {
	margin: 20px 0 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
#contact .contact li {
	margin: 0 10px 0 0;
	width: 50%;
}
#contact .contact li:last-child {margin: 0;}
#contact .contact li input {
	padding: 10px;
	border: none;
	max-width: none;
	color: #FFF;
	background: #000;
	font-family: "Yu Gothic", "游ゴシック";
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}
#contact .contact li input:hover {background: #444;}


@media(max-width: 480px) {
	#contact .contact dt {
		border-right: none;
		display: inherit;
		width: 100%;
	}
	#contact .contact input {max-width: none;}
}

#contact .contact ul.list-disc{
	margin: 20px 1em 2em 0;
	display: block;
}

#contact .contact ul.list-disc li{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.75em;
	width: 100%!important;
	margin-bottom: .75em;
	font-size: 13px;
}

/*-------------------------------------------------------
お問い合わせ・お見積 - プライバシーポリシー
-------------------------------------------------------*/
#contact .pp h4 {margin: 30px 0 10px 0;}
#contact .pp a {
	color: #777 !important;
	font-weight: normal !important;
}
#contact .pp ul {
	padding: 0 0 0 20px;
	list-style-type: decimal;
	list-style-position: outside;
}
#contact .pp li {margin: 0 0 10px 0;}
#contact .pp li:last-child {margin: 0;}



/*-------------------------------------------------------
お問い合わせ・お見積 - 利用規約
-------------------------------------------------------*/
#contact .rule dl {margin: 30px 0 0 0;}
#contact .rule dt {font-weight: bold;}
#contact .rule a {
	color: #777 !important;
	font-weight: normal !important;
}



/*-------------------------------------------------------
サイトマップ
-------------------------------------------------------*/
#sitemap #side_and_contents #contents {
	max-width: none;
	line-height: 1;
}
#sitemap h4 {
	margin: 40px 0 0 0;
	font-weight: normal;
	font-size: 18px;
}
#sitemap h5 {
	margin: 20px 0 10px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #CCC;
}
#sitemap ul {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	list-style: disc inside;
}
#sitemap li {
	margin: 0 0 5px 0;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 25%;
}
#sitemap #side_and_contents #contents a {
	color: #999;
	font-weight: normal;
}


@media(max-width: 1280px) {
	#sitemap {font-size: 12px;}
}


@media(max-width: 768px) {
	#sitemap li {width: 50%;}
}


@media(max-width: 480px) {
	#sitemap li {width: 100%;}
}

/*-------------------------------------------------------
ryugi
-------------------------------------------------------*/
#ryugi {
	background: #000000;
	color: #fff;
	text-align: center;
	padding: 120px 0 180px 0;
}
#ryugi  p{
	padding: 0 6%;
	letter-spacing: 0.2em;
	font-size: 1.18em;
	line-height: 2.4;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

@media(max-width: 480px) {
	#ryugi  p{
		font-size: 0.92em;
		letter-spacing: 0em;
	}
}

.frame_video {
  position: relative;
  width: 87%;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
  margin: 60px auto 50px;
}

.frame_video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}