/* ---------------------------------------------------------------
	start max 500px
--------------------------------------------------------------- */

@media screen and ( max-width: 500px ) {

	.col_topstyle {
		display: block;
	}

	.box_topstyle {
		width: 100%;
		margin: 0 0 3vw;
		padding: 0;
		display: table;
	}

	.box_topstyle:nth-child(4) {
		margin-right: 0;
	}

	.box_topstyle .img {
		width: 41.5%;
		display: table-cell;
	}

	.box_topstyle .txt {
		width: 55.2%;
		padding: 0 0 0 3.3%;
		font-size: 14px;
		display: table-cell;
		vertical-align: middle;
	}


/* --------------- company --------------- */

	.list_possessions {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 18px;
	}
	.list_possessions dt {
		width: 45px;
		margin: 0 0 0 15px;
	}
	.list_possessions dd {
		width: calc(100% - 75px);
	}



}

/* ---------------------------------------------------------------
	end max 500px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media screen and ( max-width: 450px ) {

	body {
		font-size: 13px;
	}

	#pagettl .col_pagettl {
		font-size: 5.6vw;
	}

	#fixright .btnarea a span.icon {
		margin: 0 6px 0 0;
	}


	.bg_subcontent {
		padding: 3.5vw 0;
	}


/* --------------- header --------------- */


/* --------------- footer --------------- */

	.col_footer_bnr {
		width: 82%;
		margin: 0 auto 5px;
	}

	.col_footer_bnr ul {
		 flex-direction: column;
	}

	.col_footer_bnr li {
		width: 100%;
		margin: 0 0 10px 0;
	}


/* --------------- top --------------- */

	.col_topcontents.topgallery {
		padding: 12vw 0;
	}

	.bg_topstaff {
		padding: 11vw 0;
	}

	.mds_topstaff {
		margin: 0 0 8vw;
		font-size: 4.5vw;
	}

	.col_topcontents.topstaff {
		padding: 9vw 0;
	}

	a.cont_topstaff,
	a.cont_topstaff:first-child,
	a.cont_topstaff:nth-child(2),
	a.cont_topstaff:nth-child(3) {
		margin: 0 3% 5%;
	}

	.cont_topstaff .thumb {
		width: 38.88vw;
		height: 55.1vw;
	}

	.col_topcontents.topvoice {
		padding: 10vw 0;
	}

	.mds_topvoice {
		margin: 0 0 5vw;
	}

	.lead_topvoice {
		margin: 0 0 8vw;
	}

	.mds_topinterview {
		font-size: 4.5vw;
	}

	.bg_topinterview {
		padding: 2vw 0 10vw;
	}

	.en_mds_topinterview {
		margin: 0 auto 5.5vw;
	}

	.lead_topinterview {
		margin: 0 0 6vw;
		font-size: 3.6vw;
	}

	.col_topcontents.topinterview {
		margin: 0 auto 5vw;
	}

	a.box_topinterview {
		width: 48.5%;
		margin: 0 0 3vw;
		padding: 2vw;
	}

	a.box_topinterview dl dt {
		margin: 0;
		font-size: 13px;
	}

	a.box_topinterview dl dd {
		display: none;
	}

	.col_topinsta {
		padding: 10vw 0;
	}

	.mds_topinsta {
		margin: 0 0 6vw;
	}

	.mds_topinsta img {
		margin: 0 auto 4vw;
	}

	.col_topcontact {
		padding: 10vw 0 5vw;
	}

	.mds_topcontact {
		margin: 0 0 7vw;
	}

	.box_topstyle2 .ttl {
		height: 50px;
	}

	.box_topstyle2 .ttl.rehome {
		height: 55px;
		padding: 5px 0 0;
		margin: 0 0 4px;
	}

	.box_topstyle2 .txt.rehome {
		padding: 0 3px;
		line-height: 1.4;
		letter-spacing: -0.04em;
	}



/* --------------- gallery --------------- */

	.gallery .mds_pagettl {
		padding: 7vw 0 0;
		margin: 0 auto 10vw;
	}

	.col_gallery a.cont_topgallery {
		margin: 0 0 8vw;
	}



/* --------------- gallery_d --------------- */

	.col_gallery_d {
		padding: 7vw 0;
	}

	.mds_gallery_d {
		margin: 0 auto 5vw;
		font-size: 24px;
	}

	.mds_gallery_d .small {
		margin: 0 auto 10px;
		font-size: 15px;
	}

	.txt_area_d {
		margin: 3vw 0 0;
		padding: 2.5vw 0 0;
		font-size: 20px;
	}

	#sliderwrap {
		margin: 0 auto 10vw;
	}

	ul#slider {
		margin: 0 auto 8vw;
	}

	ul#slider li .img {
		margin: 0 auto 5vw;
	}

	.col_btn_gallery_d > div {
		width: calc( ( 100% - 16px )/3 );
	}

	.col_btn_gallery_d a,
	.col_btn_gallery_d .center a {
		width: 100%;
	}



/* --------------- staff --------------- */

	.staff .bg_subcontent {
		margin-bottom: 10vw;
	}

	.staff .mds_pagettl {
		margin: 0 0 7vw;
		padding: 5vw 0 0;
		font-size: 4.5vw;
	}

	.staff .mds_pagettl img {
		margin: 0 0 1vw;
	}

	a.box_staff .img_staff {
		margin: 0 0 5px;
	}

	a.bnr_recruit_staff {
		margin: 0 auto 7vw;
	}



/* --------------- staff detail --------------- */

	dl.col_lisence_staff dd ul {
		display: block;
	}

	dl.col_lisence_staff dd ul li {
		width: 100%;
		padding: 0 0 0 1em;
	}

	.col_message_staff {
		margin: 0 auto 10vw;
	}

	.btn_staff_d {
		margin: 0 auto 10vw;
	}

	.btn_staff_d div {
		width: calc( ( 100% - 10px )/3 );
		margin: 0 5px 0 0;
	}

	.btn_staff_d a {
		padding: 6px 0 0;
		font-size: 12.5px;
	}

	.bg_otherstaff a.cont_topstaff,
	.bg_otherstaff a.cont_topstaff:first-child,
	.bg_otherstaff a.cont_topstaff:nth-child(3) {
		margin: 0 10% 8% 0;
	}

	.bg_otherstaff a.cont_topstaff:nth-child(2) {
		margin-right: 0;
	}

	.cont_topstaff .thumb {
		width: 38.88vw;
		height: 55.1vw;
	}



/* --------------- voice --------------- */

	.col_voice {
		padding-top: 6%;
		padding-bottom: 6%;
	}

	.mds_voice1 {
		margin-bottom: 30px
	}

	.bnr_btm_interview .deco_mds_topinterview {
		width: 80px;
		margin: 0 1%;
	}

/* --------------- voice_d --------------- */

	h2.mds_voice_d {
		font-size: 20px;
	}

	.pager_d .next,
	.pager_d .prev {
		width: 95px;
	}

	.pager_d .list a {
		padding-left: 10px;
		padding-right: 10px;
	}


/* --------------- news_d --------------- */

	.news .bg_subcontent {
		padding: 3vw 0 40px 0;
	}

	.info_news_d .right dl dt {
		font-size: 26px;
		line-height: 1.4;
	}

	.info_news_d .right dl dd {
		font-size: 16px;
	}

	#newsmap iframe {
		height: 70vw;
	}



/* --------------- company --------------- */
	
	.col_company1 {
		padding: 40px 0;
	}
	
	.mds_company1 {
		margin-bottom: 25px;
	}
	
	.mds_company1 img {
		margin-bottom: 12px;
	}
	
	.gmap_company {
		height: 250px;
	}
	
	.col_company2 {
		padding: 40px 0;
	}
	
	.col_company3 {
		padding: 40px 0;
	}
	
	.col_company4 {
		padding: 40px 0 20px;
	}
	
	.col_company5 {
		padding: 40px 0 0;
	}
	
	.col_company6 {
		padding: 50px 0 30px;
	}
	
	.inner_company6 .right {
		width: 100%;
	}
	
	
	
	
/* --------------- style / free --------------- */
	
	.tbl_style_free1 th.items {
		width: 90px;
	}
	
	
/* --------------- style / proposal --------------- */
	
	.img_style_proposal2 .right {
		width: 100%;
	}
	
	dl.box_style_proposal1 dd {
		padding: 15px;
	}

	

/* --------------- style / reform --------------- */
	
	ul.navi_style_reform1 li a {
		padding: 4vw 0 7vw;
		font-size: 3.6vw;
	}
	
	
	
/* --------------- style / maki --------------- */
	
	.model_bg_head {
		height: 32vw;
		background-size: 100% auto;
	}
	
	.model_head {
		width: 40vw;
		padding-top: 10vw;
	}
	
	.col_pagettl_model {
		padding-top: 0.5vw;
		font-size: 3.4vw;
	}
	
	.box_attention_model {
		margin-top: 10vw;
	}
	
	.bk_btn_maki {
		padding-top: 8vw;
	}
	
	#fixbnr_maki .close {
		width: 42px;
		height: 42px;
	}
	
	#fixbnr_maki .close span {
		width: 26px;
	}
	
	#fixbnr_maki .close span:nth-of-type(1) {
		top: 2px;
	}
	
	#fixbnr_maki .close span:nth-of-type(2) {
		top: 41px;
	}
	
	.gmap_wood {
		height: 240px;
	}
	
	
	
/* --------------- model_wood --------------- */	
	
	.img_wood2 .left dt,
	.img_wood3 .right dl.btm dt,
	.lead_wood3 {
		font-size: 22px;
	}
	
	
	
/* --------------- model_sumai --------------- */	
	
	.sumai .col_wood1 {
		padding: 40px 0 5%;
	}

	
	dl.lead_sumai1 {
		margin: 0 0 15px;
		padding: 0 0 15px;
		border-bottom: solid 1px #c0b5a4;
	}
	
	dl.lead_sumai1 dt {
		margin: 0 0 10px;
	}
	
	dl.lead_sumai1 dd {
		line-height: 1.6;
	}
	
	.lead_sumai2 {
		margin: 0 auto 20px;
	}
	
	.sumai .img_wood1 {
		margin: 0 auto 15px;
	}
	
	.sumai .img_wood2 .left dt {
		margin: 0 0 15px;
	}

	
/* --------------- recruit --------------- */
	
	.col_tab_recruit .btn {
		width: calc(( 100% - 12px )/2);
		margin: 0 12px 12px 0;
		font-size: 15px;
	}
	.col_tab_recruit .btn:nth-child(even) { margin-right: 0; }

	.cont_contact_recruit dl dd.birthday {
		flex-wrap: wrap;
	}
	.cont_contact_recruit dl dd.birthday .year {
		width: 100%;
		margin: 0 0 10px;
	}
	.cont_contact_recruit dl dd.birthday .year input[type="text"] { max-width: 72px; }
	.cont_contact_recruit dl dd.birthday .month {
		margin: 0 0 0 44px;
	}
	.mw_wp_form_confirm .cont_contact_recruit dl dd.birthday .year, 
	.mw_wp_form_confirm .cont_contact_recruit dl dd.birthday .month { margin: 0; }


	.btnarea_recruit { display: block; }
	.btnarea_recruit input {
		width: 100%;
		margin: 0 auto 15px;
	}
	
	
}

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 380px
--------------------------------------------------------------- */

@media screen and ( max-width: 380px ) {
	
/* --------------- top --------------- */

	
	.box_topstyle2 .ttl {
		height: 40px;
	}
	
	
/* --------------- style / proposal --------------- */
	
	
	.inner_proposal2 .discount1 {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	
	.inner_proposal2 .discount1 .left,
	.inner_proposal2 .discount1 .right {
		width: 100%;
	}
	
	.inner_proposal2 .discount1 .left:before {
		width: 0;
		height: 0;
		margin: 0 auto;
		border-style: solid;
		border-width: 14px 30px 0 30px;
		border-color: #4d4d4d transparent transparent transparent;
		right: 0;
		left: 0;
		top: auto;
		bottom: -14px;
	}
	
	.inner_proposal2 .discount1 .right {
		padding: 23px 10px 10px 10px;
	}

	
}

/* ---------------------------------------------------------------
	end max 380px
--------------------------------------------------------------- */