@charset "UTF-8";
/*---------------------------------------------------------------------------

	共通

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

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	import
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	コンセプト
--------------------------------------------------------------------------*/
#sub_title.concept { background-image: url("../../concept/img/titleback_concept.jpg"); }

#concept .main_area { position: relative; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; margin: 0 auto 0; max-width: 2220px; height: 660px; }
#concept .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 20px 0; width: 100%; }
#concept .main_area .tx > div { margin: 0 auto 0; width: 100%; max-width: 1050px; }
#concept .main_area .tx > div p { color: #FFF; line-height: 2.7; letter-spacing: 0.22em; font-size: 25px; font-weight: 700; }
#concept .main_area .slider { margin-inline: auto; overflow: hidden; width: 100%; }
#concept .main_area .slider.slick-slider .slick-track { /*min1500px*/ transform: translate3d(0, -20%, 0); }
@media screen and (min-width: 1500px) { #concept .main_area .slider.slick-slider .slick-track { transform: translate3d(0, -25%, 0); } }
#concept .main_area .slider.slick-slider .slick-track .add-animation { animation: zoom 10s linear 0s normal both; }
#concept .main_area .slider.slick-slider .slick-track .slick-img img { width: 100%; }
@keyframes zoom { 100% { transform: scale(1); }
  0% { transform: scale(1.2); } }
#concept .sub_area { background: url("../../concept/img/concept_img_01.jpg") center top no-repeat; background-size: auto 460px; height: 460px; }
#concept .sub_area .tx { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; padding: 10px; width: 100%; height: 100%; }
#concept .sub_area .tx > div { display: -webkit-flex; display: flex; align-items: center; margin: 0 auto 0; width: 100%; max-width: 1050px; height: 100%; }
#concept .sub_area .tx > div p { line-height: 2.2; font-size: 20px; }
#concept .comment { background: url("../../concept/img/concept_img_02.jpg") center bottom no-repeat; background-size: auto 400px; margin-top: 80px; padding: 0 10px 480px; }
#concept .comment > div { margin: 0 auto 0; max-width: 960px; }
#concept .comment > div p:nth-of-type(n+2) { margin-top: 30px; }
#concept .navi_concept { padding: 0 10px 0; }
#concept .navi_concept > div { border-top: 1px solid #cccbc9; margin: 60px auto 0; padding-top: 60px; max-width: 1160px; }
#concept .navi_concept > div ul { margin: 0 auto 0; }
#concept .navi_concept > div ul li { padding: 0 20px 0; width: 33.33%; }
#concept .navi_concept > div ul li a { border: 1px solid #1c223c; padding: 15px 10px 10px; width: 100%; height: 75px; font-size: 17px; }
#concept .navi_concept > div ul li a:hover, #concept .navi_concept > div ul li a:active { background: #1c223c; color: #FFF; }

/*--------------------------------------------------------------------------
	家作りスケジュール
--------------------------------------------------------------------------*/
#sub_title.flow { background-image: url("../../flow/img/titleback_schedule.jpg"); }

#flow .flow_frm { margin: 0 auto 0; max-width: 1160px; }
#flow .flow_frm #flow_list h2 { text-align: center; font-size: 15px; font-weight: 500; }
#flow .flow_frm #flow_list ul { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 30px auto 0; }
#flow .flow_frm #flow_list ul li { padding: 0 10px 0; width: 16.66%; }
#flow .flow_frm #flow_list ul li a { display: block; }
#flow .flow_frm #flow_list ul li a > div { background: #e4e4e4; padding: 20px 5px 15px; text-align: center; }
#flow .flow_frm #flow_list ul li a > div > span { display: inline-block; background: #1c223c; padding: 1px 0 0; width: 28px; height: 28px; color: #FFF; text-align: center; font-size: 16px; }
#flow .flow_frm #flow_list ul li a > div p { margin-top: 5px; line-height: 1.5; }
#flow .flow_frm #flow_list ul li a:hover > div, #flow .flow_frm #flow_list ul li a:active > div { background: #1c223c; }
#flow .flow_frm #flow_list ul li a:hover > div > span, #flow .flow_frm #flow_list ul li a:active > div > span { background: #FFF; color: #1b213b; }
#flow .flow_frm #flow_list ul li a:hover > div p, #flow .flow_frm #flow_list ul li a:active > div p { color: #FFF; }
#flow .flow_frm .list .item { border: 3px solid #e4e4e4; border-radius: 20px; margin: 100px auto 0; padding: 50px; }
#flow .flow_frm .list .item .main { background-size: 280px auto; background-position: right top; background-repeat: no-repeat; padding: 0 330px 0 0; min-height: 210px; }
#flow .flow_frm .list .item .main .title_area { display: table; width: 100%; }
#flow .flow_frm .list .item .main .title_area > div { display: table-cell; vertical-align: middle; }
#flow .flow_frm .list .item .main .title_area > div.number { width: 80px; }
#flow .flow_frm .list .item .main .title_area > div.number p { display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-bottom: 3px solid #1c223c; width: 80px; height: 83px; }
#flow .flow_frm .list .item .main .title_area > div.number p span { display: inline-block; font-size: 58px; font-family: "Barlow Semi Condensed", serif; font-weight: 500; }
#flow .flow_frm .list .item .main .title_area > div.t_tx { padding: 0 0 0 30px; font-size: 20px; }
#flow .flow_frm .list .item .main .title_area > div.t_tx p { display: inline; vertical-align: sub; padding: 0 15px 0 0; }
#flow .flow_frm .list .item .main .title_area > div.t_tx .free { display: inline-block; vertical-align: sub; background: #c71c2f; padding: 8px 0 6px; width: 80px; color: #FFF; line-height: 1; text-align: center; font-size: 16px; font-weight: 700; }
#flow .flow_frm .list .item .main .tx_area { margin-top: 25px; }
#flow .flow_frm .list .item:nth-of-type(2n) .main { background-position: left top; padding: 0 0 0 330px; }
#flow .flow_frm .list .item:nth-of-type(1) .main { background-image: url("../../flow/img/flow_01.png"); }
#flow .flow_frm .list .item:nth-of-type(2) .main { background-image: url("../../flow/img/flow_02.png"); }
#flow .flow_frm .list .item:nth-of-type(3) .main { background-image: url("../../flow/img/flow_03.png"); }
#flow .flow_frm .list .item:nth-of-type(4) .main { background-image: url("../../flow/img/flow_04.png"); }
#flow .flow_frm .list .item:nth-of-type(5) .main { background-image: url("../../flow/img/flow_05.png"); }
#flow .flow_frm .list .item:nth-of-type(6) .main { background-image: url("../../flow/img/flow_06.png"); }
#flow .flow_frm .list #mailform_tel { margin-top: 50px; }
#flow .flow_frm .list ul.bg_list { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 50px auto 0; }
#flow .flow_frm .list ul.bg_list li { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 10px 0; width: 50%; }
#flow .flow_frm .list ul.bg_list li:nth-of-type(n+3) { margin-top: 20px; }
#flow .flow_frm .list ul.bg_list li > div { display: table; width: 100%; flex-grow: 1; background: #ececec; padding: 30px 30px 27px; }
#flow .flow_frm .list ul.bg_list li > div p { display: table-cell; vertical-align: top; }
#flow .flow_frm .list ul.bg_list li > div p:first-of-type { width: 48px; }
#flow .flow_frm .list ul.bg_list li > div p:first-of-type span { display: block; background: #1c223c; width: 28px; height: 28px; color: #FFF; text-align: center; font-size: 16px; font-family: "Barlow Semi Condensed", serif; font-weight: 500; }
#flow .flow_frm .list .link_button { margin-top: 40px; }
#flow .flow_frm .list .link_button a { display: block; background: #1c223c; margin: 0 auto 0; padding: 0 10px 0; max-width: 400px; color: #fff; line-height: 75px; text-align: center; font-size: 17px; }
#flow .flow_frm .list .link_button a:hover { background: #c71c2f; }
#flow .flow_frm .list .back_btn a { display: block; margin: 10px 0 0 auto; }

/*--------------------------------------------------------------------------
	ご紹介制度
--------------------------------------------------------------------------*/
#sub_title.introduce { background-image: url("../../introduce/img/titleback_intro.jpg"); }

#introduce .introduce_main { display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: url(../../introduce/img/intro_top.jpg) center no-repeat; background-size: 2220px auto; margin: 0 auto 0; width: 100%; height: 400px; }
#introduce .introduce_main > div { display: -webkit-flex; display: flex; flex-direction: column; }
#introduce .introduce_main > div p.logo_image { margin: 50px auto 0; max-width: 272px; }
#introduce .introduce_main > div p.tx { margin: 20px auto 0; line-height: 1.6; text-align: center; font-size: 24px; }
#introduce .introduce_frm { margin: 0 auto 0; padding: 60px 10px 0; max-width: 1180px; }
#introduce .introduce_frm > div > h2 { line-height: 1.6; text-align: center; font-size: 22px; font-weight: 500; }
#introduce .introduce_frm .intro p { text-align: center; font-size: 16px; }
#introduce .introduce_frm .intro img { display: block; margin-top: 60px; }
#introduce .introduce_frm .present { margin-top: 60px; }
#introduce .introduce_frm .present .tx_red { color: #c71c2f; }
#introduce .introduce_frm .present > div { border: 1px solid #cccbc9; margin-top: 40px; padding: 45px 50px 45px; text-align: center; }
#introduce .introduce_frm .present > div h2 { line-height: 1; text-align: center; font-size: 25px; font-weight: 500; }
#introduce .introduce_frm .present > div h2 span { display: inline-block; border-bottom: 2px solid #002065; padding: 0 0 15px; }
#introduce .introduce_frm .present > div h2 + p { margin-top: 20px; }
#introduce .introduce_frm .present > div p { font-size: 16px; }
#introduce .introduce_frm .present .visit .quo { margin: 10px auto 0; max-width: 560px; }
#introduce .introduce_frm .present .contract { text-align: center; }
#introduce .introduce_frm .present .contract > p { display: inline-block; text-align: left; }
#introduce .introduce_frm .present .contract .flow { margin: 30px auto 0; max-width: 958px; }
#introduce .introduce_frm .present .contract .flow ul { display: -webkit-flex; display: flex; }
#introduce .introduce_frm .present .contract .flow ul li { display: -webkit-flex; display: flex; flex-grow: 1; }
#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 { flex-direction: column; background-position: center top 30px; background-repeat: no-repeat; background-size: 140px auto; background-color: #ececec; border-radius: 20px; padding: 138px 30px 30px; }
#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 { border-top: 1px solid #1c223c; border-bottom: 1px solid #1c223c; padding: 13px 10px 10px; line-height: 1.5; text-align: center; font-size: 22px; font-weight: 500; }
#introduce .introduce_frm .present .contract .flow ul li:nth-of-type(1) .item p, #introduce .introduce_frm .present .contract .flow ul li:nth-of-type(3) .item p { display: -webkit-flex; display: flex; flex-direction: column; align-items: center; flex-grow: 1; padding: 15px 0 0; }
#introduce .introduce_frm .present .contract .flow ul li:nth-of-type(1) .item p img, #introduce .introduce_frm .present .contract .flow ul li:nth-of-type(3) .item p img { max-width: 349px; }
#introduce .introduce_frm .present .contract .flow ul li:nth-of-type(1) .item { background-image: url("../../introduce/img/intro_03_a1.png"); }
#introduce .introduce_frm .present .contract .flow ul li:nth-of-type(1) .pc_no { display: none; }
#introduce .introduce_frm .present .contract .flow ul li:nth-of-type(3) .item { background-image: url("../../introduce/img/intro_03_b1.png"); }
#introduce .introduce_frm .present .contract .flow ul li:nth-of-type(2) { align-items: center; margin: 0 auto 0; padding: 0 20px 0; width: 100%; max-width: 140px; }
#introduce .introduce_frm .present .contract .flow ul li:nth-of-type(2) .item { align-items: center; }
#introduce .introduce_frm .present .contract .flow ul li:nth-of-type(2) .item p { margin: 0 auto 0; width: 100%; max-width: 100px; }
#introduce .introduce_frm .present .contract .flow > p { margin: 10px auto 0 0; max-width: 40%; text-align: center; font-size: 14px; }
#introduce .introduce_frm .example { margin-top: 95px; }
#introduce .introduce_frm .example ul { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 50px auto 0; }
#introduce .introduce_frm .example ul li { padding: 0 10px 0; width: 20%; text-align: center; }
#introduce .introduce_frm .example ul li:nth-of-type(n+6) { margin-top: 50px; }
#introduce .introduce_frm .example ul li > div { margin: 0 auto 0; max-width: 188px; }
#introduce .introduce_frm .example ul li > div p { margin-top: 20px; font-size: 14px; }
#introduce .introduce_frm .support { margin-top: 100px; }
#introduce .introduce_frm .support h2 { margin-top: 65px; }
#introduce .introduce_frm .support > p { margin-top: 30px; font-size: 14px; }
#introduce .introduce_frm .staff { border-top: 1px solid #cccbc9; margin-top: 70px; padding-top: 70px; }
#introduce .introduce_frm .staff > p { margin-top: 30px; font-size: 14px; }
#introduce .introduce_frm .staff .bg_area { background: #ececec; margin-top: 50px; padding: 30px; }
#introduce .introduce_frm .staff .bg_area h3 { line-height: 1.5; font-size: 18px; font-weight: 500; }
#introduce .introduce_frm .staff .bg_area p { margin-top: 15px; font-size: 14px; }

/*--------------------------------------------------------------------------
	安心へのこだわり　共通
--------------------------------------------------------------------------*/
#sub_title.security { background-image: url("../../security/img/titleback_security.jpg"); }

.security_all .security_frm { margin: 0 auto 0; max-width: 1160px; }
.security_all .title_area { display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; background-size: 1160px auto; background-position: center top; background-repeat: no-repeat; margin: 0 auto 0; width: 100%; height: 340px; }
.security_all .title_area > div { display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 10px 0; width: 50%; height: 100%; }
.security_all .title_area > div p { line-height: 1.6; font-size: 26px; }
.security_all .title_area > div p br.pc_no { display: none; }
.security_all .intro { margin: 45px auto 0; max-width: 1060px; font-size: 16px; }

.navi_security { border-top: 1px solid #cccbc9; margin: 100px auto 0; padding-top: 100px; max-width: 1160px; }
.navi_security ul { flex-wrap: wrap; }
.navi_security ul li { padding: 0 15px 0 0; width: 50%; }
.navi_security ul li:nth-of-type(2n) { padding: 0 0 0 15px; }
.navi_security ul li:nth-of-type(n+3) { margin-top: 30px; }
.navi_security ul li a { display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: 200px auto; background-position: left center; background-repeat: no-repeat; background-color: #6b6d79; padding: 0 10px 0 210px; height: 112px; color: #FFF; font-size: 17px; font-weight: 500; }
.navi_security ul li a:hover, .navi_security ul li a:active, .navi_security ul li a.current { background-color: #1c223c; }
.navi_security ul li a br.sp_only { display: none; }
.navi_security ul li:nth-of-type(1) a { background-image: url("../../security/img/menu_quality.jpg"); }
.navi_security ul li:nth-of-type(2) a { background-image: url("../../security/img/menu_fireproof.jpg"); }
.navi_security ul li:nth-of-type(3) a { background-image: url("../../security/img/menu_structure.jpg"); }
.navi_security ul li:nth-of-type(4) a { background-image: url("../../security/img/menu_miraie.jpg"); }

/*--------------------------------------------------------------------------
	安心へのこだわり　TOP
--------------------------------------------------------------------------*/
#security_top .item_list .item { background-size: 800px auto; background-position: left top; background-repeat: no-repeat; padding: 100px 0 0 50px; }
#security_top .item_list .item:nth-of-type(n+2) { margin-top: 120px; }
#security_top .item_list .item:nth-of-type(2n) { background-position: right top; padding: 100px 50px 0 0; }
#security_top .item_list .item:nth-of-type(2n) > div { margin: 0 auto 0 0; }
#security_top .item_list .item > div { background: rgba(247, 247, 247, 0.8); margin: 0 0 0 auto; padding: 0 50px 50px 50px; max-width: 580px; }
#security_top .item_list .item > div .number { background: #1c223c; margin: 0 auto 0; padding: 50px 0 10px; max-width: 36px; text-align: center; }
#security_top .item_list .item > div .number img { max-width: 25px; }
#security_top .item_list .item > div h2 { margin-top: 20px; line-height: 1.5; text-align: center; font-size: 20px; font-weight: 500; }
#security_top .item_list .item > div .tx p { margin-top: 25px; }
#security_top .item_list .item > div > a { display: block; background: #FFF; border: 1px solid #1c223c; margin: 20px auto 0; padding: 10px; max-width: 170px; color: #1c223c; text-align: center; font-size: 18px; font-weight: 500; font-family: "Barlow Semi Condensed", serif; }
#security_top .item_list .item > div > a:hover, #security_top .item_list .item > div > a:active { background: #1c223c; color: #FFF; }
#security_top .item_list .item:nth-of-type(1) { background-image: url("../../security/img/menu_quality.jpg"); }
#security_top .item_list .item:nth-of-type(2) { background-image: url("../../security/img/menu_fireproof.jpg"); }
#security_top .item_list .item:nth-of-type(3) { background-image: url("../../security/img/menu_structure.jpg"); }
#security_top .item_list .item:nth-of-type(4) { background-image: url("../../security/img/menu_miraie.jpg"); }
#security_top .fu_item_list { margin-top: 120px; }
#security_top .fu_item_list > h2 { text-align: center; font-size: 27px; font-weight: 500; }
#security_top .fu_item_list section { margin-top: 50px; }
#security_top .fu_item_list section h3 { background: url("../img/icon_blue.png") left top 5px no-repeat; background-size: 4px auto; padding-left: 20px; line-height: 1.6; font-size: 25px; font-weight: 500; }
#security_top .fu_item_list section > p { margin-top: 20px; }
#security_top .fu_item_list section ul { display: -webkit-flex; display: flex; margin: 30px auto 0; }
#security_top .fu_item_list section ul li { padding: 0 10px; width: 25%; text-align: center; }
#security_top .fu_item_list section ul li img { max-width: 270px; }

/*--------------------------------------------------------------------------
	全棟「長期優良住宅」を標準仕様
--------------------------------------------------------------------------*/
#security_qu .title_area { background-image: url(../../security/img/security_qu_main01.jpg); }
#security_qu #sc_system { display: -webkit-flex; display: flex; background: #ececec; margin: 100px auto 0; padding: 50px; }
#security_qu #sc_system > div { width: 50%; }
#security_qu #sc_system .image { padding: 0 20px 0 0; }
#security_qu #sc_system .image p { max-width: 460px; }
#security_qu #sc_system .tx > div .item h2 { background-size: 35px; background-position: left top; background-repeat: no-repeat; padding: 5px 0 2px 50px; line-height: 1.5; font-size: 16px; font-weight: 700; }
#security_qu #sc_system .tx > div .item:nth-of-type(n+2) { border-top: 1px solid #cccbc9; margin-top: 15px; padding-top: 20px; }
#security_qu #sc_system .tx > div .item:nth-of-type(1) h2 { background-image: url("../../security/img/security_qu_img02-1.png"); }
#security_qu #sc_system .tx > div .item:nth-of-type(2) h2 { background-image: url("../../security/img/security_qu_img02-2.png"); }
#security_qu #sc_system .tx > div .item:nth-of-type(3) h2 { background-image: url("../../security/img/security_qu_img02-3.png"); }
#security_qu #sc_system .tx > div .item ol { margin-top: 15px; padding: 0 0 0 20px; }
#security_qu #sc_system .tx > div .item ol li { margin-top: 5px; font-size: 14px; list-style: decimal; }
#security_qu #performance { margin-top: 100px; }
#security_qu #performance h2 { line-height: 1.6; text-align: center; font-size: 28px; font-weight: 700; }
#security_qu #performance .image_area { margin-top: 90px; }
#security_qu #performance .image_area .caution { margin-top: 15px; text-align: right; font-size: 13px; }
#security_qu #performance .grade_list { margin: 50px auto 0; }
#security_qu #performance .grade_list ul { display: -webkit-flex; display: flex; justify-content: space-between; }
#security_qu #performance .grade_list ul li { display: -webkit-flex; display: flex; flex-direction: column; width: 33.33%; }
#security_qu #performance .grade_list ul li dl { flex-grow: 1; background: #ececec; border-radius: 10px; padding: 20px; max-width: 346px; }
#security_qu #performance .grade_list ul li dl dt { background: #1c223c; padding: 7px 0 3px; text-align: center; color: #FFF; font-size: 17px; }
#security_qu #performance .grade_list ul li dl dd { margin-top: 15px; }
#security_qu #performance .grade_list ul li:nth-of-type(1) { padding: 0 10px 0 0; }
#security_qu #performance .grade_list ul li:nth-of-type(2) { padding: 0 5px 0; }
#security_qu #performance .grade_list ul li:nth-of-type(3) { padding: 0 0 0 10px; }
#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 { line-height: 1.5; text-align: center; font-size: 20px; }
#security_qu #performance .perfo_list { margin: 100px auto 0; }
#security_qu #performance .perfo_list ul { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
#security_qu #performance .perfo_list ul li { display: -webkit-flex; display: flex; flex-direction: column; padding: 0 20px 0 0; width: 50%; }
#security_qu #performance .perfo_list ul li:nth-of-type(2n) { padding: 0 0 0 20px; }
#security_qu #performance .perfo_list ul li:nth-of-type(n+3) { margin-top: 30px; }
#security_qu #performance .perfo_list ul li dl { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; background: #ececec; }
#security_qu #performance .perfo_list ul li dl dt { background-size: 22px auto; background-position: left 20px top 21px; background-repeat: no-repeat; background-color: #6b6d79; padding: 18px 20px 12px 60px; color: #FFF; font-size: 18px; }
#security_qu #performance .perfo_list ul li dl dd { flex-grow: 1; padding: 15px 20px 12px; }
#security_qu #performance .perfo_list ul li:nth-of-type(1) dl dt { background-image: url("../../security/img/security_qu_img03-1.png"); }
#security_qu #performance .perfo_list ul li:nth-of-type(2) dl dt { background-image: url("../../security/img/security_qu_img03-2.png"); }
#security_qu #performance .perfo_list ul li:nth-of-type(3) dl dt { background-image: url("../../security/img/security_qu_img03-3.png"); }
#security_qu #performance .perfo_list ul li:nth-of-type(4) dl dt { background-image: url("../../security/img/security_qu_img03-4.png"); }
#security_qu #performance .perfo_list ul li:nth-of-type(5) dl dt { background-image: url("../../security/img/security_qu_img03-5.png"); }
#security_qu #merit { margin-top: 95px; }
#security_qu #merit h2 { background: url("../img/icon_blue.png") left top 3px no-repeat; background-size: 4px auto; border-bottom: 1px solid #cccbc9; padding: 0 0 20px 20px; line-height: 1.6; font-size: 24px; font-weight: 500; }
#security_qu #merit h2 .sp_only { display: block; }
#security_qu #merit ul { margin: 25px auto 0; }
#security_qu #merit ul li { margin-top: 3px; font-size: 17px; }
#security_qu #merit ul li p::before { content: '・'; }
#security_qu #merit .caution { margin-top: 5px; }

/*--------------------------------------------------------------------------
	全棟「省令準耐火構造」
--------------------------------------------------------------------------*/
#security_fi .title_area { background-image: url("../../security/img/security_fi_main02.jpg"); }
#security_fi section { margin-top: 95px; }
#security_fi section .number { background: url("../img/icon_blue.png") left top 4px no-repeat; background-size: 4px auto; }
#security_fi section .number p { padding-left: 20px; line-height: 1; font-size: 30px; font-weight: 400; font-family: "Barlow Semi Condensed", serif; }
#security_fi section h2 { border-bottom: 1px solid #cccbc9; margin-top: 25px; padding: 0 0 25px; line-height: 1.5; font-size: 25px; font-weight: 500; }
#security_fi section > p { margin-top: 30px; }
#security_fi section .cost { margin-top: 60px; }
#security_fi section .cost ul { display: -webkit-flex; display: flex; margin: 0 auto 0; max-width: 1056px; }
#security_fi section .cost ul li { display: -webkit-flex; display: flex; flex-direction: column; width: 100%; }
#security_fi section .cost ul li dl { display: -webkit-flex; display: flex; flex-grow: 1; border: 1px solid #00000f; line-height: 1.6; text-align: center; }
#security_fi section .cost ul li dl dt, #security_fi section .cost ul li dl dd { display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-grow: 1; padding: 14px 10px 8px; width: 100%; min-height: 80px; }
#security_fi section .cost ul li dl dt { background: #e4e4e4; border-right: 1px solid #00000f; font-size: 18px; }
#security_fi section .cost ul li dl dd { max-width: 140px; font-size: 20px; font-weight: 700; }
#security_fi section .cost ul li:nth-of-type(2) { align-items: center; justify-content: center; max-width: 56px; }
#security_fi section .cost ul li:nth-of-type(2) img { max-width: 16px; }
#security_fi section .cost ul li:nth-of-type(3) dl dt { background: #1c223c; color: #FFF; }
#security_fi section .cost ul li:nth-of-type(3) dl dd { color: #cf1e11; }
#security_fi section .cost .bg_tx { background: #c71c2f; margin: 50px auto 0; padding: 10px 10px 7px; max-width: 390px; color: #FFF; text-align: center; font-size: 20px; }

/*--------------------------------------------------------------------------
	全棟「構造計算」実施
--------------------------------------------------------------------------*/
#security_st .title_area { background-image: url("../../security/img/security_st_main03.jpg"); }
#security_st .info { background: url("../../security/img/security_st_img03-1.png") right 40px top 40px no-repeat #6b6d79; background-size: 150px auto; margin: 50px auto 0; padding: 40px 230px 45px 50px; min-height: 275px; color: #FFF; }
#security_st .info h2 { line-height: 1.5; font-size: 25px; font-weight: 500; }
#security_st .info p { margin-top: 10px; font-size: 16px; }
#security_st .info + section { margin-top: 50px; }
#security_st section { border: 1px solid #cccbc9; margin: 60px auto 0; padding: 50px; }
#security_st section h2 { background: url("../img/icon_blue.png") left top 5px no-repeat; background-size: 4px auto; border-bottom: 1px solid #cccbc9; padding: 0 0 20px 20px; line-height: 1.6; font-size: 25px; font-weight: 500; }
#security_st section ul { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 30px auto 0; }
#security_st section ul li { width: 33.33%; text-align: center; }
#security_st section ul li:nth-of-type(1), #security_st section ul li:nth-of-type(4) { padding: 0 10px 0 0; }
#security_st section ul li:nth-of-type(2), #security_st section ul li:nth-of-type(5) { padding: 0 5px 0; }
#security_st section ul li:nth-of-type(3), #security_st section ul li:nth-of-type(6) { padding: 0 0 0 10px; }
#security_st section ul li:nth-of-type(n+4) { margin-top: 50px; }
#security_st section ul li > div { margin: 0 auto 0; max-width: 314px; }
#security_st section ul li > div h3 { margin-top: 15px; line-height: 1.5; font-size: 25px; font-weight: 700; }
#security_st section ul li > div p { margin-top: 15px; }
#security_st section.power ul li:last-of-type { display: -webkit-flex; display: flex; flex-direction: column; justify-content: flex-end; }
#security_st section.power ul li:last-of-type p { margin: 0; }
#security_st section.grade ul li { padding: 0; width: 100%; }
#security_st section.grade ul li > div { max-width: 830px; }
#security_st .end_info { margin: 100px auto 0; max-width: 670px; }
#security_st .end_info > div { border: 5px solid #6b6d79; padding: 30px 20px 25px; }
#security_st .end_info > div p { text-align: center; font-size: 25px; font-weight: 700; }
#security_st .end_info > div p .tx_blo { display: inline; }
#security_st .end_info .caution { margin-top: 15px; text-align: right; }

/*--------------------------------------------------------------------------
	全棟「制震ユニット・ミライエシグマ」搭載※
--------------------------------------------------------------------------*/
#security_mi .security_mi_frm { margin: 0 auto 0; padding: 0 10px 0; max-width: 1180px; }
#security_mi ul.flex_list { display: -webkit-flex; display: flex; margin: 0 auto 0; }
#security_mi ul.flex_list li { padding: 0 10px 0; width: 50%; }
#security_mi ul.flex_list li > div { margin: 0 auto 0; }
#security_mi h2.sub_t { line-height: 1.5; text-align: center; font-size: 28px; font-weight: 700; }
#security_mi .title_area { background-image: url("../../security/img/security_mi_main04.jpg"); }
#security_mi .title_area > div p { padding: 0 0 0 30px; text-align: center; }
#security_mi .title_area > div p .ca_mark { display: inline-block; margin-right: -10px; font-size: 10px; }
#security_mi .miraie_caution p { margin-top: 5px; text-align: right; font-size: 11px; }
#security_mi .info { margin-top: 75px; }
#security_mi .info .logo_img { margin: 0 auto 0; max-width: 500px; }
#security_mi .info .bg_tx { background: #1574b0; margin: 50px auto 0; padding: 15px 15px 10px; color: #FFF; line-height: 1.5; text-align: center; font-size: 21px; font-weight: 500; }
#security_mi .full_area { background: #000000; margin-top: 50px; }
#security_mi .full_area > div { background-image: url("../../security/img/security_mi_top.png"); background-size: 320px auto; background-position: left top; background-repeat: no-repeat; margin: 0 auto 0; padding: 75px 10px 75px 400px; max-width: 1180px; color: #FFF; }
#security_mi .full_area > div h2 { font-size: 35px; font-weight: 500; }
#security_mi .full_area > div h2 + p { margin-top: 25px; }
#security_mi .full_area > div p { margin-top: 30px; font-size: 17px; }
#security_mi .graph { margin-top: 100px; }
#security_mi .graph ul.flex_list li > div { max-width: 450px; }
#security_mi .earthquake { margin-top: 100px; }
#security_mi .earthquake > p { margin-top: 90px; }
#security_mi .earthquake ul.flex_list { margin: 45px auto 0; }
#security_mi .earthquake ul.flex_list li > div { max-width: 500px; }
#security_mi .earthquake ul.flex_list li > div h3 { background: #919191; margin-bottom: 30px; padding: 15px 10px 10px; color: #FFF; line-height: 1; text-align: center; font-size: 25px; font-weight: 700; }
#security_mi .earthquake ul.flex_list li:last-of-type > div h3 { background: #1c223c; }
#security_mi .point { margin-top: 100px; }
#security_mi .point ul.flex_list { flex-wrap: wrap; margin: 65px auto 0; }
#security_mi .point ul.flex_list li { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; }
#security_mi .point ul.flex_list li:nth-of-type(n+3) { margin-top: 40px; }
#security_mi .point ul.flex_list li > div { flex-grow: 1; border: 1px solid #cccbc9; padding: 30px; max-width: 540px; }
#security_mi .point ul.flex_list li > div h3 { background: #002065; margin-top: 20px; padding: 10px 10px 5px; color: #FFF; line-height: 1; text-align: center; font-size: 18px; font-weight: 700; }
#security_mi .point ul.flex_list li > div p { margin-top: 15px; }
#security_mi .other_link { margin: 100px auto 0; max-width: 700px; }
#security_mi .other_link a { display: block; background: #008bd5; padding: 25px 30px 30px; color: #FFF; }
#security_mi .other_link a p { text-align: center; font-size: 20px; font-weight: 700; }
#security_mi .other_link a img { display: block; margin: 12px auto 0; max-width: 300px; }
#security_mi .other_link a:hover, #security_mi .other_link a:active { background-color: #0068a1; }
#security_mi .navi_security { padding: 50px 10px 0; }

/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
#sub_title.chumonjutaku { background-image: url("../../chumonjutaku/img/titleback_chumonjutaku.jpg"); }

#chumonjutaku .main_area { position: relative; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; margin: 0 auto 0; max-width: 2220px; height: 540px; }
#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 20px 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: 458px; }
#chumonjutaku .main_area .tx > div > div h2 { display: inline-block; border-bottom: 3px solid #FFF; padding: 0 0 45px; line-height: 1; font-size: 60px; font-weight: 500; font-family: "Barlow Semi Condensed", serif; }
#chumonjutaku .main_area .tx > div > div p { margin-top: 45px; font-size: 16px; }
#chumonjutaku .main_area .slider { margin-inline: auto; overflow: hidden; width: 100%; max-width: 2220px; height: 540px; }
#chumonjutaku .main_area .slider.slick-slider .slick-track .slick-img img { position: relative; left: 50%; transform: translate(-50%, 0); width: 2220px; }

/*--------------------------------------------------------------------------
	注文住宅　北海道一覧
--------------------------------------------------------------------------*/
#chumonjutaku.h_top .main_area { z-index: -1; }
#chumonjutaku.h_top .chumonjutaku_frm { margin: -190px auto 0; width: 100%; max-width: 1180px; height: 100%; padding: 0 10px 0; }
#chumonjutaku.h_top .chumonjutaku_frm .scroll_bt { display: -webkit-flex; display: flex; justify-content: center; }
#chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div { width: 33.33%; position: relative; }
#chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div a { display: block; padding: 10px 20px 30px; text-align: center; color: #1c223c; }
#chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div a span { display: inline-block; background: url("../../chumonjutaku/img/housing_arrow.png") bottom center no-repeat; background-size: 30px auto; padding: 0 0 30px; line-height: 1; font-size: 41px; font-weight: 500; font-family: "Barlow Semi Condensed", serif; }
#chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div a::after { position: absolute; left: 0; content: ''; width: 100%; height: 2px; background: #1c223c; bottom: -1px; transform: scale(0, 1); transform-origin: left top; transition: transform 0.3s; }
#chumonjutaku.h_top .chumonjutaku_frm .scroll_bt > div a:hover::after { transform: scale(1, 1); border-color: #1c223c; }
#chumonjutaku.h_top .chumonjutaku_frm .main_tx { margin: 70px auto 0; max-width: 960px; }
#chumonjutaku.h_top .chumonjutaku_frm .main_tx p { font-size: 17px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area { margin: 150px auto 0; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area + .brand_area { border-top: 1px solid #00000f; margin: 100px auto 0; padding-top: 100px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name { display: -webkit-flex; display: flex; align-items: center; margin-top: -90px; padding-top: 90px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name h2 { display: inline-block; margin-right: 20px; padding: 0 0 5px; line-height: 1; font-size: 50px; font-weight: 500; font-family: "Barlow Semi Condensed", serif; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name .to_area { display: inline-block; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name .to_area a { display: inline-block; background: url("../img/formmenu_arrow_off.png") right 10px center no-repeat; background-size: 18px auto; background-color: #6b6d79; padding: 12px 38px 9px 10px; color: #FFF; line-height: 1; font-size: 16px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name .to_area a:hover, #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_name .to_area a:active { background-color: #1c223c; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info { display: -webkit-flex; display: flex; margin: 40px auto 0; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .ph { display: -webkit-flex; display: flex; flex-shrink: 0; width: 100%; max-width: 540px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .ph ul { display: -webkit-flex; display: flex; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .ph ul li { width: 50%; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx { padding: 0 0 0 50px; width: 100%; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx h3 { padding: 0 0 15px 15px; background: url("../img/icon_blue_18.png") left top 3px no-repeat; background-size: 4px auto; border-bottom: 1px solid #cccbc9; line-height: 1.5; font-size: 18px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add { margin-top: 15px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div { display: -webkit-flex; display: flex; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div p:last-of-type { flex-shrink: 0; margin-left: 15px; width: 100%; max-width: 134px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div p:last-of-type a { display: inline-block; border: 1px solid #1c223c; padding: 7px 10px 5px; line-height: 1; font-size: 13px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div p:last-of-type a:hover, #chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .add > div p:last-of-type a:active { background-color: #1c223c; color: #FFF; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .area_info .tx .tel { display: -webkit-flex; display: flex; margin-top: 15px; }
#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 { display: inline-block; background-size: 36px auto; background-position: left center; background-repeat: no-repeat; padding: 5px 0 5px 42px; line-height: 1; font-size: 27px; font-family: "Barlow Semi Condensed", serif; font-weight: 500; font-style: normal; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list { margin: 50px auto 0; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list ul { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 20px 30px; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list ul li a { display: block; background: #e4e4e4; border-radius: 50px; padding: 10px 10px 7px; text-align: center; }
#chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list ul li a:hover, #chumonjutaku.h_top .chumonjutaku_frm .brand_area .link_list ul li a:active { background: #1c223c; color: #FFF; }

/*--------------------------------------------------------------------------
	注文住宅　地域ページ共通
--------------------------------------------------------------------------*/
#chumonjutaku.chumon_sub .chumonjutaku_frm { margin: 0 auto 0; padding: 100px 10px 0; max-width: 1180px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm > div:nth-of-type(n+2) { border-top: 1px solid #00000f; margin-top: 100px; padding-top: 100px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm > div.event_on { margin-top: 20px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .ct_title { text-align: center; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .ct_title h2 { line-height: 1.5; font-size: 29px; font-weight: 500; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .ct_title p { margin-top: 10px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .ct_title + .area_name_b { margin-top: 60px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .link_list { margin: 50px auto 0; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev { /*---要予約---*/ }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item .photo > div { position: relative; overflow: hidden; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item .photo > div img { position: absolute; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item .eve_cap > h3 { margin-top: 15px; line-height: 1.5; font-size: 19px; font-weight: 500; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item dl { display: table; table-layout: fixed; border-bottom: 1px solid #cccbc9; width: 100%; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item dl:first-of-type { border-top: 1px solid #cccbc9; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item dl dt, #chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item dl dd { display: table-cell; vertical-align: top; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item dl dt { padding: 10px 0; width: 120px; background: #6b6d79; color: #FFF; text-align: center; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_item dl dd { padding: 10px 10px 10px 20px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .reservation { color: #cc0000; font-weight: bold; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_b > p { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; background: url("../img/icon_blue.png") left top 8px no-repeat; background-size: 4px auto; padding-left: 20px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_b > p span.an_eng { line-height: 1.3; font-size: 30px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_b > p span.an_jp { display: inline-block; padding: 6px 0 0 10px; line-height: 1; font-size: 19px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_b + .link_list { margin-top: 30px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_s > p { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; padding-left: 15px; background: url("../img/icon_blue_18.png") left top 6px no-repeat; background-size: 4px auto; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_s > p span.an_eng { line-height: 1.5; font-size: 20px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .area_name_s > p span.an_jp { display: inline-block; padding: 5px 0 0 10px; line-height: 1; font-size: 15px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev ul.categories li { display: inline-block; margin-top: 10px; padding: 9px 10px 6px; text-align: center; line-height: 1.3; font-size: 15px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev ul.categories li.cat { background: #1b306a; margin-right: 20px; min-width: 152px; color: #FFF; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev ul.categories li.cat_sub { background: #dde0e9; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list { display: -webkit-flex; display: flex; flex-wrap: wrap; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div { padding: 0 20px 80px; width: 50%; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div:nth-of-type(n+3) { margin-top: 80px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div:last-of-type { border: none; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item { max-width: 500px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .eve_cap { margin-top: 10px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .eve_cap .area_name_s { margin-top: 20px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item dl:first-of-type { margin-top: 20px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .note { margin-top: 20px; font-size: 13px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .ar_btn { margin-top: 30px; text-align: center; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .ar_btn div { display: inline-block; background: #1c223c; width: 100%; max-width: 330px; line-height: 45px; color: #FFF; font-size: 15px; font-weight: 500; text-decoration: none; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .ar_btn div span { display: inline-block; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item .ar_btn div:hover { background: #c71c2f; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item:hover { opacity: 0.75; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list > div .eve_item:hover .ar_btn div { background: #c71c2f; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list.over3 > div { border-bottom: 1px solid #cccbc9; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list.over3 > div:last-of-type { border: none; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev .eve_list.over3.line_set > div.line_off { border: none; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev #post_none { padding: 0; }
#chumonjutaku.chumon_sub .chumonjutaku_frm .chumon_ev #post_none p { padding: 20px 10px 15px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .link_list + .ct_title { margin-top: 60px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list > div { position: relative; overflow: hidden; width: 10%; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list > div img { position: absolute; filter: grayscale(1); }
#chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list:hover, #chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list:active { opacity: 0.7; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .staff_list.sf_over10 { justify-content: flex-start; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .banner { margin: 60px auto 0; max-width: 520px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .banner a { display: block; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .banner a:hover, #chumonjutaku.chumon_sub .chumonjutaku_frm #cj_staff .banner a:active { opacity: 0.75; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 45px 80px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 > div { display: grid; grid-template-rows: subgrid; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 > div a { display: block; max-width: 540px; color: #00000f; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 > div a:hover, #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 > div a:active { opacity: 0.75; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 > div a .tx h2 { background: url("../img/icon_blue.png") left top 5px no-repeat; background-size: 4px auto; margin-top: 20px; padding-left: 20px; line-height: 1.5; font-size: 25px; font-weight: 500; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area01 > div a .tx p { margin-top: 20px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 ul { margin: 0 auto 0; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 ul li { padding: 0 20px 0; width: 33.33%; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 ul li a { border: 1px solid #1c223c; padding: 15px 10px 10px; width: 100%; height: 75px; font-size: 17px; }
#chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 ul li a:hover, #chumonjutaku.chumon_sub .chumonjutaku_frm #list_area02 ul li a:active { background: #1c223c; color: #FFF; }

/*--------------------------------------------------------------------------
	安心保証
--------------------------------------------------------------------------*/
#sub_title.guarantee { background-image: url("../../guarantee/img/titleback_guarantee.jpg"); }

#guarantee .guarantee_frm .guarantee_main { background: url(../../guarantee/img/guarantee_main.jpg) center no-repeat; background-size: 2220px auto; margin: 0 auto 0; width: 100%; height: 333px; }
#guarantee .guarantee_frm .guarantee_main > div { display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; padding: 0 30px 0 20px; width: 50%; height: 100%; }
#guarantee .guarantee_frm .guarantee_main > div > div p { margin: 0; color: #1c223c; line-height: 1.5; text-align: center; font-size: 29px; }
#guarantee .guarantee_frm .guarantee_main > div > div p:last-child { padding: 20px 0 0; }
#guarantee .guarantee_frm .guarantee_main > div > div p img { max-width: 350px; }
#guarantee .guarantee_frm .guarantee_wrap { margin: 60px auto 0; padding: 0 10px 0; max-width: 1180px; }
#guarantee .guarantee_frm .guarantee_wrap .old_link a { display: block; background: #ececec; margin: 30px auto 0; padding: 20px 10px 20px; max-width: 500px; color: #00000f; text-align: center; font-size: 14px; }
#guarantee .guarantee_frm .guarantee_wrap .old_link a .caution { color: #c71c2f; }
#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: 60px auto 0; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul { display: -webkit-flex; display: flex; width: 100%; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 10px 0; width: 33.33%; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; background-image: url("../../guarantee/img/arrow_under01.png"); background-size: 20px auto; background-position: bottom 40px center; background-repeat: no-repeat; border: 5px solid #cccbc9; border-radius: 15px; padding: 40px 15px 80px; color: #000; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a:hover, #guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a:active { border: 5px solid #002065; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a h2 { flex-grow: 1; background-size: 100px auto; background-position: bottom center; background-repeat: no-repeat; margin-top: 15px; padding: 0 0 110px; line-height: 1.5; text-align: center; font-size: 19px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p { flex-grow: 1; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.number { display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-bottom: 3px solid #1c223c; margin: 0 auto 0; padding: 0 0 20px; width: 40px; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.number span { display: inline-block; line-height: 1; font-size: 40px; font-family: "Barlow Semi Condensed", serif; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.time { margin-top: 10px; text-align: center; font-size: 19px; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.time .year { line-height: 1; font-size: 35px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li a p.tx { margin-top: 5px; }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li:nth-of-type(1) a h2 { background-image: url("../../guarantee/img/guarantee_icon01.jpg"); }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li:nth-of-type(2) a h2 { background-image: url("../../guarantee/img/guarantee_icon02.jpg"); }
#guarantee .guarantee_frm .guarantee_wrap .sc_navi ul li:nth-of-type(3) a h2 { background-image: url("../../guarantee/img/guarantee_icon03.jpg"); }
#guarantee .guarantee_frm .guarantee_wrap .tel_info { margin: 100px auto 0; max-width: 810px; }
#guarantee .guarantee_frm .guarantee_wrap .tel_info > p { text-align: center; font-size: 22px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap .tel_info ul { display: table; margin: 60px auto 0; width: 100%; }
#guarantee .guarantee_frm .guarantee_wrap .tel_info ul li { display: table-cell; vertical-align: middle; padding: 25px 10px 20px; text-align: center; }
#guarantee .guarantee_frm .guarantee_wrap .tel_info ul li:first-child { background: #1c223c; width: 360px; color: #FFF; line-height: 1.6; font-size: 23px; font-weight: 700; }
#guarantee .guarantee_frm .guarantee_wrap .tel_info ul li:first-child .sub_tx { display: block; margin-bottom: 5px; font-size: 18px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap .tel_info ul li:last-child { background: #ececec; }
#guarantee .guarantee_frm .guarantee_wrap .tel_info ul li a { display: block; color: #00000f; }
#guarantee .guarantee_frm .guarantee_wrap .tel_info ul li a[href^="tel:"] { pointer-events: none; }
#guarantee .guarantee_frm .guarantee_wrap .tel_info ul li a .number { background-position: left top 3px; background-repeat: no-repeat; background-size: 50px auto; padding: 0 0 0 60px; line-height: 1; font-size: 39px; font-family: "Barlow Semi Condensed", serif; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap .main_area { margin: 100px auto 0; }
#guarantee .guarantee_frm .guarantee_wrap .main_area h2 { line-height: 1.5; text-align: center; font-size: 28px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap .main_area h2 .in_blo { padding: 0 10px 0 0; }
#guarantee .guarantee_frm .guarantee_wrap .main_area .color_tx { display: inline-block; color: #c71c2f; }
#guarantee .guarantee_frm .guarantee_wrap .main_area .image { margin: 80px auto 0; max-width: 980px; }
#guarantee .guarantee_frm .guarantee_wrap .main_area + section { margin-top: 140px; }
#guarantee .guarantee_frm .guarantee_wrap section { border-top: 1px solid #ccc; margin: 100px auto 0; padding: 100px 0 0; }
#guarantee .guarantee_frm .guarantee_wrap section h2 { background-image: url("../img/icon_blue.png"); background-size: 4px auto; background-repeat: no-repeat; padding-left: 25px; line-height: 1.5; font-size: 25px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section ul.table_list { display: table; width: 100%; }
#guarantee .guarantee_frm .guarantee_wrap section ul.table_list li { display: table-cell; vertical-align: middle; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div { display: table; margin-top: 25px; width: 100%; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div > div { display: table-cell; vertical-align: top; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_text { padding: 0 10px 0 0; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link { width: 450px; padding: 0 0 0 40px; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a { display: block; background: #6b6d79; padding: 15px 10px 10px; color: #fff; font-size: 16px; font-weight: 500; text-align: center; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a:hover { background-color: #1c223c; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a.img_link { display: table; table-layout: fixed; width: 100%; padding: 0; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a.img_link p { display: table-cell; padding: 12px 20px 12px 0; font-size: 14px; font-weight: normal; vertical-align: middle; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a.img_link p:first-child { width: 92px; padding: 12px 0 12px 15px; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link a.img_link p span { line-height: 1.5; font-size: 24px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link ul { display: -webkit-flex; display: flex; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link ul li { padding: 0 5px 0 0; width: 50%; }
#guarantee .guarantee_frm .guarantee_wrap section.item > div .grt_link ul li:last-of-type { padding: 0 0 0 5px; }
#guarantee .guarantee_frm .guarantee_wrap section > h2 { background-position: left top 6px; }
#guarantee .guarantee_frm .guarantee_wrap section .title_area div { display: inline-block; border-bottom: 3px solid #1c223c; padding: 0 30px 50px 0; }
#guarantee .guarantee_frm .guarantee_wrap section .title_area .number { display: inline-block; line-height: 1; font-size: 58px; font-family: "Barlow Semi Condensed", serif; font-weight: 500; width: 90px; text-align: center; }
#guarantee .guarantee_frm .guarantee_wrap section .title_area h2 { display: inline-block; background-position: left top 19px; padding: 15px 0 0 25px; line-height: 1.5; vertical-align: top; }
#guarantee .guarantee_frm .guarantee_wrap section .img_area { margin-top: 50px; }
#guarantee .guarantee_frm .guarantee_wrap section#long_p .img_area { background: #ececec; padding: 40px 10px 40px; }
#guarantee .guarantee_frm .guarantee_wrap section#long_p .img_area .image { margin: 0 auto 0; max-width: 880px; }
#guarantee .guarantee_frm .guarantee_wrap section#long_p .caution { margin-top: 14px; }
#guarantee .guarantee_frm .guarantee_wrap section#ground .title_area + p { margin-top: 50px; }
#guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image { margin: 20px auto 0; }
#guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li { padding: 0 10px 0; text-align: center; }
#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: 0; }
#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: 25px; }
#guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li:nth-of-type(1) img, #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li:nth-of-type(3) img, #guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li:nth-of-type(5) img { max-width: 300px; }
#guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.image li h3 { background: #6b6d79; margin: 0 auto 0; padding: 10px 10px 7px; max-width: 300px; color: #FFF; text-align: center; font-size: 17px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.cost { table-layout: fixed; margin-top: 20px; }
#guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.cost li { padding: 0 10px 0; text-align: center; }
#guarantee .guarantee_frm .guarantee_wrap section#ground ul.table_list.cost li p { border: 1px solid #313A68; padding: 20px 10px 15px; color: #313A68; font-size: 20px; }
#guarantee .guarantee_frm .guarantee_wrap section#ground > h3 { margin-top: 50px; line-height: 1.5; font-size: 20px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section#ground .caution { margin-top: 15px; font-size: 14px; }
#guarantee .guarantee_frm .guarantee_wrap section#facility > h3 { margin-top: 50px; line-height: 1.5; font-size: 20px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section#facility > .caution { margin-top: 20px; }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three { table-layout: fixed; margin: 50px auto 0; }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li { padding: 0 20px 0; }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li p { background-size: 90px auto; background-position: left 20px top 20px; background-repeat: no-repeat; background-color: #e4e4e4; padding: 35px 20px 20px 130px; min-height: 130px; color: #002065; font-size: 17px; font-weight: 700; }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li:nth-of-type(1) p { background-image: url("../../guarantee/img/guarantee_icon04.jpg"); }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li:nth-of-type(2) p { background-image: url("../../guarantee/img/guarantee_icon05.jpg"); }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.table_list.three li:nth-of-type(3) p { background-image: url("../../guarantee/img/guarantee_icon06.jpg"); }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list { display: -webkit-flex; display: flex; }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five { margin-top: 25px; width: 100%; }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 20px 0; width: 20%; }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li h4 { padding: 15px 0 10px; text-align: center; font-size: 15px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section#facility ul.flex_list.five li p { flex-grow: 1; background: #e6e6e6; padding: 20px 20px 17px; line-height: 1.8; font-size: 13px; }
#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 { margin: 25px auto 0; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame { display: table; width: 100%; text-align: center; }
#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: #ececec; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame h3, #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div { display: table-cell; vertical-align: top; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame h3 { border-right: 1px solid #cccccc; padding: 15px 10px 15px; width: 200px; font-size: 15px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul { display: table; border-bottom: 1px solid #cccccc; width: 100%; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul:last-of-type { border-bottom: none; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li { display: table-cell; vertical-align: middle; border-right: 1px solid #cccccc; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li:last-of-type { border-right: none; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.text01 { padding: 15px; text-align: left; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.text02 { padding: 15px; width: 287px; text-align: left; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay { padding: 15px 2px 15px; width: 200px; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay dl { display: table; padding: 0 30px 0 20px; width: 100%; }
#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 { display: table-cell; font-size: 14px; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay dl dt { text-align: right; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame > div ul li.pay dl dd { background: url("../../guarantee/img/arrow_right01.png") left 10px center no-repeat; background-size: 16px auto; width: 66px; color: #C1272D; text-align: right; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame.f_head { background: #6b6d79; border-top: 1px solid #cccbc9; border-bottom: 1px solid #cccbc9; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame.f_head h3 { color: #FFF; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame.f_head h3 .tx_block { display: block; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame.f_head > div ul { border-bottom: none; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame.f_head > div ul li { padding: 15px 0 15px; color: #FFF; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame.f_head > div ul li.text01, #guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame.f_head > div ul li.text02 { text-align: center; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .frame_area .frame.f_item { border-bottom: 1px solid #cccbc9; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area { background: #e6e6e6; margin: 30px auto 0; padding: 20px; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area h3 { margin-bottom: 15px; line-height: 1.5; font-size: 18px; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area h3 .color_tx { color: #c71c2f; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case { display: table; table-layout: fixed; width: 100%; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div { display: table-cell; vertical-align: top; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div dl { display: table; margin-top: 1px; width: 100%; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div dl dt, #guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div dl dd { display: table-cell; vertical-align: middle; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div dl dt { background: #919191; padding: 6px 0 5px; width: 160px; color: #FFF; text-align: center; font-weight: 500; }
#guarantee .guarantee_frm .guarantee_wrap section#exsamples .bg_area .case > div dl dd { padding: 6px 15px 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: 40px; }

/*-------2024年3月31日までにご契約の方--------*/
#guarantee_oldtype .guarantee_main { background: url("../../guarantee/img/guarantee_main_typeold.jpg") top center no-repeat; background-size: 2000px auto; margin: 0 auto 0; width: 100%; height: 333px; text-align: center; }
#guarantee_oldtype .guarantee_main > div { margin: 0 auto 0; max-width: 1160px; }
#guarantee_oldtype .guarantee_main > div p { margin: 0; padding: 30px 0 0 20px; width: 500px; color: #1C223C; text-align: center; font-size: 29px; font-weight: 400; }
#guarantee_oldtype .guarantee_main > div p:first-child { padding: 50px 0 0 20px; }
#guarantee_oldtype .guarantee_main > div p img { max-width: 120px; }
#guarantee_oldtype .guarantee_wrap { margin: 0 auto; padding: 0 10px 0; max-width: 1180px; }
#guarantee_oldtype .guarantee_wrap > h2.announce { margin-top: 60px; font-size: 20px; }
#guarantee_oldtype .guarantee_wrap > p { margin: 30px auto 60px; }
#guarantee_oldtype section { border-top: 1px solid #ccc; margin: 0 auto 0; padding: 60px 0 60px; }
#guarantee_oldtype section:last-of-type { padding: 60px 0 0; }
#guarantee_oldtype section h2 { border-left: 3px solid #CF1E11; margin: 0 0 30px; padding: 0 0 0 15px; font-size: 20px; }
#guarantee_oldtype section > div { display: table; table-layout: fixed; width: 100%; }
#guarantee_oldtype section > div > div { display: table-cell; vertical-align: top; }
#guarantee_oldtype section > div .grt_text { padding: 0 10px 0 0; }
#guarantee_oldtype section > div .grt_link { width: 410px; padding: 0 20px; }
#guarantee_oldtype section > div .grt_link a { display: block; background: #919191; color: #fff; padding: 15px 10px 10px; font-size: 16px; font-weight: 600; text-align: center; }
#guarantee_oldtype section > div .grt_link a:hover, #guarantee_oldtype section > div .grt_link a:active { background-color: #333333; }
#guarantee_oldtype section > div .grt_link a.img_link { display: table; table-layout: fixed; width: 100%; padding: 0; }
#guarantee_oldtype section > div .grt_link a.img_link p { display: table-cell; padding: 12px 20px 12px 0; font-size: 14px; font-weight: normal; vertical-align: middle; }
#guarantee_oldtype section > div .grt_link a.img_link p:first-child { width: 92px; padding: 12px 0 12px 25px; }
#guarantee_oldtype section > div .grt_link a.img_link p span { font-size: 24px; font-weight: 600; }
#guarantee_oldtype section > div .grt_link ul { display: -webkit-flex; display: flex; }
#guarantee_oldtype section > div .grt_link ul li { padding: 0 5px 0 0; width: 50%; }
#guarantee_oldtype section > div .grt_link ul li:last-of-type { padding: 0 0 0 5px; }
#guarantee_oldtype section ul.logo_link { display: table; table-layout: fixed; width: 100%; }
#guarantee_oldtype section ul.logo_link li { display: table-cell; vertical-align: middle; padding: 0 15px 0; }
#guarantee_oldtype section ul.logo_link li a { display: table; table-layout: fixed; background: url("../../guarantee/img/arrow_r_gr.png") right center no-repeat; background-size: 30px auto; border: 1px solid #ccc; width: 100%; height: 80px; }
#guarantee_oldtype section ul.logo_link li a:hover { background-image: url("../../guarantee/img/arrow_r_bk.png"); border-color: #28394d; }
#guarantee_oldtype section ul.logo_link li a p { display: table-cell; vertical-align: middle; padding-right: 40px; font-size: 16px; font-weight: 500; }
#guarantee_oldtype section ul.logo_link li a p:first-child { padding: 0 20px; width: 100px; text-align: center; }
#guarantee_oldtype section ul.logo_link li a p br { display: none; }
#guarantee_oldtype section ul.logo_link li:nth-of-type(2) a p img { max-width: 53px; }

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