@charset "UTF-8";
/* スマホ・タブレット
----------------------------------------------------------------------------

	共通

	コンセプト
	家づくりスケジュール
	安心へのこだわり
	注文住宅
	安心保証
	ご紹介制度

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	import
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	コンセプト
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #concept .main_area { height: 500px; }
  #concept .main_area .tx > div p { line-height: 2.5; }
  #concept .main_area .slider.slick-slider .slick-track { transform: translate3d(0, 0, 0); }
  #concept .sub_area { background-size: auto 400px; height: 400px; }
  #concept .sub_area .tx > div { justify-content: flex-start; width: 100%; }
  #concept .comment { background-size: auto 300px; padding: 0 10px 380px; }
  #concept .navi_concept > div ul li { padding: 0 10px 0; } }
/*1000px*/
@media screen and (max-width: 768px) { #concept .main_area { height: auto; }
  #concept .main_area .tx { padding: 0 10px 0; }
  #concept .main_area .tx > div p { color: #FFF; line-height: 2; font-size: 20px; }
  #concept .sub_area { background-size: auto 300px; background-position: left 55% top; height: 300px; }
  #concept .sub_area .tx > div p { line-height: 2; font-size: 17px; }
  #concept .comment { background-size: auto 150px; margin-top: 50px; padding: 0 10px 200px; }
  #concept .navi_concept > div { margin: 50px auto 0; padding-top: 50px; }
  #concept .navi_concept > div ul li { padding: 0 5px 0; }
  #concept .navi_concept > div ul li a { height: 50px; font-size: 15px; } }
/*768px*/
@media screen and (max-width: 640px) { #concept .sub_area .tx { background: rgba(255, 255, 255, 0.8); }
  #concept .sub_area .tx > div p { padding: 0; } }
/*640px*/
@media screen and (max-width: 480px) { #concept .main_area .tx > div p { letter-spacing: 0.15em; font-size: 17px; }
  #concept .sub_area { background-position: left 65% top; }
  #concept .sub_area .tx > div { padding: 0; }
  #concept .sub_area .tx > div p br { display: none; }
  #concept .navi_concept > div ul { flex-wrap: wrap; max-width: 300px; }
  #concept .navi_concept > div ul li { padding: 0; width: 100%; }
  #concept .navi_concept > div ul li:nth-of-type(n+2) { margin-top: 10px; } }
/*480px*/
/*--------------------------------------------------------------------------
	家作りスケジュール
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #flow .flow_frm #flow_list ul li { width: 33.33%; }
  #flow .flow_frm #flow_list ul li:nth-of-type(n+4) { margin-top: 20px; }
  #flow .flow_frm .list .item { padding: 30px; }
  #flow .flow_frm .list .item .main { background-size: 210px auto; padding: 0 230px 0 0; min-height: 210px; }
  #flow .flow_frm .list .item:nth-of-type(2n) .main { padding: 0 0 0 230px; } }
/*1000px*/
@media screen and (max-width: 768px) { #flow .flow_frm #flow_list h2 { font-size: 13px; }
  #flow .flow_frm #flow_list ul { margin: 20px auto 0; }
  #flow .flow_frm #flow_list ul li { padding: 0 5px 0; }
  #flow .flow_frm #flow_list ul li a { display: block; }
  #flow .flow_frm #flow_list ul li a > div { padding: 10px 5px 7px; }
  #flow .flow_frm #flow_list ul li a > div > span { padding: 1px 0 0; width: 25px; height: 25px; font-size: 14px; }
  #flow .flow_frm .list .item { margin: 50px auto 0; padding: 15px 15px 20px; }
  #flow .flow_frm .list .item .main { background-size: 150px auto; background-position: center bottom; padding: 0 0 140px; min-height: auto; }
  #flow .flow_frm .list .item .main .title_area { display: block; }
  #flow .flow_frm .list .item .main .title_area > div { display: block; }
  #flow .flow_frm .list .item .main .title_area > div.number { margin: 0 auto 0; width: 50px; }
  #flow .flow_frm .list .item .main .title_area > div.number p { width: 50px; height: 52px; }
  #flow .flow_frm .list .item .main .title_area > div.number p span { font-size: 35px; }
  #flow .flow_frm .list .item .main .title_area > div.t_tx { margin-top: 10px; padding: 0; text-align: center; font-size: 18px; }
  #flow .flow_frm .list .item .main .title_area > div.t_tx p { padding: 0; }
  #flow .flow_frm .list .item .main .title_area > div.t_tx .free { display: block; margin: 5px auto 0; padding: 5px 0 4px; width: 60px; font-size: 12px; }
  #flow .flow_frm .list .item:nth-of-type(2n) .main { background-position: center bottom; padding: 0 0 140px; }
  #flow .flow_frm .list #mailform_tel { margin-top: 40px; }
  #flow .flow_frm .list ul.bg_list { margin: 40px auto 0; }
  #flow .flow_frm .list ul.bg_list li { padding: 0; width: 100%; }
  #flow .flow_frm .list ul.bg_list li:nth-of-type(n+2) { margin-top: 10px; }
  #flow .flow_frm .list ul.bg_list li > div { padding: 15px 10px 10px; }
  #flow .flow_frm .list ul.bg_list li > div p:first-of-type { width: 35px; }
  #flow .flow_frm .list ul.bg_list li > div p:first-of-type span { width: 22px; height: 22px; font-size: 13px; }
  #flow .flow_frm .list .link_button { margin-top: 40px; }
  #flow .flow_frm .list .link_button a { max-width: 300px; line-height: 60px; font-size: 15px; }
  #flow .flow_frm .list .back_btn a { margin: 40px auto 0; } }
/*768px*/
@media screen and (max-width: 480px) { #flow .flow_frm #flow_list ul { max-width: 250px; }
  #flow .flow_frm #flow_list ul li { padding: 0; width: 100%; }
  #flow .flow_frm #flow_list ul li:nth-of-type(n+2) { margin-top: 10px; }
  #flow .flow_frm #flow_list ul li a { display: block; }
  #flow .flow_frm #flow_list ul li a > div { padding: 10px 10px 7px; text-align: left; }
  #flow .flow_frm #flow_list ul li a > div p { display: inline-block; margin: 0 0 0 10px; }
  #flow .flow_frm .list .item { padding: 15px 10px 20px; } }
/*768px*/
/*--------------------------------------------------------------------------
	ご紹介制度
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #introduce .introduce_main { background-size: auto 300px; height: 300px; }
  #introduce .introduce_frm .present > div { padding: 45px 20px 45px; }
  #introduce .introduce_frm .present .contract .flow ul li:nth-of-type(2) { padding: 0 15px 0; max-width: 110px; }
  #introduce .introduce_frm .example ul { max-width: 700px; }
  #introduce .introduce_frm .example ul li { width: 33.33%; }
  #introduce .introduce_frm .example ul li:nth-of-type(n+4) { margin-top: 50px; } }
/*1000px*/
@media screen and (max-width: 768px) { #introduce .introduce_main { background-image: url("../../introduce/img/intro_top_sp.jpg"); background-size: auto 200px; height: 200px; }
  #introduce .introduce_main > div p.logo_image { margin: 0 auto 0; max-width: 200px; }
  #introduce .introduce_main > div p.tx { margin: 10px auto 0; font-size: 18px; }
  #introduce .introduce_frm { padding: 40px 10px 0; }
  #introduce .introduce_frm > div > h2 { font-size: 18px; }
  #introduce .introduce_frm .intro p { text-align: left; font-size: 14px; }
  #introduce .introduce_frm .intro p .sp_no { display: none; }
  #introduce .introduce_frm .intro img { margin-top: 40px; }
  #introduce .introduce_frm .present { margin-top: 50px; }
  #introduce .introduce_frm .present > div { margin-top: 30px; padding: 25px 10px 25px; }
  #introduce .introduce_frm .present > div h2 { font-size: 20px; }
  #introduce .introduce_frm .present > div h2 span { padding: 0 0 10px; }
  #introduce .introduce_frm .present > div p { font-size: 14px; }
  #introduce .introduce_frm .present .visit .quo { max-width: 330px; }
  #introduce .introduce_frm .present .contract .flow { max-width: 400px; }
  #introduce .introduce_frm .present .contract .flow ul { display: block; }
  #introduce .introduce_frm .present .contract .flow ul li { display: block; }
  #introduce .introduce_frm .present .contract .flow ul li .item { display: -webkit-flex; display: flex; flex-grow: 1; }
  #introduce .introduce_frm .present .contract .flow ul li:nth-of-type(1) .item, #introduce .introduce_frm .present .contract .flow ul li:nth-of-type(3) .item { background-size: 120px auto; padding: 122px 15px 20px; }
  #introduce .introduce_frm .present .contract .flow ul li:nth-of-type(1) .item h3, #introduce .introduce_frm .present .contract .flow ul li:nth-of-type(3) .item h3 { padding: 13px 10px 10px; font-size: 18px; }
  #introduce .introduce_frm .present .contract .flow ul li:nth-of-type(1) .pc_no { display: block; margin-top: 5px; font-size: 13px; }
  #introduce .introduce_frm .present .contract .flow ul li:nth-of-type(2) { padding: 20px 0 20px; max-width: 80px; }
  #introduce .introduce_frm .present .contract .flow > p.sp_no { display: none; }
  #introduce .introduce_frm .example { margin-top: 50px; }
  #introduce .introduce_frm .example ul { margin: 30px auto 0; max-width: 500px; }
  #introduce .introduce_frm .example ul li { width: 50%; }
  #introduce .introduce_frm .example ul li:nth-of-type(n+3) { margin-top: 30px; }
  #introduce .introduce_frm .example ul li > div p { margin-top: 10px; font-size: 13px; }
  #introduce .introduce_frm .support { margin-top: 50px; }
  #introduce .introduce_frm .support h2 { margin-top: 40px; }
  #introduce .introduce_frm .support > p { margin-top: 20px; font-size: 13px; }
  #introduce .introduce_frm .staff { margin-top: 50px; padding-top: 50px; }
  #introduce .introduce_frm .staff > p { margin-top: 20px; font-size: 13px; }
  #introduce .introduce_frm .staff .bg_area { margin-top: 30px; padding: 15px; }
  #introduce .introduce_frm .staff .bg_area h3 { font-size: 16px; }
  #introduce .introduce_frm .staff .bg_area p { margin-top: 10px; font-size: 13px; } }
/*768px*/
@media screen and (max-width: 480px) { #introduce .introduce_main { background-size: auto 150px; height: 150px; }
  #introduce .introduce_main > div p.logo_image { margin: 20px auto 0; max-width: 180px; }
  #introduce .introduce_main > div p.tx { font-size: 16px; }
  #introduce .introduce_frm .example h2 { text-align: left; }
  #introduce .introduce_frm .example h2 .sp_no { display: none; }
  #introduce .introduce_frm .example ul li > div p { text-align: left; font-size: 12px; }
  #introduce .introduce_frm .example ul li > div p br { display: none; } }
/*768px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { .navi_security ul { display: block; margin: 0 auto 0; max-width: 600px; }
  .navi_security ul li { padding: 0; width: 100%; }
  .navi_security ul li:nth-of-type(2n) { padding: 0; }
  .navi_security ul li:nth-of-type(n+2) { margin-top: 20px; } }
/*1100px*/
@media screen and (max-width: 1000px) { .security_all .title_area { background-size: auto 250px; height: 250px; }
  .security_all .title_area > div p { font-size: 20px; } }
/*1000px*/
@media screen and (max-width: 768px) { .security_all .title_area { background-size: auto 220px; height: 220px; }
  .security_all .title_area > div { justify-content: flex-start; width: 100%; }
  .security_all .title_area > div p { font-size: 18px; }
  .security_all .intro { margin: 40px auto 0; font-size: 14px; }
  .navi_security { margin: 50px auto 0; padding-top: 50px; }
  .navi_security ul { margin: 0 auto 0; max-width: 600px; }
  .navi_security ul li { padding: 0; width: 100%; }
  .navi_security ul li:nth-of-type(2n) { padding: 0; }
  .navi_security ul li:nth-of-type(n+2) { margin-top: 20px; }
  .navi_security ul li a { align-items: flex-start; background-size: 125px auto; padding: 0 10px 0 140px; height: 70px; font-size: 15px; }
  .navi_security ul li a br.sp_no { display: none; } }
/*768px*/
@media screen and (max-width: 540px) { .navi_security ul { max-width: 400px; }
  .navi_security ul li:nth-of-type(n+2) { margin-top: 10px; }
  .navi_security ul li a { align-items: center; padding: 10px 10px 7px; height: auto; font-size: 14px; }
  .navi_security ul li a br.sp_only { display: block; }
  .navi_security ul li:nth-of-type(1) a, .navi_security ul li:nth-of-type(2) a, .navi_security ul li:nth-of-type(3) a, .navi_security ul li:nth-of-type(4) a { background-image: none; } }
/*540px*/
@media screen and (max-width: 480px) { .security_all .title_area { background-size: auto 150px; height: 150px; }
  .security_all .title_area > div { padding: 0; } }
/*480px*/
/*--------------------------------------------------------------------------
	安心へのこだわり　TOP
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #security_top .fu_item_list section ul { flex-wrap: wrap; max-width: 600px; }
  #security_top .fu_item_list section ul li { padding: 0 10px; width: 50%; }
  #security_top .fu_item_list section ul li:nth-of-type(n+3) { margin-top: 30px; } }
/*1000px*/
@media screen and (max-width: 768px) { #security_top .item_list .item { background-size: 400px auto; padding: 150px 0 0 10px; }
  #security_top .item_list .item:nth-of-type(n+2) { margin-top: 60px; }
  #security_top .item_list .item:nth-of-type(2n) { padding: 130px 10px 0 0; }
  #security_top .item_list .item:nth-of-type(2n) > div { margin: 0 auto 0 0; }
  #security_top .item_list .item > div { padding: 0 15px 15px 15px; }
  #security_top .item_list .item > div .number { padding: 20px 0 10px; }
  #security_top .item_list .item > div .number img { max-width: 20px; }
  #security_top .item_list .item > div h2 { font-size: 18px; }
  #security_top .item_list .item > div .tx p { margin-top: 15px; }
  #security_top .item_list .item > div > a { font-size: 15px; }
  #security_top .fu_item_list { margin-top: 60px; }
  #security_top .fu_item_list > h2 { font-size: 22px; }
  #security_top .fu_item_list section { margin-top: 40px; }
  #security_top .fu_item_list section h3 { background-position: left top 3px; padding-left: 15px; font-size: 20px; }
  #security_top .fu_item_list section > p { margin-top: 15px; }
  #security_top .fu_item_list section ul { flex-wrap: wrap; margin: 30px auto 0; max-width: 600px; }
  #security_top .fu_item_list section ul li { padding: 0 10px; width: 50%; }
  #security_top .fu_item_list section ul li:nth-of-type(n+3) { margin-top: 30px; } }
/*768px*/
@media screen and (max-width: 480px) { #security_top .item_list .item { padding: 150px 5px 0; }
  #security_top .item_list .item:nth-of-type(2n) { padding: 130px 5px 0; }
  #security_top .fu_item_list { margin-top: 60px; }
  #security_top .fu_item_list > h2 { text-align: left; font-size: 20px; }
  #security_top .fu_item_list > h2 .in_blo { display: inline; }
  #security_top .fu_item_list section ul { max-width: 250px; }
  #security_top .fu_item_list section ul li { padding: 0; width: 100%; }
  #security_top .fu_item_list section ul li:nth-of-type(n+2) { margin-top: 20px; } }
/*480px*/
/*--------------------------------------------------------------------------
	全棟「長期優良住宅」を標準仕様
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #security_qu #performance .grade_list ul li:nth-of-type(2) dl dd, #security_qu #performance .grade_list ul li:nth-of-type(3) dl dd { font-size: 18px; }
  #security_qu #performance .perfo_list { max-width: 600px; }
  #security_qu #performance .perfo_list ul { display: block; }
  #security_qu #performance .perfo_list ul li { padding: 0; width: 100%; }
  #security_qu #performance .perfo_list ul li:nth-of-type(2n) { padding: 0; }
  #security_qu #performance .perfo_list ul li:nth-of-type(n+2) { margin-top: 30px; } }
/*1000px*/
@media screen and (max-width: 768px) { #security_qu .title_area { background-image: url(../../security/img/security_qu_main01_sp.jpg); }
  #security_qu #sc_system { display: block; margin: 50px auto 0; padding: 20px 10px 20px; }
  #security_qu #sc_system > div { width: 100%; }
  #security_qu #sc_system .image { padding: 0; }
  #security_qu #sc_system .image p { margin: 0 auto 0; max-width: 350px; }
  #security_qu #sc_system .tx { margin: 30px auto 0; max-width: 400px; }
  #security_qu #sc_system .tx > div .item h2 { background-size: 30px; padding: 3px 0 2px 40px; font-size: 14px; }
  #security_qu #sc_system .tx > div .item ol { margin-top: 10px; }
  #security_qu #sc_system .tx > div .item ol li { font-size: 13px; }
  #security_qu #performance { margin-top: 50px; }
  #security_qu #performance h2 { font-size: 20px; }
  #security_qu #performance .image_area { margin-top: 50px; }
  #security_qu #performance .image_area .image { margin: 0 auto 0; max-width: 400px; }
  #security_qu #performance .image_area .caution { margin: 10px auto 0; max-width: 400px; text-align: left; font-size: 12px; }
  #security_qu #performance .grade_list { max-width: 600px; }
  #security_qu #performance .grade_list ul { display: block; }
  #security_qu #performance .grade_list ul li { width: 100%; }
  #security_qu #performance .grade_list ul li dl { padding: 20px 10px 20px; max-width: 100%; }
  #security_qu #performance .grade_list ul li dl dt { padding: 7px 0 3px; font-size: 15px; }
  #security_qu #performance .grade_list ul li dl dd { margin-top: 13px; }
  #security_qu #performance .grade_list ul li:nth-of-type(1), #security_qu #performance .grade_list ul li:nth-of-type(2), #security_qu #performance .grade_list ul li:nth-of-type(3) { padding: 0; }
  #security_qu #performance .grade_list ul li:nth-of-type(2), #security_qu #performance .grade_list ul li:nth-of-type(3) { margin-top: 20px; }
  #security_qu #performance .grade_list ul li:nth-of-type(2) dl dd, #security_qu #performance .grade_list ul li:nth-of-type(3) dl dd { font-size: 16px; }
  #security_qu #performance .perfo_list { margin: 50px auto 0; }
  #security_qu #performance .perfo_list ul li dl dt { background-size: 20px auto; background-position: left 10px top 18px; padding: 15px 10px 10px 40px; font-size: 16px; }
  #security_qu #performance .perfo_list ul li dl dd { flex-grow: 1; padding: 15px 10px 12px; }
  #security_qu #merit { margin-top: 50px; }
  #security_qu #merit h2 { background-position: left top 1px; padding: 0 0 15px 15px; font-size: 18px; }
  #security_qu #merit ul { margin: 20px auto 0; }
  #security_qu #merit ul li { font-size: 14px; } }
/*768px*/
@media screen and (max-width: 480px) { #security_qu.security_all .title_area > div p br.pc_no { display: block; }
  #security_qu #performance h2 { font-size: 18px; }
  #security_qu #merit { margin-top: 50px; }
  #security_qu #merit h2 { background-position: left top 1px; padding: 0 0 15px 15px; font-size: 18px; }
  #security_qu #merit h2 .sp_only { display: inline; }
  #security_qu #merit h2 .sp_only::before { content: '、'; }
  #security_qu #merit ul { margin: 20px auto 0; }
  #security_qu #merit ul li { font-size: 14px; } }
/*480px*/
/*--------------------------------------------------------------------------
	全棟「省令準耐火構造」
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #security_fi section .cost ul li dl dt { font-size: 17px; }
  #security_fi section .cost ul li:nth-of-type(2) { max-width: 50px; } }
/*900px*/
@media screen and (max-width: 768px) { #security_fi .title_area { background-image: url("../../security/img/security_fi_main02_sp.jpg"); }
  #security_fi section { margin-top: 50px; }
  #security_fi section .number { background-position: left top 4px; }
  #security_fi section .number p { padding-left: 15px; font-size: 24px; }
  #security_fi section h2 { margin-top: 20px; padding: 0 0 15px; font-size: 20px; }
  #security_fi section > p { margin-top: 15px; }
  #security_fi section .cost { margin-top: 40px; }
  #security_fi section .cost ul { flex-wrap: wrap; max-width: 500px; }
  #security_fi section .cost ul li dl dt, #security_fi section .cost ul li dl dd { padding: 11px 10px 8px; min-height: 60px; }
  #security_fi section .cost ul li dl dt { font-size: 15px; }
  #security_fi section .cost ul li dl dd { font-size: 18px; }
  #security_fi section .cost ul li:nth-of-type(2) { padding: 15px; max-width: 100%; }
  #security_fi section .cost ul li:nth-of-type(2) img { max-width: 20px; }
  #security_fi section .cost .bg_tx { max-width: 300px; font-size: 18px; } }
/*768px*/
@media screen and (max-width: 480px) { #security_fi section .cost ul li dl dt { font-size: 14px; }
  #security_fi section .cost ul li dl dd { max-width: 120px; font-size: 17px; }
  #security_fi section .cost ul li:nth-of-type(2) img { max-width: 15px; }
  #security_fi section .cost .bg_tx { margin-top: 40px; } }
/*480px*/
/*--------------------------------------------------------------------------
	全棟「構造計算」実施
--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { #security_st section.power ul li:last-of-type { margin-top: 20px; width: 100%; }
  #security_st section.power ul li:last-of-type > div { width: 100%; max-width: 100%; }
  #security_st section.power ul li:last-of-type > div p { text-align: right; }
  #security_st section.verification ul li > div p { text-align: left; }
  #security_st section.verification ul li > div p br { display: none; } }
/*1100px*/
@media screen and (max-width: 768px) { #security_st .title_area { background-image: url("../../security/img/security_st_main03_sp.jpg"); }
  #security_st .info { background-position: right 15px top 40px; background-size: 100px auto; padding: 20px 130px 20px 10px; min-height: auto; }
  #security_st .info h2 { font-size: 20px; }
  #security_st .info p { font-size: 14px; }
  #security_st section { border: none; margin: 40px auto 0; padding: 20px 0 15px; }
  #security_st section h2 { background-position: left top 3px; padding: 0 0 15px 15px; font-size: 20px; }
  #security_st section ul { margin: 20px auto 0; }
  #security_st section ul li { width: 50%; }
  #security_st section ul li:nth-of-type(n) { padding: 0 10px 0 0; }
  #security_st section ul li:nth-of-type(2n) { padding: 0 0 0 10px; }
  #security_st section ul li:nth-of-type(n+3) { margin-top: 30px; }
  #security_st section ul li > div h3 { margin-top: 10px; font-size: 20px; }
  #security_st section ul li > div p { margin-top: 5px; }
  #security_st .end_info { margin: 50px auto 0; max-width: 450px; }
  #security_st .end_info > div { padding: 20px 10px 15px; }
  #security_st .end_info > div p { font-size: 19px; }
  #security_st .end_info .caution { margin-top: 10px; text-align: left; } }
/*768px*/
@media screen and (max-width: 480px) { #security_st .info { background-position: center bottom 10px; background-size: 80px auto; padding: 20px 10px 130px; }
  #security_st section ul { max-width: 300px; }
  #security_st section ul li { width: 100%; }
  #security_st section ul li:nth-of-type(n) { padding: 0; }
  #security_st section ul li:nth-of-type(2n) { padding: 0; }
  #security_st section ul li:nth-of-type(n+2) { margin-top: 30px; }
  #security_st section.power ul li:last-of-type > div p { text-align: left; }
  #security_st section.grade ul { max-width: 100%; }
  #security_st .end_info > div p br { display: none; }
  #security_st .end_info > div p .tx_blo { display: block; } }
/*480px*/
/*--------------------------------------------------------------------------
	全棟「制震ユニット・ミライエシグマ」搭載※
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #security_mi .title_area > div p { padding: 0; }
  #security_mi .full_area > div { background-size: 250px auto; padding: 75px 10px 75px 300px; }
  #security_mi .full_area > div h2 { font-size: 32px; } }
/*1000px*/
@media screen and (max-width: 768px) { #security_mi .title_area { background-image: url("../../security/img/security_mi_main04_sp.jpg"); }
  #security_mi h2.sub_t { font-size: 22px; }
  #security_mi .info { margin-top: 50px; }
  #security_mi .info .logo_img { max-width: 400px; }
  #security_mi .info .bg_tx { margin: 40px auto 0; font-size: 18px; }
  #security_mi .full_area > div { background-size: 180px auto; padding: 50px 10px 50px; }
  #security_mi .full_area > div h2 { padding: 0 0 0 200px; font-size: 25px; }
  #security_mi .full_area > div h2 + p { margin-top: 50px; }
  #security_mi .full_area > div p { margin-top: 20px; font-size: 14px; }
  #security_mi .graph { margin-top: 50px; }
  #security_mi .graph ul.flex_list { display: block; max-width: 450px; }
  #security_mi .graph ul.flex_list li { padding: 0; width: 100%; }
  #security_mi .graph ul.flex_list li:last-of-type { margin-top: 30px; }
  #security_mi .earthquake { margin-top: 60px; }
  #security_mi .earthquake > p { margin-top: 30px; }
  #security_mi .earthquake ul.flex_list { margin: 40px auto 0; }
  #security_mi .earthquake ul.flex_list li > div h3 { font-size: 20px; }
  #security_mi .point { margin-top: 60px; }
  #security_mi .point ul.flex_list { margin: 40px auto 0; }
  #security_mi .point ul.flex_list li { padding: 0 5px 0; }
  #security_mi .point ul.flex_list li:nth-of-type(n+3) { margin-top: 20px; }
  #security_mi .point ul.flex_list li > div { flex-grow: 1; padding: 10px; }
  #security_mi .point ul.flex_list li > div h3 { padding: 10px 10px 7px; font-size: 16px; }
  #security_mi .other_link { margin: 50px auto 0; }
  #security_mi .other_link a { padding: 17px 10px 20px; }
  #security_mi .other_link a p { font-size: 18px; } }
/*768px*/
@media screen and (max-width: 480px) { #security_mi .title_area { background-position: left 70% top; }
  #security_mi .title_area > div { background-color: rgba(255, 255, 255, 0.5); }
  #security_mi .title_area > div p { font-size: 16px; }
  #security_mi .info .bg_tx { text-align: left; }
  #security_mi .info .bg_tx .sp_no { display: inline; }
  #security_mi .full_area > div { background-position: center top; padding: 190px 10px 50px; }
  #security_mi .full_area > div h2 { padding: 0; }
  #security_mi .full_area > div h2 + p { margin-top: 30px; }
  #security_mi .earthquake > p { margin-top: 30px; }
  #security_mi .earthquake ul.flex_list { flex-wrap: wrap; max-width: 450px; }
  #security_mi .earthquake ul.flex_list li { padding: 0; width: 100%; }
  #security_mi .earthquake ul.flex_list li > div { max-width: 450px; }
  #security_mi .earthquake ul.flex_list li:last-of-type { margin-top: 30px; }
  #security_mi .point ul.flex_list { margin: 30px auto 0; max-width: 450px; }
  #security_mi .point ul.flex_list li { padding: 0; width: 100%; }
  #security_mi .point ul.flex_list li:nth-of-type(n+2) { margin-top: 20px; }
  #security_mi .point ul.flex_list li > div { flex-grow: 1; padding: 10px; }
  #security_mi .point ul.flex_list li > div h3 { padding: 10px 10px 7px; font-size: 16px; }
  #security_mi .point ul.flex_list li > div p { margin-top: 15px; }
  #security_mi .other_link a p { font-size: 15px; } }
/*480px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #chumonjutaku .main_area { height: 400px; }
  #chumonjutaku .main_area .tx { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 10px 0; width: 100%; color: #FFF; }
  #chumonjutaku .main_area .tx > div { margin: 0 auto 0; width: 100%; max-width: 900px; }
  #chumonjutaku .main_area .tx > div > div { max-width: 350px; }
  #chumonjutaku .main_area .tx > div > div h2 { display: inline-block; border-bottom: 3px solid #FFF; padding: 0 0 15px; line-height: 1; font-size: 35px; font-weight: 500; font-family: "Barlow Semi Condensed", serif; }
  #chumonjutaku .main_area .tx > div > div p { margin-top: 15px; font-size: 14px; }
  #chumonjutaku .main_area .slider { margin: 0 auto 0; width: 110%; }
  #chumonjutaku .main_area .slider.slick-slider .slick-track .slick-img img { width: auto; height: 400px; } }
/*768px*/
/*--------------------------------------------------------------------------
	注文住宅　北海道一覧
--------------------------------------------------------------------------*/
@media screen and (max-width: 1180px) { #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name { margin-top: -30px; padding-top: 30px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info { display: block; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .ph { margin: 0 auto 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx { margin: 30px auto 0; padding: 0; max-width: 540px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list { max-width: 800px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list ul { grid-template-columns: repeat(2, 1fr); } }
/*1100px*/
@media screen and (max-width: 768px) { #chumonjutaku.h_top .main_area .slider.slick-slider .slick-track .slick-img img { height: 300px; }
  #chumonjutaku.h_top .chumonjutaku_frm { margin: -250px auto 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div a { padding: 10px 10px 10px; }
  #chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div a span { background-size: 30px auto; padding: 0 0 20px; font-size: 25px; }
  #chumonjutaku.h_top .chumonjutaku_frm .main_tx { margin: 30px auto 0; max-width: 960px; }
  #chumonjutaku.h_top .chumonjutaku_frm .main_tx p { font-size: 14px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area { margin: 70px auto 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area + .brand_area { margin: 50px auto 0; padding-top: 50px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name { margin-top: -10px; padding-top: 10px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name h2 { margin-right: 15px; font-size: 30px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name .to_area a { background-size: 12px auto; padding: 10px 30px 8px 10px; font-size: 13px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info { margin: 30px auto 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx { margin: 20px auto 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx h3 { padding: 0 0 10px 15px; background-position: left top 2px; font-size: 16px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add { margin-top: 10px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div p:last-of-type { margin-left: 10px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div p:last-of-type a { padding: 7px 5px 5px; font-size: 12px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .tel > div:nth-of-type(n+2) { margin-left: 30px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .tel > div span { background-size: 30px auto; padding: 5px 0 5px 36px; font-size: 25px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list { margin: 40px auto 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list ul { gap: 20px; } }
/*768px*/
@media screen and (max-width: 640px) { #chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div a { padding: 10px 5px 10px; }
  #chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div a span { font-size: 18px; }
  #chumonjutaku.h_top .chumonjutaku_frm .main_tx { margin: 20px auto 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area { margin: 50px auto 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add { margin-top: 10px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div p:last-of-type { margin-left: 10px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div p:last-of-type a { padding: 7px 5px 5px; font-size: 12px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .tel > div:nth-of-type(n+2) { margin-left: 30px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .tel > div span { background-size: 30px auto; padding: 5px 0 5px 36px; font-size: 25px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list { margin: 30px auto 0; max-width: 400px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list ul { grid-template-columns: repeat(1, 1fr); gap: 15px 0; } }
/*640px*/
@media screen and (max-width: 480px) { #chumonjutaku.h_top .main_area .slider.slick-slider .slick-track .slick-img img { height: 250px; }
  #chumonjutaku.h_top .chumonjutaku_frm { margin: -280px auto 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div a span { font-size: 16px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div { display: block; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div p:last-of-type { margin: 5px auto 0 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .tel { display: block; margin: 15px auto 0; max-width: 210px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .tel > div:nth-of-type(n+2) { margin: 5px auto 0 0; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list { max-width: 400px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list ul { display: block; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list ul li:nth-of-type(n+2) { margin-top: 15px; } }
/*480px*/
@media screen and (max-width: 360px) { #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name { display: block; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name h2 { display: block; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name .to_area { display: block; margin-top: 10px; max-width: 250px; }
  #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name .to_area a { display: block; } }
/*360px*/
/*--------------------------------------------------------------------------
	注文住宅　地域ページ共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list > div { width: 12.5%; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list.sf_over8 { justify-content: flex-start; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 { gap: 45px 40px; } }
/*900px*/
@media screen and (max-width: 768px) { #chumonjutaku.chumon_sub .chumonjutaku_frm { padding: 40px 10px 0; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm > div:nth-of-type(n+2) { margin-top: 50px; padding-top: 50px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm > div.event_on { margin-top: 0; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .ct_title h2 { font-size: 23px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .ct_title + .area_name_b { margin-top: 40px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .link_list { margin: 40px auto 0; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item .eve_cap > h3 { font-size: 18px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item dl dt { width: 80px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item dl dd { padding: 10px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_b > p { background-position: left top 4px; padding-left: 15px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_b > p span.an_eng { font-size: 25px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_b > p span.an_jp { font-size: 14px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_b.tx_long > p { display: block; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_b.tx_long > p span.an_jp { display: block; padding: 6px 0 0; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_s > p { background-position: left top 4px; padding-left: 15px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_s > p span.an_eng { font-size: 18px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_s > p span.an_jp { padding: 1px 0 0 10px; font-size: 13px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev ul.categories li { font-size: 13px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev ul.categories li.cat { min-width: 130px; margin-right: 5px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list.line_set:before { content: none; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div { border-bottom: 1px solid #cccbc9; padding: 0 0 50px; width: 100%; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div:nth-of-type(n+2) { margin-top: 50px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item { margin: 0 auto 0; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .eve_cap .area_name_s { margin-top: 10px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .eve_cap > h3 { font-size: 18px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .note { margin-top: 10px; font-size: 13px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .ar_btn { margin-top: 20px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .ar_btn a { font-size: 14px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev #post_none p { padding: 15px 10px 12px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list > div { width: 16.6%; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list.sf_over6 { justify-content: flex-start; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .banner { margin: 40px auto 0; max-width: 400px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 { display: grid; grid-template-columns: repeat(1, 1fr); align-items: center; gap: 50px 0; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 > div { display: grid; grid-template-rows: subgrid; margin: 0 auto 0; max-width: 540px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 > div a .tx h2 { background-position: left top 1px; padding-left: 15px; font-size: 20px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 > div a .tx p { margin-top: 10px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 ul li { padding: 0 5px 0; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 ul li a { height: 50px; font-size: 15px; } }
/*768px*/
@media screen and (max-width: 480px) { #chumonjutaku.chumon_sub .chumonjutaku_frm .ct_title h2 { font-size: 18px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .ct_title p { text-align: left; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm .ct_title p .in_blo { display: inline; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list > div { width: 25%; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list.sf_over4 { justify-content: flex-start; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 > div ul { flex-wrap: wrap; max-width: 300px; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 > div ul li { padding: 0; width: 100%; }
  #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 > div ul li:nth-of-type(n+2) { margin-top: 10px; } }
/*480px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	安心保証
--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li { padding: 0 10px 0; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li { padding: 0 10px 0; } }
/*1100px*/
@media screen and (max-width: 1000px) { #guarantee .guarantee_frm .guarantee_main { background-position: center left 60%; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi { max-width: 600px; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul { display: block; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li { display: block; padding: 0; width: 100%; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li:nth-of-type(n+2) { margin-top: 20px; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a { display: block; background-position: bottom 20px center; padding: 20px 15px 50px; text-align: center; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a h2 { display: inline-block; background-size: 50px auto; background-position: center right; margin-top: 15px; padding: 10px 70px 10px 0; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.number { padding: 0 0 10px; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.time { margin-top: 15px; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.tx { margin-top: 20px; text-align: left; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link { width: 370px; padding: 0 0 0 20px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li p { background-size: 70px auto; background-position: left 10px top 10px; padding: 18px 20px 15px 90px; min-height: 90px; font-size: 16px; } }
/*1000px*/
@media screen and (max-width: 900px) { #guarantee .guarantee_frm .guarantee_wrap section.item > div { display: block; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div > div { display: block; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_text { padding: 0; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link { margin: 30px auto 0; padding: 0; width: 100%; max-width: 370px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three { display: block; max-width: 400px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li { display: block; padding: 0; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li:nth-of-type(n+2) { margin-top: 10px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li p { padding: 32px 10px 10px 90px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li p br { display: none; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list { flex-wrap: wrap; margin: 0 auto 0; max-width: 600px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li { padding: 0 5px 0; width: 100%; max-width: 33.33%; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li:nth-of-type(n+4) { margin-top: 30px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area { max-width: 600px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame { display: block; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame.f_head { display: none; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame:nth-of-type(n+2) { margin-top: 20px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame:nth-of-type(3), #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame:nth-of-type(5) { background: #FFF; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame h3, #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div { display: block; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame h3 { display: block; background: #6b6d79; border: none; padding: 10px 10px 8px; width: 100%; color: #FFF; font-size: 14px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul { display: block; border-bottom: 4px double #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; width: 100%; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul:last-of-type li::before { background: #dddddd; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li { display: table; vertical-align: middle; border-bottom: 1px solid #cccccc; border-right: none; width: 100%; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li:last-of-type { border-bottom: none; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.text01 { padding: 0; text-align: left; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.text01::before { content: '故障内容'; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.text02 { padding: 0; width: 100%; text-align: left; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.text02::before { content: '修理内容'; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay { padding: 0; width: 100%; text-align: left; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay::before { content: '修理費用(目安)'; vertical-align: text-bottom; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay .pay_box { display: inline-block; vertical-align: bottom; margin: 0; max-width: 180px; padding: 0 0 0 10px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay dl { display: table; padding: 0; width: auto; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li::before, #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li .sp_style, #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li .pay_box { display: table-cell; vertical-align: top; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li::before { background: #eeeeee; padding: 10px; width: 110px; text-align: center; font-size: 13px; font-weight: 500; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li .sp_style { padding: 10px 10px 8px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area { max-width: 600px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case { display: block; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div { display: block; } }
/*900px*/
@media screen and (max-width: 768px) { #guarantee .guarantee_frm .guarantee_main { background-position: center left 60%; background-size: auto 167px; height: 167px; }
  #guarantee .guarantee_frm .guarantee_main > div { padding: 0 0 0 10px; width: 50%; height: 100%; }
  #guarantee .guarantee_frm .guarantee_main > div > div p:last-child { padding: 10px 0 0; font-size: 16px; }
  #guarantee .guarantee_frm .guarantee_main > div > div p img { max-width: 150px; }
  #guarantee .guarantee_frm .guarantee_wrap { margin: 40px auto 0; }
  #guarantee .guarantee_frm .guarantee_wrap .old_link a { padding: 15px 10px 15px; font-size: 13px; }
  #guarantee .guarantee_frm .guarantee_wrap .old_link strong { color: #002065; }
  #guarantee .guarantee_frm .guarantee_wrap .old_link:hover strong, #guarantee .guarantee_frm .guarantee_wrap .old_link:active strong { text-decoration: underline; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi { margin: 50px auto 0; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a { background-size: 15px auto; background-position: bottom 20px center; padding: 15px 10px 40px; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a h2 { padding: 15px 70px 15px 0; font-size: 16px; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.number span { font-size: 25px; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.time { margin-top: 10px; font-size: 18px; }
  #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.time .year { font-size: 30px; }
  #guarantee .guarantee_frm .guarantee_wrap .tel_info { margin: 50px auto 0; max-width: 400px; }
  #guarantee .guarantee_frm .guarantee_wrap .tel_info > p { font-size: 18px; }
  #guarantee .guarantee_frm .guarantee_wrap .tel_info ul { display: block; margin: 40px auto 0; }
  #guarantee .guarantee_frm .guarantee_wrap .tel_info ul li { display: block; padding: 15px 10px 10px; }
  #guarantee .guarantee_frm .guarantee_wrap .tel_info ul li:first-child { width: 100%; font-size: 16px; }
  #guarantee .guarantee_frm .guarantee_wrap .tel_info ul li:first-child .sub_tx { font-size: 15px; }
  #guarantee .guarantee_frm .guarantee_wrap .tel_info ul li a[href^="tel:"] { pointer-events: auto; }
  #guarantee .guarantee_frm .guarantee_wrap .tel_info ul li a .number { background-size: 30px auto; padding: 0 0 0 40px; font-size: 27px; }
  #guarantee .guarantee_frm .guarantee_wrap .main_area { margin: 50px auto 0; }
  #guarantee .guarantee_frm .guarantee_wrap .main_area h2 { font-size: 22px; }
  #guarantee .guarantee_frm .guarantee_wrap .main_area .image { margin: 50px auto 0; }
  #guarantee .guarantee_frm .guarantee_wrap .main_area + section { margin-top: 60px; }
  #guarantee .guarantee_frm .guarantee_wrap section { margin: 50px auto 0; padding: 50px 0 0; }
  #guarantee .guarantee_frm .guarantee_wrap section h2 { padding-left: 15px; font-size: 18px; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div { margin-top: 15px; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link { margin: 20px auto 0; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a { background-position: right 10px center; font-size: 15px; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a.img_link p { font-size: 13px; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a.img_link p:first-child { width: 60px; padding: 12px 0 12px 10px; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a.img_link p:first-child img { height: auto; }
  #guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a.img_link p span { font-size: 20px; }
  #guarantee .guarantee_frm .guarantee_wrap section > h2 { background-position: left top; }
  #guarantee .guarantee_frm .guarantee_wrap section .title_area div { padding: 0 20px 20px 0; }
  #guarantee .guarantee_frm .guarantee_wrap section .title_area .number { font-size: 35px; width: 55px; }
  #guarantee .guarantee_frm .guarantee_wrap section .title_area h2 { background-position: left top 6px; padding: 5px 0 0 15px; font-size: 18px; }
  #guarantee .guarantee_frm .guarantee_wrap section .img_area { margin-top: 40px; }
  #guarantee .guarantee_frm .guarantee_wrap section#long_p .img_area { padding: 10px; }
  #guarantee .guarantee_frm .guarantee_wrap section#long_p .caution { margin-top: 13px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground .title_area + p { margin-top: 40px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image { display: block; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li { display: block; padding: 0; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li:nth-of-type(2), #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li:nth-of-type(4) { padding: 8px 0 5px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li:nth-of-type(2) img, #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li:nth-of-type(4) img { width: 20px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li h3 { font-size: 16px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.cost li { padding: 0 5px 0; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.cost li p { font-size: 16px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground > h3 { margin-top: 40px; font-size: 18px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground .caution { margin-top: 15px; font-size: 13px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility > h3 { margin-top: 40px; font-size: 18px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility > .caution { margin-top: 15px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three { margin: 40px auto 0; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li p { padding: 32px 10px 10px 90px; font-size: 15px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li p br { display: none; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list { max-width: 600px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five { margin-top: 15px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li { padding: 0 5px 0; width: 100%; max-width: 33.33%; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li:nth-of-type(n+4) { margin-top: 30px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li h4 { padding: 10px 0 7px; font-size: 14px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li p { padding: 10px 10px 7px; font-size: 12px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li p .caution { font-size: 12px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame h3 { font-size: 13px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay dl dt, #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay dl dd { font-size: 13px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li::before { font-size: 13px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area { padding: 12px 10px 10px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area h3 { margin-bottom: 10px; font-size: 15px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div dl dt { width: 130px; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div dl dd { padding: 6px 10px 5px; }
  #guarantee .guarantee_frm .guarantee_wrap section#after_info .tel_info { margin: 30px auto 0; }
  #guarantee .guarantee_frm .guarantee_wrap section#after_info .tel_info ul { margin: 0 auto 0; }
  #guarantee .guarantee_frm .guarantee_wrap section#after_info > div:last-of-type { margin-top: 30px; } }
/*768px*/
@media screen and (max-width: 640px) { #guarantee .guarantee_frm .guarantee_wrap section#ground .title_area + p { margin-top: 40px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.cost { display: block; margin: 15px auto 0; width: 100%; max-width: 400px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.cost li { display: block; padding: 0; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.cost li:nth-of-type(n+2) { margin-top: 10px; }
  #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.cost li p { padding: 15px 10px 10px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list { max-width: 400px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li { max-width: 50%; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li:nth-of-type(n+3) { margin-top: 30px; } }
/*640px*/
@media screen and (max-width: 480px) { #guarantee .guarantee_frm .guarantee_main > div > div p:last-child { padding: 5px 0 0; font-size: 15px; }
  #guarantee .guarantee_frm .guarantee_main > div > div p img { max-width: 120px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three { max-width: 300px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li p { padding: 20px 10px 10px 100px; }
  #guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li p br { display: block; }
  #guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div dl dt { width: 95px; } }
/*480px*/
/*-------2024年3月31日までにご契約の方--------*/
@media screen and (max-width: 900px) { #guarantee_oldtype section > div { display: block; }
  #guarantee_oldtype section > div > div { display: block; }
  #guarantee_oldtype section > div .grt_link { margin: 30px auto 0; padding: 0; width: 100%; max-width: 410px; }
  #guarantee_oldtype section > div .grt_link a.img_link p { font-size: 12px; }
  #guarantee_oldtype section > div .grt_link a.img_link p:first-child { width: 60px; padding: 12px 0 12px 15px; }
  #guarantee_oldtype section > div .grt_link a.img_link p span { font-size: 20px; } }
/*900px*/
@media screen and (max-width: 800px) { #guarantee_oldtype .guarantee_main { background-image: url(../../guarantee/img/guarantee_main_800_typeold.jpg); background-position: right top; background-size: cover; }
  #guarantee_oldtype .guarantee_main > div p { text-shadow: 1px 1px rgba(255, 255, 255, 0.5); text-align: left; }
  #guarantee_oldtype .guarantee_main > div p img { margin-left: 50px; } }
/*800px*/
@media screen and (max-width: 640px) { #guarantee_oldtype .guarantee_main { background-image: url("../../guarantee/img/guarantee_main_sp_typeold.jpg"); padding: 0; width: 100%; height: 167px; }
  #guarantee_oldtype .guarantee_main > div p { margin: 0; padding: 10px 0 0 10px; width: 300px; font-size: 16px; font-weight: 500; }
  #guarantee_oldtype .guarantee_main > div p:first-child { padding: 15px 0 0 0; }
  #guarantee_oldtype .guarantee_main > div p img { max-width: 80px; }
  #guarantee_oldtype .guarantee_wrap { padding: 0 10px 0; }
  #guarantee_oldtype .guarantee_wrap > h2.announce { margin-top: 30px; font-size: 16px; }
  #guarantee_oldtype .guarantee_wrap > p { margin: 20px auto 30px; }
  #guarantee_oldtype section { padding: 50px 0 50px; }
  #guarantee_oldtype section h2 { margin: 0 0 15px; padding: 0 0 0 10px; font-size: 16px; }
  #guarantee_oldtype section > div .grt_link a { font-size: 15px; }
  #guarantee_oldtype section > div .grt_link a.img_link p:first-child { width: 75px; }
  #guarantee_oldtype section > div .grt_link ul li a { font-size: 14px; }
  #guarantee_oldtype section ul.logo_link { display: block; margin: 0 auto 0; max-width: 400px; }
  #guarantee_oldtype section ul.logo_link li { display: block; padding: 0; }
  #guarantee_oldtype section ul.logo_link li:nth-of-type(n+2) { margin-top: 10px; }
  #guarantee_oldtype section ul.logo_link li a { background-size: 25px auto; height: 70px; }
  #guarantee_oldtype section ul.logo_link li a p { padding-right: 30px; font-size: 14px; }
  #guarantee_oldtype section ul.logo_link li a p:first-child { padding: 0 10px; width: 70px; }
  #guarantee_oldtype section ul.logo_link li a p br { display: block; } }
/*640px*/
/*-------2024年3月31日までにご契約の方 end--------*/

/*# sourceMappingURL=sp_02.css.map */