
@media screen and ( min-width: 1260px ) {
	
	
	/* --------------- top -------------- */

	.slide_tophouse dl dt .trim {
		width: 332px;
		height: 233px;
	}

	.col_tophouse.subdivision .slide_tophouse dl dt .trim {
		width: 250px;
		height: 174px;
	}
	
	
	
	/* --------------- voice -------------- */

	.col_voice1 a dl dt .trim {
		height: 254px;
	}
	
	
	/* --------------- news -------------- */

	.wrap_news1 a thumb_news .trim {
		width: 330px;
		height: 252px;
	}
	
	
	/* --------------- works -------------- */

	.col_works1 a dl dt .trim {
		width: 330px;
		height: 252px;
	}
	
	
	
	/* --------------- works / detail -------------- */
	
	
	.swiper-container.thumb .trim { 
		width: 138px;
		height: 106px;
	}
	
	.swiper-container.other .trim {
		width: 216px;
		height: 168px
	}
	
	
	/* --------------- model -------------- */
	
	.slide_model dl dt .trim {
		width: 330px;
		height: 218px;
	}
	
	/* --------------- model / detail -------------- */
	
	.swiper-container.thumb_model .trim {
		width: 170px;
		height: 130px;
	}
	
	.btn-model_otherslide-next {
		background-position: top 65px left 0;
	}
	.btn-model_otherslide-prev {
		background-position: top 65px right 0;
	}
	
	.swiper-container.other_model .swiper-slide .trim {
		width: 234px;
		height: 155px;
	}
	
	
	/* --------------- subdivision / detail -------------- */
	
	
	.subdivision .btn-model_otherslide-prev {
		background-position: top 65px right 0;
	}
	.subdivision .btn-model_otherslide-next {
		background-position: top 65px left 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
}

/* ---------------------------------------------------------------
	end min 1260px
--------------------------------------------------------------- */

	
@media screen and ( min-width: 1130px ) {
	
	/* --------------- advantage / flow -------------- */
	
	.list_flow1 {
		max-width: 1065px;
	}
	
	.list_flow1 dl dd {
		padding: 0 100px 0 45px;
	}
	
	
	/* --------------- model -------------- */
	
	.wrapslide_model {
		width: 100%;
	}
	
	
}

/* ---------------------------------------------------------------
	end min 1130px
--------------------------------------------------------------- */




/* ---------------------------------------------------------------
	start min 1034px
--------------------------------------------------------------- */

@media screen and ( min-width: 1034px ) {

	.pc_none {
		display: none;
	}
	
	
	
	
	
	
}

/* ---------------------------------------------------------------
	end min 1034px
--------------------------------------------------------------- */



@media print,screen and ( max-width: 600px ) {

	/* --------------- top -------------- */
	
	.col_topcontent1 ul li a {
		padding: 1.5vw;
	}
	
	.cont_toprec {
		width: 100%;
		margin: 0 0 15px 0;
		float: none;
		display: table;
	}
	
	.inner_rec {
		margin-bottom: 3%;
	}
	
	.img_toprec {
		width: 34%;
		margin: 0;
		padding: 0;
		display: table-cell;
	}
	
	.txt_toprec {
		margin: 0;
		padding: 0 0 0 15px;
		display: table-cell;
	}
	
	
	/* --------------- advantage / finebubble -------------- */
	
	.col_life_ufb {
		display: block;
	}
	
	.col_life_ufb dl,
	.col_life_ufb dl.wide {
		width: 100%;
	}
	
	.col_life_ufb dl dd {
		padding: 4vw 3%;
	}
	
	.col_life_ufb dl dd .img {
		width: 68.26%;
		margin: 0 auto 4vw;
		float: none;
	}
	
	.note_life_ufb {
		padding-left: 1em;
		text-indent: -1em;
		text-align: left;
	}
	
	ul.list_chara_ufb {
		display: block;
	}
	
	ul.list_chara_ufb li {
		width: 100%;
		margin: 0 0 2%;
		padding: 0;
		display: flex;
	}
	
	ul.list_chara_ufb li .img {
		width: 27.5%;
		margin: 0;
		padding: 3vw 0;
		border-right: solid 3px #86bbc8;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	ul.list_chara_ufb li .img img {
		width: 86%;
	}
	
	ul.list_chara_ufb li dl {
		width: 72.5%;
		padding: 3vw 1em 2em;
	}
	
	ul.list_chara_ufb li .label {
		width: 72.5%;
		-moz-border-radius: 0 0 6px 0;
		-webkit-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
		left: auto;
		right: 0;
	}
	
	.video_ufb {
		width: 100%;
		height: 51vw;
		margin-bottom: 10vw;
	}
	
	
	
	/* --------------- model -------------- */
	
	.map_model1 {
		width: 420px;
		height: 346px;
		margin-bottom: 90px;
		padding-top: 45px;
		background-size: 400px auto;
		background-position: center 45px;
	}
	
	.map_model1 ul li.north div:after {
		width: 188px;
		left: 103px;
	}
	.map_model1 ul li.west {
		top: 125px;
	}
	.map_model1 ul li.west div:after {
		width: 155px;
		left: 51px;
	}
	.map_model1 ul li.south div:before {
		content: none;
	}
	.map_model1 ul li.south div:after {
		width: 81px;
		left: 123px;
		-ms-transform:rotate(-31deg);
		-webkit-transform:rotate(-31deg);
		-moz-transform:rotate(-31deg);
		transform: rotate(-31deg);
	}
	.map_model1 ul li.center {
		top: 45px;
	}
	.map_model1 ul li.center div:after {
		width: 221px;
		right: 109px;
		-ms-transform:rotate(-79deg);
		-webkit-transform:rotate(-79deg);
		-moz-transform:rotate(-79deg);
		transform: rotate(-79deg);
	}
	.map_model1 ul li.east div:after {
		width: 97px;
		right: 24px;
	}
	
	
	
	/* --------------- flyer -------------- */
	
	.col_flyer {
		width: 90%;
		max-width: 450px;
		display: block;
	}
	
	.lead_flyer {
		padding: 10vw 1.5em;
	}
	
	.lead_flyer p {
		margin-bottom: 0;
	}

	
	.box_flyer {
		width: 100%;
		margin: 0 0 30px;
	}
	
	
	
}

	


@media print,screen and ( max-width: 500px ) {
	
	/* --------------- top -------------- */
	
	.col_topcolumn {
		display: block;
	}
	
	.col_topcolumn a.cont {
		width: 100%;
		margin: 0 0 25px;
	}
	
	.col_topcolumn a.cont .thumb {
		height: 51.5vw;
	}
	
	
	
	/* --------------- advantage / finebubble -------------- */
	
	.col_effect_finebubble {
		display: block;
	}
	
	.col_effect_finebubble .cont {
		width: 100%;
	}
	
	
	
	
	
	/* --------------- model -------------- */
	
	.img_model_r {
		padding: 0 2%;
	}
	
	.btn-model_dslide-prev,
	.btn-model_dslide-next {
		display: none;
	}
	
	
	
	/* --------------- column -------------- */
	
	.col_columnlist {
		display: block;
	}
	
	.col_columnlist a.cont {
		width: 100%;
		margin: 0 0 40px;
	}
	
	.col_columnlist a.cont .thumb {
		height: 52.5vw;
	}
	
	
	
}

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

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


	body {
		font-size: 13px;
	}

	/* --------------- header -------------- */
	
	.logo_header {
		width: 40%;
		position: relative;
	}
	
	.logo_header img {
		width: 138px;
		height: auto;
		margin: 2px 0 0 0;
	}
	
	a.btn_header {
		width: auto;
		margin: 0 0 0 1.5%;
		position: unset;
		float: right;
	}
	
	#sp_navi ul li.list_navi1 a {
		height: 16vw;
		font-size: 3.6vw;
		line-height: 4.2vw;
	}
	
	
	#menubtn {
		margin-right: 0;
	}
	
	
	
	/* --------------- footer_contact -------------- */
	
	.col_btn_footcontact a span.img_btn_footcontact {
		width: 51%;
	}
	
	.col_btn_footcontact a span.img_btn_footcontact img {
		left: 0;
	}
	
	.col_btn_footcontact a {
		font-size: 3.8vw;
		line-height: 5.2vw;
	}
	
	.col_tel_footcontact span {
		padding-left: 17vw;
		font-size: 9.4vw;
		background-size: 14vw auto;
	}
	
	a.btn_footcontact {
		width: 100%;
		max-width: 300px;
	}
	
	
	
	/* --------------- top -------------- */
	
	.bnr_lp_fixed {
		width: calc( 100% - 80px );
		width: 207px;
		right: 75px;
		bottom: 15px;
	}
	.bnr_lp_fixed.hide {
		transform: translateY( 150% );
		right: 75px;
	}
	
	.col_topcontent1 ul li dl dt {
		margin-bottom: 1.4vw;
		padding-bottom: 1.4vw;
		font-size: 3.6vw;
	}
	
	.col_topcontent1 ul li dl dd {
		font-size: 2vw;
		line-height: 1.2:
	}
	
	.mds_top1 {
		margin-bottom: 18px;
		font-size: 15px;
		line-height: 15px;
	}
	
	.mds_top1 span {
		font-size: 25px;
	}
	
	.col_topadvantage {
		background-size: 122% auto;
	}
	
	.btn_topadvantage a {
		font-size: 14px;
	}
	
	.btn_topadvantage a:after {
		width: 5px;
		height: 5px;
	}
	
	.wrapslide_tophouse {
		margin-bottom: 32px;
		padding: 0 50px;
	}
	
	.btn-topslide-next,
	.btn-topslide-prev {
		width: 40px;
	}
	
	.btn-topslide-next,
	.btn-topslide-prev,
	.subdivision .btn-topslide-next,
	.subdivision .btn-topslide-prev {
		background-position: top 23vw center;
	}
	
	
	.wrap_topnews a dl dt .tag {
		margin-bottom: 5px;
	}
	
	.wrap_topnews a dl dd {
		display: none;
	}
	
	.col_topsns {
		padding: 0 0 25px;
	}
	
	.col_topsns .fb,
	.col_topsns .insta {
		width: 100%;
		height: auto;
	}
	
	dl.mds_top_insta dt {
		width: 60px;
	}
	
	dl.mds_top_insta dd {
		padding-left: 15px;
	}
	
	dl.mds_top_insta dd img {
		width: 160px;
	}
	
	.bg_btmlink img {
		width: auto;
		height: 100%;
	}
	

	
	/* --------------- common -------------- */
	
	.col_ttl {
		height: calc( 44vw - 50px );
		background-size: 120% auto;
	}
	
	.col_ttl h1 {
		margin-top: 2vw;
	}
	
	.mds1 {
		margin-bottom: 22px;
		font-size: 19px;
	}
	
	.mds1:after {
		width: 22px;
	}
	
	
	/* --------------- company -------------- */
	
	.col_company1 {
		padding: 30px 0 0 0;
	}
	
	.box_company1 dl dt {
		font-size: 19px;
	}
	
	.link_campany1 a {
		height: 70px;
	}
	
	.link_campany1 a dl dt {
		margin-bottom: 2px;
		font-size: 16px;
	}
	
	
	/* --------------- privacy -------------- */
	
	.col_privacy1 {
		padding: 30px 0 40px;
	}
	
	.txt_privacy1 {
		margin-bottom: 30px;
	}
	
	
	/* --------------- voice -------------- */
	
	.col_pagenation1 {
		padding: 20px 0 45px;
	}
	
	.col_pagenation1 li.prev {
		margin-right: 10px;
	}
	.col_pagenation1 li.next {
		margin-left: 10px;
	}
	
	
	
	/* --------------- voice / detail --------------- */
	
	.col_voice_d1 {
		padding: 30px 0;
	}
	
	.mds_voice_d1 {
		margin-bottom: 20px;
		padding-bottom: 8px;
		font-size: 18px;
	}
	
	.col_pagenation_detail1 li {
		width: 33%;
	}
	
	
	/* --------------- news --------------- */
	
	ul.btnarea_news {
		margin-bottom: 20px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	ul.btnarea_news li a {
		padding: 8px 0;
		font-size: 15px;
	}
	
	.wrap_news1 a dl dt {
		font-size: 14px;
	}
	
	.wrap_news1 a dl dd {
		max-height: 65px;
		font-size: 13px;
	}
	
	
	/* --------------- news / detail--------------- */
	
	
	.col_news_left .category_news {
		min-width: 65px;
		padding: 4px 10px;
		font-size: 12px;
	}
	
	.mds_news_d1 {
		margin-bottom: 11px;
		padding-bottom: 11px;
		font-size: 15px;
		line-height: 1.4;
	}
	
	.col_pagenation_detail1 {
		margin-bottom: 30px;
	}
	
	.sidebox_news h3 {
		margin-bottom: 14px;
		font-size: 15px;
	}
	
	.sidebox_news dl {
		margin: 0 10px;
	}
	
	
	/* --------------- works / detail--------------- */
	
	.col_works_d1 {
		padding-top: 30px;
	}
	
	.name_works_d {
		font0size: 14px;
	}
	
	.mds_works_d {
		margin-bottom: 15px;
		font-size: 16px;
	}
	
	.swiper-container.thumb {
		padding: 0 26px;
	}
	
	.btn-worksslide-next,
	.btn-worksslide-prev {
		width: 26px;
		background-size: 15px auto;
	}
	
	.col_works_d_other h2 {
		margin-bottom: 25px;
		font-size: 16px;
	}
	
	
	/* --------------- about --------------- */
	
	.box_about2 dl {
		margin-bottom: 15px;
		padding-left: 17px;
	}
	
	.box_about2 dl dt {
		width: 120px;
		font-size: 14px;
	}
	
	.box_about2 dl dt:before {
		width: 12px;
		height: 12px;
		left: -17px;
	}
	
	.box_about2 dl dd {
		font-size: 14px;
	}
	
	.box_about2 dl dd .small {
		font-size: 11px;
	}
	
	.col_about3 {
		padding-bottom: 60px;
	}
	
	.txt_about1 {
		margin-bottom: 20px;
		font-size: 13px;
	}
	
	dl.subbox_about1 {
		padding: 16px 18px;
		font-size: 13px;
	}
	
	dl.subbox_about1 dt img {
		width: 220px;
	}
	
	.list_about2 {
		margin-bottom: 20px;
		padding-right: 90px;
	}
	
	.list_about2:after {
		width: 125px;
		height: 125px;
	}
	
	
	
	
	/* --------------- contact --------------- */
	
	.txt_contact1 {
		font-size: 13px;
	}
	
	.flow_contact {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.flow_contact div:nth-child(1) {
		width: 36%;
		padding-left: 5%;
	}
	
	.flow_contact div:nth-child(2) {
		width: 46%;
		padding-left: 15%;
		left: 22%;
	}
	
	.flow_contact div:nth-child(3) {
		width: 46%;
		padding-left: 15%;
		left: 54%;
	}
	
	.flow_contact div .num {
		width: 1.5em;
	}
	
	.flow_contact div .num,
	.flow_contact div .txt {
		font-size: 13px;
	}
	
	.form_contact1 dl.date dd input {
		max-width: 54px;
	}
	
	.btn_submit input {
		font-size: 14px;
	}
	
	
	/* --------------- advantage / flow -------------- */
	
	.col_ttl.bg_advantage h1 span {
		letter-spacing: 0.1em;
	}
	
	.col_flow1 {
		padding-top: 25px;
	}
	
	.txt_flow1 {
		margin-bottom: 22px;
		font-size: 13px;
	}
	
	.mds_flow1 {
		margin-bottom: 26px;
	}
	
	.mds_flow1 img {
		width: 210px;
	}
	
	dl.box_flow1 dt {
		font-size: 19px;
	}
	
	dl.box_flow1 dd {
		font-size: 13px;
	}
	
	.list_flow1 dl {
		border-radius: 25px;
	}
	
	.list_flow1 dl dt {
		font-size: 14px;
		border-radius: 25px 25px 0 0;
	}
	
	.list_flow1 dl dd {
		padding-left: 16px;
		padding-right: 16px;
		border-radius: 0 0 25px 25px;
	}
	
	.list_flow1 dl dd img {
		width: 90px;
		height: 90px;
		margin-right: -8px;
	}
	
	.list_flow2 {
		padding: 15px;
		font-size: 13px;
	}
	
	.list_flow1.num4.btm .img_flow1 {
		top: 20px;
	}
	
	.col_flow2 {
		padding: 40px 0;
	}
	
	.mds_flow2 {
		margin-bottom: 26px;
	}
	
	.mds_flow2 img {
		width: 176px;
	}
	
	.list_flow3 {
		font-size: 13px;
	}
	
	.img_flow3 {
		width: 86px;
		top: -27px;
	}
	
	.img_flow3.base {
		width: 96px;
	}
	
	.col_flow2 .list_flow1 dl dt {
		min-height: 55px;
		padding-top: 20px;
	}
	
	.col_flow2 .list_flow1.noimg dl dd {
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.col_flow2 .list_flow1 dl dd img {
		width: 110px;
	}
	
	.list_flow1.single dl {
		border-radius: 35px;
	}
	
	.list_flow1.single .img_flow2 {
		width: 110px;
		top: -20px;
	}
	
	ul.sublist_flow1 li {
		font-size: 13px;
	}
	
	.col_flow2 .list_flow1.num6 dt {
		padding-top: 11px;
	}
	
	.list_flow1.num2 dt,
	.col_flow2 .list_flow1.num3 dt {
		padding: 13px;
	}
	
	.list_flow1.num2 dt .sp_none,
	.col_flow2 .list_flow1.num3 dt .sp_none,
	.col_flow2 .list_flow1.num6 dt .pc_none {
		display: block;
	}
	
	a.btn_flow1 {
		padding: 13px 0;
		font-size: 11px;
	}
	
	a.btn_flow1 .big {
		font-size: 18px;
	}
	
	a.btn_flow1:after {
		width: 10px;
		height: 10px;
		margin-top: -5px;
		right: 23px;
	}
	
	
	
	
	/* --------------- advantage / support -------------- */
	
	
	.col_support1 {
		padding: 40px 0 50px;
	}
	
	.mds_support1 {
		margin-bottom: 20px;
	}
	
	.mds_support1 img {
		max-width: 146px;
	}
	
	dl.box_support1 {
		margin-bottom: 12px;
	}
	
	dl.box_support1 dt {
		padding: 5px 0 9px;
		font-size: 12px;
	}
	
	dl.box_support1 dt .big {
		margin-bottom: 0;
		font-size: 15px;
	}
	
	.col_support2 {
		padding: 40px 0 40px;
	}
	
	.mds_support2 {
		margin-bottom: 20px;
	}
	
	.mds_support2 img {
		max-width: 218px;
	}
	
	.txt_support1 {
		margin-bottom: 25px;
		font-size: 13px;
	}
	
	.wrap_support_longlife {
		margin-bottom: 25px;
	}
	
	.list_support_longlife .icon {
		width: 110px;
		font-size: 14px;
	}
	
	.list_support_longlife .icon div {
		width: 56px;
		height: 56px;
	}
	
	.list_support_longlife .icon img {
		width: 38px;
	}
	
	.list_support_longlife dl dd {
		padding-top: 0;
	}
	
	.notice_support1 {
		padding: 9px 0;
		font-size: 12px;
	}
	
	.col_support3 {
		padding: 40px 0;
	}
	
	.mds_support3 {
		margin-bottom: 20px;
	}
	
	.mds_support3 img {
		max-width: 228px;
	}
	
	.txt_support_service1 {
		font-size: 13px;
	}
	
	.txt_support_service2 {
		margin-bottom: 30px;
		font-size: 13px;
	}
	
	.list_support_service,
	.list_support_service.num5 {
		margin-bottom: 0;
	}
	
	.list_support_service dl dt:before {
		width: 55px;
		height: 55px;
		margin-top: -33px;
		background-size: auto 24px;
	}
	
	.list_support_service dl dt {
		font-size: 16px;
	}
	
	.list_support_service:nth-child(odd) dl dt {
		padding-left: 65px;
	}
	.list_support_service:nth-child(even) dl dt {
		padding-right: 65px;
	}
	
	.list_support_service dl dd {
		line-height: 1.5;
	}
	
	.list_support_service dl dd .txt {
		width: -webkit-calc(100% - 120px);
		width: calc(100% - 120px);
	}
	
	.list_support_service dl dd img {
		width: 85px;
	}
	
	dl.notice_support_service {
		margin-top: 30px;
		padding: 0 16px;
	}
	
	dl.notice_support_service dt {
		padding: 8px 0 7px;
		font-size: 14px;
	}
	
	dl.notice_support_service dd {
		padding: 9px 6px 11px;
		font-size: 13px;
	}
	
	.note_support_service {
		padding-top: 5vw;
		font-size: 4.2vw;
	}
	
	
	
	/* --------------- advantage / spacious -------------- */
	
	.mds_buiding1 {
		width: 80%;
		font-size: 4.2vw;
		top: -3vw;
	}
	
	.mds_buiding1 span.big {
		font-size: 5.6vw;
	}
	
	.col_building1 {
		margin-bottom: 8vw;
	}
	
	.col_btmlink_advantage ul.list_topadvantage li {
		width: 22vw;
		height: 22vw;
		border-width: 0.6vw;
		box-sizing: border-box;
	}
	
	.col_btmlink_advantage ul.list_topadvantage li a{
		border-width: 0.6vw;
	}
	
	.col_btmlink_advantage .list_topadvantage li .inner .txt {
		height: 8vw;
		font-size: 3.2vw;
	}
	
	.lead_onlyone1 {
		padding-left: 4vw;
		font-size: 4.6vw;
	}
	
	
	
	/* --------------- advantage / finebubble -------------- */
	
	
	.col_finebubble1 {
		margin: 0 auto 12vw;
	}
	
	.col_effect_finebubble .cont {
		padding: 3.5vw 4vw 4vw;
	}
	
	.col_finebubble1 .mds {
		font-size: 5.3vw;
	}
	
	ul.list_certificate_ufb li {
		width: 47%;
	}
	
	ul.list_certificate_ufb li .txt {
		font-size: 3.5vw;
	}
	
	.col_contact_ufb a {
		padding: 1em 20px 1em 10px;
	}
	
	.col_contact_ufb a:before {
		right: 8px;
	}
	
	
	/* --------------- model -------------- */
	
	.inner_model1 {
		background-size: 20px auto, 20px auto;
	}
	
	.mds1.model1 {
		font-size: 16px;
	}
	.txt_model1 {
		font-size: 13px;
	}
	
	.map_model1 {
		width: 338px;
		height: 290px;
		margin-bottom: 75px;
		background-size: 100% auto;
		background-position: center 30px;
	}
	.map_model1 ul li {
		width: 115px;
		font-size: 11px;
	}
	
	.map_model1 ul li a {
		height: 38px;
		font-size: 14px;
	}
	
	.map_model1 ul li.north div:after {
		width: 149px;
		left: 84px;
	}
	.map_model1 ul li.west div:after {
		width: 101px;
		left: 53px;
	}
	.map_model1 ul li.south {
		bottom: -28px;
	}
	.map_model1 ul li.south div:after {
		width: 60px;
		left: 104px;
	}
	.map_model1 ul li.center {
		top: 24px;
	}
	.map_model1 ul li.center div:after {
		width: 187px;
		right: 101px;
		-ms-transform:rotate(-84deg);
		-webkit-transform:rotate(-84deg);
		-moz-transform:rotate(-84deg);
		transform: rotate(-84deg);
	}
	.map_model1 ul li.center .txt {
		padding-left: 22px;
	}
	
	.map_model1 ul li.east div:after {
		width: 93px;
		right: 8px;
	}
	.map_model1 ul li.other {
		bottom: -100px;
	}
	
	.col_model2 {
		padding: 35px 0;
	}
	
	.btn-modelslide-next,
	.btn-modelslide-prev {
		background-size: 85% auto;
	}
	
	.mds1.model2 {
		margin-bottom: 20px;
		font-size: 16px;
	}
	
	.col_bnr_model {
		padding: 40px 0;
	}
	
	.slide_model .soldout dl dt .trim:before {
		background-size: 200% auto;
	}
	
	
	
	/* --------------- model / detail -------------- */
	
	.col_model_d1 {
		padding: 30px 0;
	}
	
	.info_model_l .area {
		font-size: 12px;
	}
	.info_model_l .name {
		font-size: 19px;
	}
	
	.info_model_l dl.catch {
		padding: 20px 10px;
	}
	
	.info_model_l dl.catch dt {
		font-size: 16px;
	}
	
	.btn-model_dslide-next,
	.btn-model_dslide-prev {
		width: 38px;
	}
	
	.img_model_r {
		margin-bottom: 20px;
	}
	
	.img_model_r .swiper-container.main_model .btn-model_dslide-next,
	.img_model_r .swiper-container.main_model .btn-model_dslide-prev {
		display: none;
	}
	
	.info_model_sp p {
		font-size: 13px;
		line-height: 1.6;
	}
	
	.info_model_sp .btn_model_contact1,
	.col_model_d_contact a {
		height: 56px;
		font-size: 14px;
	}
	
	.tbl_model_d th {
		width: 65px;
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.col_model_d2 {
		padding: 30px 0;
	}
	
	.mds1.model_d2 .letter {
		font-size: 19px;
	}
	
	.mds1.model_d2 .gray {
		font-size: 13px;
	}
	
	.col_model_d3 {
		padding: 30px 0 40px;
	}
	
	.txt_model_point {
		margin-bottom: 20px;
		font-size: 16px;
	}
	
	.map_model_d iframe {
		height: 230px;
	}
	
	.mds_model_location {
		font-size: 15px;
	}
	
	.comment_location {
		line-height: 1.6;
	}
	
	.col_model_recommend {
		padding: 30px 0 40px;
	}
	
	.mds_model_d_other {
		margin-bottom: 15px;
		font-size: 15px;
	}
	
	.btn-model_otherslide-next,
	.btn-model_otherslide-prev {
		width: 12%;
		background-size: 13px auto;
	}
	
	
	
	
	
	
	
	
	
}

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



/* ---------------------------------------------------------------
	start max 360px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 360px ) {

	
	/* --------------- model -------------- */
	
	
	.map_model1 {
		width: 300px;
		height: 260px;
	}
	.map_model1 ul li {
		width: 100px;
	}
	
	.map_model1 ul li a {
		height: 35px;
		font-size: 13px;
	}
	
	.map_model1 ul li.north div:after {
		width: 132px;
		left: 83px;
		-ms-transform:rotate(69deg);
		-webkit-transform:rotate(69deg);
		-moz-transform:rotate(69deg);
		transform: rotate(69deg);
	}
	.map_model1 ul li.west div:after {
		width: 73px;
		left: 63px;
		-ms-transform:rotate(67deg);
		-webkit-transform:rotate(67deg);
		-moz-transform:rotate(67deg);
		transform: rotate(67deg);
	}
	.map_model1 ul li.south div:after {
		width: 55px;
		left: 86px;
		-ms-transform:rotate(-20deg);
		-webkit-transform:rotate(-20deg);
		-moz-transform:rotate(-20deg);
		transform: rotate(-20deg);
	}
	.map_model1 ul li.center div:after {
		width: 167px;
		right: 81px;
		-ms-transform:rotate(-81deg);
		-webkit-transform:rotate(-81deg);
		-moz-transform:rotate(-81deg);
		transform: rotate(-81deg);
	}
	.map_model1 ul li.center .txt {
		padding-left: 30px;
	}
	.map_model1 ul li.center .txt br {
		display: none;
	}
	
	.map_model1 ul li.east div:after {
		width: 75px;
		right: 10px;
	}
	.map_model1 ul li.other {
		bottom: -90px;
	}
	.btn-modelslide-next,
	.btn-modelslide-prev {
		background-size: 82% auto;
	}
	.btn-modelslide-next {
		background-size: center left;
	}
	.btn-modelslide-prev {
		background-size: center right;
	}
	

}

/* ---------------------------------------------------------------
	end max 360px
--------------------------------------------------------------- */

