@charset "UTF-8";

/*=== common ===*/
table.cmn_tbl01 td i.fas {
	color: #9a9a9a !important;
}

@media screen and (max-device-width: 979px) {
	/* =====スマホ向けスタイル===== */
	.link-to-top{
		display:block !important;
		margin-top:10px;
		margin-bottom:20px;
		text-align:right;
	}
	.link-to-top>a{
		background:url("/common/img/icon_arrow16.png") no-repeat 0 50%;
		display: inline-block;
		font-size: 0.7em;
		padding-left: 14px;
	}	
	/* 見出しリンク */
	section.box > h1{
		position:relative;
	}	
	ul.cmn_list02 li .key {
		width:6em !important;
	}	
	table.cmn_tbl01{
		margin-top:15px;
		border-top:1px solid #dddbdc;
		border-left:1px solid #dddbdc;
		vertical-align:top;
	}
	.mgB35{
		margin-bottom:18px !important;
	}
	table.cmn_tbl01 td.Lv03{
		border-bottom:1px solid #dddbdc;
		border-right:1px solid #dddbdc;
		vertical-align:top;
		width:7em;
	}
	table.cmn_tbl01 td.Lv03,table.cmn_tbl01 td.Lv04{
		padding: .3em .5em;
	}
	table.cmn_tbl01 td.Lv04{
		vertical-align:top;
		word-wrap: break-word;
		word-break: break-all;
	}
	table.cmn_tbl01 td.Lv04 > ul.cm{
		margin:5px auto 0 auto;
		text-align:center;
	}
	table.cmn_tbl01 td.Lv04 > ul.cm > li{
		margin:0 0 10px 0;
	}
	table.cmn_tbl01 td.Lv04 > ul.cm > li > a >img{
		border:5px solid #f0f0f0;
	}
	table.cmn_tbl01 a.cmn_link01{
		margin:0 !important;
	}
	.map{
		border:1px solid #dddbdc;
		margin:0 13px 17px 13px;
	}
	.map iframe{
		height:280px;
		width:100%;	
	}
	ul.cmn_list01{
		padding:5px 13px 13px 13px;
	}
	p.mgB25{
		margin-bottom:13px !important;
	}
	p.mgB25 > a.cmn_link01{
		margin:5px 13px 0 13px;
	}
	ul#office_img{
		display:table;
		margin:0 0 -10px 0;
	}
	ul#office_img > li:first-child{
		border-right:1px solid #FFF;
		display:table-cell;
	}
  	/*====acc Box===*/
	
	/*ボックス全体*/
	.accbox {
		/*
	    margin: 2em 0;
	    padding: 0;
	    max-width: 400px;*/
	}
	
	/*ラベル*/
	.accbox label {
	    display: block;
	    margin: 15px 0px 0;
	    width: calc(100% - 24px);
	    padding : 11px 12px;
	    color :#333;
	    font-weight: bold;
	    background :#ccc;
	    cursor :pointer;
	    transition: all 0.5s;
	    border-radius: 5px;
	}
	/*アイコンを表示*/
	.accbox label:after {
	    content: '\f054';
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    margin-left: 1em;
	}
	/*ラベルホバー時*/
	.accbox label:hover {
	    background :#ddd;
	}
	
	/*チェックは隠す*/
	.accbox input {
	    display: none;
	}
	
	/*中身を非表示にしておく*/
	.accbox .accshow {
	    height: 0;
	    padding: 0;
	    overflow: hidden;
	    opacity: 0;
	    transition: 0.8s;
	}
	
	/*クリックで中身表示*/
	.cssacc:checked + label + .accshow {
	    height: auto;
	    /*padding: 5px;*/
	    background: #fff;
	    opacity: 1;
	}
	/*アイコンを入れ替える*/
	.cssacc:checked + label:after {
	    content: '\f078';
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	}
}
/* =====/スマホ向けスタイル===== */

@media screen and (min-device-width: 980px) {
	/* =====PC向けスタイル===== */
	
	/* 見出しリンク */
	section.box > h1{
		position:relative;
	}	
	ul.cmn_list02 li .key {
		width:6em !important;
	}	
	table.cmn_tbl01{
		border-top:1px solid #dddbdc;
		border-left:1px solid #dddbdc;
	}
	table.cmn_tbl01 td.Lv03{
		border-bottom:1px solid #dddbdc;
		border-right:1px solid #dddbdc;
		vertical-align:top;
		width:10em;
	}
	table.cmn_tbl01 td.Lv04{
		vertical-align:top;
	}
	table.cmn_tbl01 a.cmn_link01{
		margin:0 !important;
	}
	table.cmn_tbl01 a.cmn_link02{
		margin:0 !important;
	}
	table.cmn_tbl01 td.Lv04 > ul.cm{
		margin:10px 0 0 0;
		overflow:hidden;
		position:relative;
	}
	table.cmn_tbl01 td.Lv04 > ul.cm > li{
		float:left;
		margin:0 10px 0 0;
	}
	table.cmn_tbl01 td.Lv04 > ul.cm > li > a >img{
		border:5px solid #f0f0f0;
	}
	.map{
		border:1px solid #dddbdc;
		margin:0 auto 35px auto;
		width:660px;
	}
	.map iframe{
		height:320px;
		width:660px;	
	}
	ul.cmn_list01{
		padding:5px 35px;
	}
	p.mgB25 > a.cmn_link01{
		margin:5px 35px;
	}
	p.mgB25 > a.cmn_link02{
		margin:5px 25px;
	}
	.link-to-top{
		margin-bottom:35px;
		text-align:right;
	}
	ul#office_img{
		display:table;
	}
	ul#office_img > li:first-child{
		border-right:1px solid #FFF;
		display:table-cell;
	}
	/*====acc Box===*/
	
	/*ボックス全体*/
	.accbox {
		/*
	    margin: 2em 0;
	    padding: 0;
	    max-width: 400px;*/
	}
	
	/*ラベル*/
	.accbox label {
	    display: block;
	    /*width: 633px;*/
	    margin: 1.5px 35px;
	    padding : 11px 12px;
	    color :#333;
	    font-weight: bold;
	    background :#ccc;
	    cursor :pointer;
	    transition: all 0.5s;
	    border-radius: 5px;
	}
	/*アイコンを表示*/
	.accbox label:after {
	    content: '\f054';
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    margin-left: 1em;
	}
	/*ラベルホバー時*/
	.accbox label:hover {
	    background :#ddd;
	}
	
	/*チェックは隠す*/
	.accbox input {
	    display: none;
	}
	
	/*中身を非表示にしておく*/
	.accbox .accshow {
	    height: 0;
	    padding: 0;
	    overflow: hidden;
	    opacity: 0;
	    transition: 0.8s;
	}
	
	/*クリックで中身表示*/
	.cssacc:checked + label + .accshow {
	    height: auto;
	    /*padding: 5px;*/
	    background: #fff;
	    opacity: 1;
	}
	/*アイコンを入れ替える*/
	.cssacc:checked + label:after {
	    content: '\f078';
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	}
	  
	/* =====/PC向けスタイル===== */
}