/* screens smaller than 640---------------------------------------------------------- */
@layer legacy {
@media only screen and (max-width:640px) {

[data-static-html] .contact02_left {
    float: none;
    width: 100%;
    padding-top: 0;
    margin-bottom: 15px;
}


[data-static-html] .contact_list01 li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
[data-static-html] .contact02_right {
    float: none;
    width: 100%;
}

[data-static-html] #rental_box02 li {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
    text-align: center;
}

[data-static-html] .is-fixed #rental_box02 {
	height: auto;
}


[data-static-html] .is-fixed #rental_box02 .opa_a {
    position: relative;
    background-color: #fff;
    width: 100% !important;
    top: 0 !important;
    padding: 0 !important;
}

[data-static-html] .contact03_left {
    float: none;
    width: 100%;
    padding-top: 0;
    margin-bottom: 15px;
}
[data-static-html] .contact03_right{
	display:none;
}

/*contents*/
/*---------------------------------------------------*/
[data-static-html] #contents{
	margin-bottom: 50px;
}
[data-static-html] #contents_in {
	width: 94%;
}
[data-static-html] #contents_left {
	width: 100%;
	float: none;
	margin-bottom: 40px;
}
[data-static-html] #contents_right {
	width: 100%;
	margin: 0 auto;
	float: none;
}

/*pagetitle_area*/
/*---------------------------------------------------*/
[data-static-html] #pagetitle_area {
	margin: 90px 0 10px;
}
[data-static-html] #pagetitle_area_rec {
	margin: 90px 0 10px;
}
/*pagetitle*/
/*---------------------------------------------------*/
[data-static-html] #pagetitle{
	width: 94%;
}
[data-static-html] #pagetitle h2 {
	font-size: 24px;
}
/*subtitle*/
/*---------------------------------------------------*/
[data-static-html] .subtitle03_02 {
	font-size: 18px;
}
/*table*/
/*---------------------------------------------------*/
[data-static-html] .table_wrap {
	width: 100%;
	overflow-x: auto;
}
[data-static-html] .table_wrap .table02 {
	width: 996px;
	margin-bottom: 15px;
}
[data-static-html] .table_wrap .table02.last {
	margin-bottom: 10px;
}
[data-static-html] .table_wrap p {
	display: block;
}
[data-static-html] .table_wrap .table03 {
	width: 996px;
	margin-bottom: 15px;
}
[data-static-html] table.table04 {
	border-bottom:none;
}
[data-static-html] table.table04 th, [data-static-html] table.table04 td {
	width:100%;
	display:block;
	border:none;
}
[data-static-html] table.table04 th {
	border-bottom: 1px solid #bbb;
}
[data-static-html] table.table04 td {
	border-bottom: 1px solid #bbb;
}



/*innerlink*/
/*---------------------------------------------------*/
[data-static-html] .innerlink {
	margin-top: -90px;
	padding-top: 90px;
}

/*solution*/
/*---------------------------------------------------*/
[data-static-html] .solution_box02 dl {
    width: 100%;
}
[data-static-html] .solution_box02 .flt_pc {
    margin-bottom: 40px;
}

/*support*/
/*---------------------------------------------------*/
[data-static-html] .support_box01 li {
    width: 100%;
}
[data-static-html] .support_box01 li:first-child {
    border-right: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
    padding-bottom: 12px;
}
[data-static-html] .support_box01 .flt dl {
    margin-right: 0;
}
[data-static-html] .support_box01 .flr dl {
    margin-left: 0;
}

/*about*/
/*---------------------------------------------------*/
[data-static-html] .about_box01 dl {
    width: 100%;
}
[data-static-html] .about_box01 .flt_pc {
    margin-bottom: 40px;
}

/*case*/
/*---------------------------------------------------*/
[data-static-html] .case_box01 dl {
	width: 49%;
}
[data-static-html] .case_box01 dl:nth-child(3n) {
	margin: 0 2% 20px 0;
}
[data-static-html] .case_box01 dl:nth-child(2n) {
	margin: 0 0 20px 0;
}

/*maker*/
/*---------------------------------------------------*/
[data-static-html] .maker_box01 dl {
	width: 32%;
}
[data-static-html] .maker_box01 dl:nth-child(4n) {
	margin: 0 2% 30px 0;
}
[data-static-html] .maker_box01 dl:nth-child(3n) {
	margin: 0 0 30px 0;
}

/*recruit*/
/*---------------------------------------------------*/
[data-static-html] .recruit_box01 .flt_pc {
	width: 100%;
	margin-bottom: 20px;
}
[data-static-html] .recruit_box01 .flr_pc {
	width: 100%;
}
[data-static-html] .recruit_box03 dl {
	float: none;
	width: 100%;
	margin-right: 0;
}
[data-static-html] .recruit_box03 dl:first-child {
	margin-bottom: 20px;
}

/*rental*/
/*---------------------------------------------------*/
[data-static-html] .rental_contact dt {
	width: 100%;
	padding: 10px 0;
	float: none;
	line-height: 1.4;
}
[data-static-html] .rental_contact dd {
	width: 100%;
	float: none;
}
[data-static-html] .rental_contact .tel01 {
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
}

/*rss news*/
/*---------------------------------------------------*/
[data-static-html] #sub_rss_box dl{
	margin-bottom: 12px;
	padding-bottom: 12px;
}
[data-static-html] .rss_date{
	float: none;
	width: 100%;
}
[data-static-html] .rss_title{
	float: none;
	width: 100%;
}
[data-static-html] .rss_contents{
	margin-left: 0;
}

/*message*/
/*---------------------------------------------------*/
[data-static-html] .msbox {
    padding: 20px;
}
[data-static-html] .msbox .foto {
	position: static;
	margin: 0 auto 20px;
	width: 100%;
}
[data-static-html] .msbox .txtarea {
    float: none;
    width: 100%;
}
[data-static-html] .msbox .title::before {
    top: -20px;
}
[data-static-html] .msbox .lead {
    margin-top: 0;
    background-color: #E9E9E9;
    padding: 20px;
    text-align: left;
}
[data-static-html] .msbox .lead br {
	display: none;
}
[data-static-html] .msbox .lead::after {
    display: none;
}
[data-static-html] .msbox .mstxt {
    padding-top: 30px;
}


[data-static-html] .pc_on {display: none;}
[data-static-html] .sp_on {display: inherit;}

[data-static-html] .msbox_new {
  padding: 20px;
}
[data-static-html] .msbox_new .photo {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
[data-static-html] .msbox_new .title {
	float: none;
	width: 100%;
}
[data-static-html] .msbox_new .title::before {
    content: "";
    width: 85px;
    height: 5px;
    background-color: #0D3D68;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -43px;
}
[data-static-html] .msbox_new .lead {
	float: none;
	width: 100%;
	min-height: 200px;
	position: relative;
	text-align: center;
	margin-top: 20px;
	background-color: #fff;
	border: 1px solid #0D73E4;
	padding: 20px;
}
[data-static-html] .msbox_new .lead_title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

/*OFFICE*/
/*---------------------------------------------------*/
[data-static-html] .office_tab .table03 {
	border: 0 !important;
}
[data-static-html] .office_tab th {
	display: none;
}
[data-static-html] .office_tab  td {
	padding: 0 !important;
	display: block;
	width: 100%;
	text-align: left !important;
	border: 0 !important;
	padding-bottom: 10px !important;
}

[data-static-html] .office_tab td:before {
	display: block;
	font-weight: normal;
	text-align: left;
	font-size: 13px;
	color: #888;
	margin-bottom: 10px;
}
[data-static-html] .office_tab td:first-of-type:before {
	content: "部";
	color: #333;
	background-color: #cce0f3;
	padding: 10px 0.5em;
	border-radius: 3px;
}
[data-static-html] .office_tab td:nth-of-type(2):before {
	content: "課・グループ";
	background-color: #EEE;
	padding: 5px 0.5em;
}
[data-static-html] .office_tab td:nth-of-type(3):before {
	content: "電話番号";
	background-color: #EEE;
	padding: 5px 0.5em;
}
[data-static-html] .office_tab td:last-of-type:before {
	content: "FAX番号";
	background-color: #EEE;
	padding: 5px 0.5em;
}




/*box*/
/*---------------------------------------------------*/
[data-static-html] .box3 > li{
	float:none;
	width:100%;
	max-width:400px;
	margin-left:auto !important;
	margin-right:auto !important;
	clear:none !important;
}


/*sidebar*/
/*---------------------------------------------------*/

[data-static-html] .db_sidebar_check_box label:nth-child(3){
    width: 50%;
}

[data-static-html] .db_sidebar_check_box label:last-child {
    width: 50%;
}

/*anchor_link*/
/*---------------------------------------------------*/
[data-static-html] #dcms_layoutPageBlock a[id],
[data-static-html] #dcms_layoutPageBlock a#rental01 {
    display: block;
    width: 0;
    height: 0;
    position: relative;
    top: -100px;

}
/*---------------------------------------------------*/

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

/* CONTACT from_top */
/****************************************************************/

[data-static-html] .ftCV {
	background: none;
	height: auto;
	padding-top: 0;
}
[data-static-html] .ftCV dl {
	max-width: initial;
	max-width: auto;
	width: 94%;
	padding: 20px 0 10px;
}
[data-static-html] .ftCV dt {
	line-height: 1.2;
	margin-bottom: 20px;
}
[data-static-html] .ftCV li {
	float: none;
	margin: 0 0 10px;
	width: 100%;
}

/*bottom_contact*/
/*---------------------------------------------------*/
[data-static-html] .bottom_contact dt {
	width: 100%;
	float: none;
}
[data-static-html] .bottom_contact dd {
	float: none;
	width: 100%;
	padding-top: 10px;
}
[data-static-html] .bottom_contact a {
	max-width: 100%;
}

}

/*---------------------------------------------------*/
/* screens smaller than 500---------------------------------------------------------- */
@media only screen and (max-width:499px) {

/*maker*/
/*---------------------------------------------------*/
[data-static-html] .maker_box01 dl {
	width: 49%;
}
[data-static-html] .maker_box01 dl:nth-child(4n) {
	margin: 0 2% 30px 0;
}
[data-static-html] .maker_box01 dl:nth-child(3n) {
	margin: 0 2% 30px 0;
}
[data-static-html] .maker_box01 dl:nth-child(2n) {
	margin: 0 0 30px 0;
}


/*---------------------------------------------------*/
}

/*---------------------------------------------------*/
/* screens smaller than 420---------------------------------------------------------- */
@media only screen and (max-width:419px) {

/*bottom_contact*/
/*---------------------------------------------------*/
[data-static-html] .bottom_contact {
	padding: 10px;
	font-size: 13px;
}

/*support*/
/*---------------------------------------------------*/
[data-static-html] .support_box01 {
    padding: 15px;
}
[data-static-html] .support_box01 dd {
    font-size: 16px;
}
[data-static-html] .support_box01 dd .f24 {
    font-size: 22px;
}
[data-static-html] .support_box02 dl {
    width: 100%;
    padding: 20px 15px;
	border-bottom: 1px solid #fff;
}
[data-static-html] .support_box02 .flr {
	border-left: none;
}

[data-static-html] .support_box02 dl:nth-child(3) {
    background-color: #e5f5f9;
}
[data-static-html] .support_box02 dl:nth-child(4) {
    background-color: #f2f2f2;
}

/*case*/
/*---------------------------------------------------*/
[data-static-html] .case_box01 dl {
	width: 100%;
	margin: 0 0 20px 0;
}
[data-static-html] .case_box01 dl:nth-child(3n) {
	margin: 0 0 20px 0;
}

/*rental*/
/*---------------------------------------------------*/
[data-static-html] .rental_address {
	padding: 20px 10px 10px;
}
[data-static-html] #rental_box03 dt {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
[data-static-html] #rental_box03 dd {
	display: block;
	width: 70%;
	padding: 0;
}


/*---------------------------------------------------*/
}

}