@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(36,25,22,1.00)}a:hover { color:rgba(128,128,128,1.00)}
/* css setting */
/*　--------------------　 トップスタッフ削除　--------------------　*/
 
#pt001-4Parent , #pt001-5Parent {
     display:none;
}


/*　==============================　予約フォーム　==============================　*/
/*　--------------------　フォームに関する設定　--------------------　*/
.rform { padding: 0 15% 3rem 15%; }

@media screen and (max-width: 1024px) {
.rform { padding: 0 5% 3rem 5%; }}
@media screen and (max-width: 480px) {
.rform { padding: 0 2rem 3rem 2rem; }}


.rform .formBlockSurveyTable dl dt {color: #fff; text-align: left; width: 100%; margin-right: 0%!important; font-weight: bold; font-size: 1rem; margin-top: 1rem; padding: 2px 0 0.5% 0;}
.rform .formBlockSurveyTable dl dd {width: 100%;}
.rform .formBlockSurveyTable dl {padding: 0.5% 0;}
.rform .formBlockSurveyTable dl dd input, .rform .formBlockSurveyTable dl dd select, .rform .formBlockSurveyTable dl dd textarea {width: 96%; resize: none; border-radius: 0; padding: 1.5%; border: 0px solid #c8d2dc;}
.rform .formBlockSurveyTable dl dd select {width: 65%; resize: none; border-radius: 0; padding: 1.5%; border: 0px solid #c8d2dc;}
.formBlockSubmitButton {width:240px!important; text-align:center!important; background-color: #e83828!important; color:#fff; border:0px solid #fff;}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {width:100%!important;}
.miniSurveyView input[type="text"], .miniSurveyView input[name^="Question"], .miniSurveyView textarea[name^="Question"] {font-size: 16px !important; transform: scale(1) !important;}
}
.formBlockSubmitButton:hover {transition:0.6s; background-color: #fff!important; border:0px solid #999; color:#e83828;}
.on-pointer input {cursor: pointer;}
.ccm-input-time-wrapper select { font-size: 1.1rem; width: 15% !important; margin-right:2% !important; }
.ccm-input-date { font-size: 1.2rem; width: 20% !important; margin-right:2% !important;}


/*　--------------------　 分譲地 - バナー追加（ブロック：エリア05下部）　--------------------　*/

/*　ページトップ　*/
.body-pt001 .btn_pagetop { display:none; }

/*　ボトムフィックス　*/
.top_bunner  {
     position: fixed;
     bottom: 0;
     right: 0;
     z-index:3;
}

/*　フッタースペース　*/
@media screen and (min-width: 769px) {
.body-pt001 footer {
    padding-bottom:160px;
}}
@media screen and (max-width: 768px) {
.body-pt001 footer {
    padding-bottom:150px;
}}
@media screen and (max-width: 480px) {
.body-pt001 footer {
    padding-bottom:100px;
}}

/*
@media screen and (max-width: 768px) {
.top_bunner {
    text-align: center!important;
}
}
*/

/* 20200511スライドショー修正 */
#CarouselThemeCustom .thumb-item .slick-slide-img{
width: auto!important;
}



/*　■■■■■■■■■■■■■■■■　「ヘッダーを下げる設定」で検索（※作業時はコメント必須）　■■■■■■■■■■■■■■■■　*/
/*　==============================　インフォメーションページ　==============================　*/
/*　--------------------　 コンテンツタイトル　--------------------　*/
.info_ttl_sideline{
padding-left: 5%;
}
.info_ttl_sideline::before {
content: '';
display: block;
width: 4%;
height: 5px;
background: #3e3a39;
position: relative;
top: 1.4rem;
left: -5%;
}
@media screen and (max-width: 768px) {
.info_ttl_sideline{
padding-left: 2rem;
}
}
/*　==============================　企業情報ページ　==============================　*/
.zeh_picture{
margin-top: -15rem!important;
padding-top: 25rem;
z-index: 1;
position: relative;
}
.zeh_picture_table01{
padding-top: 14rem;
}
.zeh_picture_table02{
padding-top: 25rem;
}
@media screen and (max-width: 768px){
.zeh_picture_table01{
padding-top: 12rem;
}
.zeh_picture_table02{
padding-top: 20rem;
}
}
@media screen and (max-width: 480px){
.zeh_picture{
padding-top: 14rem;
margin-top: -8.5rem!important;
}
.zeh_picture_table01{
padding-top: 10rem;
}
.zeh_picture_table02{
padding-top: 16rem;
}
}
/*　==============================　企業情報ページ　==============================　*/
.company_box_wrapper{
padding: 2rem 4rem;
}
@media screen and (max-width: 768px){
.company_box_wrapper{
padding: 1rem 2rem;
}
}
/*----------------------- 会社概要テーブル -----------------------*/
.outline_table_wrapper{
}
.outline_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.outline_contents dt{
padding: 1rem 1rem 1rem 0rem;
width: 240px;
border-top: 1px solid #1a3891;
position: relative;
}
.outline_contents dd{
text-align: left;
padding: 1rem 0rem 1rem 1rem;
width: calc(100% - 240px);
border-top: 1px solid #cccccc;
}
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.outline_contents dt{
font-size: 95%;
font-weight: bold;
color: #777777;
padding: 1rem 0rem 0.3rem 0rem;
width: 100%;
border-top: 1px solid #cccccc;
}
.outline_contents dt:after{
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
top: -1px;
width: 25px;
border-top: 1px solid #1e5078;
}
.outline_contents dd{
font-size: 1rem;
padding: 0rem 0rem 1rem 0rem;
width: 100%;
border: none;
}
}

/*　==============================　GUESTHOUSEページ　==============================　*/
.guesthouse_btn_img a{
display: block;
background-color: rgba(0,0,0,0.5)
}
.guesthouse_btn_img a:hover{
transition:0.6s;
background-color: rgba(0,0,0,0.1)
}
.guesthouse_border{
border-left: 1px solid #ffffff;
}
.center_line{
width: 100%;
text-align: left;
}
.center_line_w{
width: 50%;
padding-top: 3rem;
box-sizing: border-box;
border-right: 1px solid #ffffff;
}
.guesthouse_subttl{
margin-top: -3.5rem;
}
.guesthouse_sub_img{
padding-top: 63vh;
margin-right: 2rem;
margin-top: -13.9rem;
}
@media screen and (max-width: 480px) {
.guesthouse_border{
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.guesthouse_btn .fs_btn{
width: 100%!important;
}
.center_line_w{
padding-top: 1.5rem;
}
.guesthouse_subttl{
margin-top: 0rem;
}
.guesthouse_subttl span{
margin-top: -3.5rem;
}
.guesthouse_sub_img{
padding-top: 35vh;
margin-left: 2rem;
margin-top: 0rem;
}
}
/*　==============================　ASJページ　==============================　*/
.asj_main_logo{
padding-top: 16rem;
}
.asj_main_catch{
font-size: 1.4rem;
letter-spacing: 0.7rem;
}
.asj_main_catch span{
font-size: 2.2rem;
letter-spacing: 0.9rem;
}
.asj_sideline{
border-right: 2px solid #e00023;
border-left: 2px solid #e00023;
}
@media screen and (max-width: 768px){
.asj_main_logo{
padding-top: 14rem;
}
}
@media screen and (max-width: 480px) {
.asj_btn .fs_btn{
width: 100%!important;
}
}
/*　==============================　スタッフ紹介　==============================　*/
/*staff_top*/
@media screen and (min-width: 1025px) {.staff_top_space{padding-top:75vh;}}
@media screen and (max-width: 1024px) { .staff_top_space{ padding-top:60vh;} }
@media screen and (max-width: 768px) { .staff_top_space{ padding-top:10vh;} }
@media screen and (max-width: 480px) { .staff_top_space{ padding-top:0vh;} }
/*staff_ep*/
@media screen and (min-width: 1201px) {.staff_ep_space{padding-top:50vh;}}
@media screen and (max-width: 1200px) { .staff_ep_space{ padding-top:40vh;} }
@media screen and (max-width:1024px) { .staff_ep_space{ padding-top:30vh;} }
@media screen and (max-width: 480px) { .staff_ep_space{ padding-top:30vh;} }
/*　--------------------　 スタッフtittle　--------------------　*/
.staff_ttl_sideline{
padding-left: 8%;
}
.staff_ttl_sideline::before {
content: '';
display: block;
width: 7%;
height: 5px;
background: #d62717;
position: relative;
top: 1.4rem;
left: -9%;
}
@media screen and (max-width: 768px) {
.staff_ttl_sideline{
padding-left: 2rem;
}
}
/*　コメント欄背景　*/
@media screen and (min-width: 1190px) {
.staff_comment_space{
margin: 0 1rem;
}
}
@media screen and (max-width: 480px) {
.staff_gp{
margin-top:-45px;
}
}
/*　スタッフ紹介下部　スライド　*/
.staff_top_list .slick-slide a h3 {
    color:#ffffff;
    margin: 0;
    padding: 0.5rem 0;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 0;
    letter-spacing: 0.1rem;
   border-bottom:0px;
}
.staff_top_list .slick-slide {
    margin: 0.5rem;
    background-color: #1a3891;
}
.staff_top_list .slick-slide:hover {
     opacity:0.7;
     transition:0.5s;
}
.staff_top_list .slick-slide div.contentsslider_footer div.time_ymd {
    display:none;
}
.staff_top_list .slick-slide div.contentsslider_footer div.contentsslider_btn {
    display: none;
}
/*　スタッフ一覧ページ－ページリスト　*/
@media screen and (max-width: 480px) {
#archiveBoxesC2 .archiveEachBox, #archiveBoxesC3 .archiveEachBox, #archiveBoxesC4 .archiveEachBox{
    margin:0 0 2rem 0;
}
}
#archiveBoxesC3 .archiveEachBox .eachArticle p.post-time
 {
    display : none ;
}
#archiveBoxesC3 .description,
#archiveBoxesC2 .description
 {
    color: #666666;
    font-size: 0.8rem;
    padding: 0 0 0 1rem;
    border-left: 2px solid #ccc;
}
#archiveBoxesC3 .archiveEachBox .eachArticle h3.post-title{
    font-size: 1.1rem;
    padding: 1rem 0 0.5rem 1rem;
    border-left: 2px solid #1b3992;
    margin:0;
    font-weight: bold;
}
#archiveBoxesC3 .archiveEachBox .eachArticle h3.post-title a{
    color: #1b3992;
}
#archiveBoxesC3 .archiveEachBox .eachArticle h3.post-title a:hover,
#archiveBoxesC3 .archiveEachBox img:hover {
opacity:0.7;
transition:0.6s;
}

/*　スタッフ name　*/

.staff_a a{color:#1b3992;}
.staff_a a:hover{opacity:0.7; transition:0.5s;}


/*　==============================　インフォメーションコンポーザー　==============================　*/
#pt103-1Parent, #pt104-1Parent{
background-color: #ededed;
}
#pt103-1-1, #pt104-1-1{
background-color: #ffffff;
}
#pt103-1-2, #pt104-1-2{
max-width: 845px;
}
/*　--------------------　カレンダーの設定　--------------------　*/
div.cal_wrapper table.cal tr th div.cal_ui input {
    border: solid 1px #fff;
}
/*曜日部分*/
div.cal_wrapper table.cal tr.headline td {
    padding: 5px 0px;
    color: #ffffff;
}
div.cal_wrapper table.cal tr.headline {
    background-color: #3d3938;
}
/*更新日部分*/
div.cal_wrapper table.cal tr td div.Birthday {
    font-weight: bolder;
    background-color: #3d3938;
    color: #ffffff;
    border-radius: 0%;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
    background-color: #666;
}
div.cal_wrapper table.cal tr td div span {
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
    width: 180px;
    border: none;
    background-color: #ffffff;
    text-align: left;
    padding: 5px;
    z-index: 10;
    color: #ffffff;
    font-weight: normal;
    line-height: 1.8em;
    box-shadow: none;
}
div.cal_wrapper table.cal tr td {
    font-size: 10px;
    text-align: center;
    padding: 0px;
}
div.cal_wrapper table.cal tr td div {
    position: relative;
    padding: 6px 10px;
    font-size: 0.7rem;
    text-align: center;
    background-color: #FFF;
    border-radius: 0%;
}
/*----------------------- 売物件入力テーブル -----------------------*/
.propety_table_wrapper{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
.propety_table_wrapper li{
box-sizing: border-box;
width: 25%;
border: 1px solid #ececec;
}
.propety_table_wrapper li:nth-last-child(1), .propety_table_wrapper li:nth-last-child(2){
width: 50%;
}
.propety_table_list dl {
width: 100%;
}
.propety_item01{
align-self: stretch;
text-align: center;
box-sizing: border-box;
background-color: #cfcfcf;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
width: 100%;
}
.propety_item02{
align-self: stretch;
text-align: center;
box-sizing: border-box;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
border-top: 1px solid #ececec;
width: 100%;
}
@media screen and (max-width: 480px){
.propety_table_wrapper li{
width: 50%;
border: 1px solid #ececec;
}
.propety_table_wrapper li:nth-last-child(1), .propety_table_wrapper li:nth-last-child(2){
width: 100%;
}
}
/*----------------------- 分譲地入力テーブル -----------------------*/
.land_table_wrapper{
max-width: 100%;
}
.land_table_wrapper li{
border-top: 1px solid #ececec;
border-right: 1px solid #ececec;
border-left: 1px solid #ececec;
}
.land_table_wrapper li:last-child{
border: 1px solid #ececec;
}
.land_table_listH{
background-color: #cfcfcf;
}
.land_table_listH dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
box-sizing: border-box;
width: 100%;
}
.land_Hitem01{
text-align: center;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
width: 100px;
}
.land_Hitem02{
text-align: center;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
border-left: 1px solid #ececec;
width: 130px;
}
.land_Hitem03{
text-align: center;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
border-left: 1px solid #ececec;
width: calc(100% - 330px - 4rem);
}
.land_Hitem04{
text-align: center;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
border-left: 1px solid #ececec;
width: 100px;
}
.land_table_list{

}
.land_table_list dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
box-sizing: border-box;
width: 100%;
}
.land_item01{
order: 0;
align-self: stretch;
text-align: center;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
width: 100px;
}
.land_item02{
order: 1;
align-self: stretch;
text-align: center;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
border-left: 1px solid #ececec;
width: 130px;
}
.land_item03{
order: 2;
align-self: stretch;
text-align: center;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
border-left: 1px solid #ececec;
width:  calc(100% - 330px - 4rem);
}
.land_item04{
order: 3;
align-self: stretch;
text-align: center;
padding: 0.7rem 0.5rem 0.6rem 0.5rem;
border-left: 1px solid #ececec;
width: 100px;
}
@media screen and (max-width: 480px){
.land_table_wrapper li:nth-child(odd){
background-color: #efefef;
}
.land_table_listH{
display: none;
}
.land_table_list dl {
flex-flow: row wrap;
}
.land_item01{
order: 0;
text-align: left;
padding: 1rem 0.5rem 0.6rem 1rem;
width: 70px;
}
.land_item02{
order: 1;
text-align: left;
padding: 1rem 0.5rem 0.6rem 1rem;
border-left: 0px solid #ececec;
width: calc(100% - 120px -6.5rem);
}
.land_item03{
order: 3;
text-align: left;
margin: 0rem 1rem 0rem 1rem;
padding: 0.7rem 0rem 0.9rem 0rem;
border-top: 1px solid #ececec;
border-left: 0px solid #ececec;
width:  100%;
}
.land_item04{
order: 2;
text-align: left;
padding: 0.8rem 0.5rem 0.4rem 1rem;
border-left: 0px solid #ececec;
width: 50px;
}
.land_item04 span{
display: inline-block;
color: #ffffff;
padding: 0.2rem 0.5rem;
background-color: #d72617;
}
}
/*　==============================　施工事例コンポーザー　==============================　*/
#pt102-3Parent{
background-color: #ececec;
}
#pt102-3Parent> div{
background-color: #ffffff;
}
#CarouselThemeCustom .slick-dots{
display: none!important;
}
@media screen and (max-width: 480px) {
#pt102-3Parent> div{
padding: 0rem 0rem 0rem 0rem;
margin: 0rem 2rem 0rem 2rem;
}
}

/*----------------------- 施工実績入力テーブル -----------------------*/
.works-input-table{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.works-input-ttl{
color: #cfcfcf;
font-size: 2rem;
line-height: 1.5rem;
text-align: right;
padding-right: 3rem;
width: calc(275px - 3rem);
}
.works-input-contents{
padding-left: 3rem;
border-left: 1px solid #cfcfcf;
width: calc(100% - 275px - 6rem);
}
.works-input-list{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
text-align: justify;
margin-bottom: 1rem;
width: 100%;
}
.works-input-list i{
color: #cfcfcf;
padding-right: 0.5rem:
}
.works-input-list dt{
width: 120px;
}
.works-input-list dd{
width: calc(100% - 120px - 1.2rem);
padding-left: 1.2rem;
}
@media screen and (max-width: 1220px) {
.works-input-ttl{
width: calc(25% - 3rem);
}
.works-input-contents{
width: calc(100% - 25% - 6rem);
}
.works-input-list dt{
width: 100px;
}
.works-input-list dd{
width: calc(100% - 100px - 1.2rem);
}
}
@media screen and (max-width: 480px) {
.works-input-table{
flex-flow: column wrap;
}
.works-input-ttl{
text-align: justify;
padding-right: 0rem;
width: 100%;
}
.works-input-contents{
margin-top:1.5rem;
padding-top:1.5rem;
padding-left: 0rem;
border-top: 1px solid #cfcfcf;
border-left: 0px solid #cfcfcf;
width: 100%;
}
}
/*　==============================　施工実績一覧　==============================　*/
.search-category-horizontal .search-categorys a {
    border: 0px solid #3d3938;
    color:#fff;
    background-color: #3d3938;
    font-weight: bold;
}
.search-category-horizontal .search-categorys a:hover {
    color:#fff;
    background-color: #666;
}

/*　==============================　モデルハウスページ　==============================　*/
.md_a {
      padding: 1rem 0;
      vertical-align: top;
      width: 20%;
     font-weight: bold;
      text-align: justify;
color: #c4c3be;
      font-size: 0.9rem;
}
.md_b {
      text-align: justify;
      padding: 1rem  0 1rem 0.5rem;
      vertical-align: top;
      width: 80%;
}
.md_line {
     border-top:1px solid #c4c3be;
}

/*　==============================　ABOUT アバウトページ　==============================　*/
.about_main_bgcolor{
background: linear-gradient(#ffffff 100px, #eaeae0 100px, #eaeae0);
}
.about_flow_catch{

}
/*　==============================　CONCEPT コンセプトページ　==============================　*/
.concept_main_img{
max-width: 1550px;
padding-top: 30rem;
margin: 0 auto;
}
.concept_main_img_mt{
margin-top: -10rem;
}
.concept_main_picture{
padding-top: 11.5rem;
}
.concept_main_read_mr2{
margin-right: 2rem;
}
.concept_main_bgcolor{
background: linear-gradient(#ffffff 192px, #eaeae0 192px, #eaeae0);
}
.concept_btn_img a{
display: block;
background-color: rgba(0,0,0,0.5)
}
.concept_btn_img a:hover{
transition:0.6s;
background-color: rgba(0,0,0,0.1)
}
.concept_zeh_area{
margin: -23rem 2rem 0rem 2rem;
position: relative;
}
@media screen and (max-width: 1024px) {
.concept_main_picture{
padding-top: 11.5rem;
}
}
@media screen and (max-width: 768px) {
.concept_main_picture{
padding-top: 8.5rem;
}
}
@media screen and (max-width: 480px) {
.concept_main_picture{
padding-top: 6.5rem;
margin: 0rem 2rem 0rem 2rem;
}
.concept_main_read_mr2{
margin-right: 0rem;
}
.concept_zeh_area{
margin: -64.5rem 2rem 0rem 2rem;
}
}
/*　--------------------　コンセプトタイトル　--------------------　*/
.concept_ttl_box{
padding: 4rem 0rem 2em 0rem;
margin: -3.8rem 2rem 0rem 0rem;
}
@media screen and (max-width: 968px) {

}
@media screen and (max-width: 480px) {
.concept_ttl_box{
z-index: 1;
position: relative;
padding: 4rem 0rem 2em 0rem;
margin: -5.5rem 2rem 0rem 2rem;
}
}
/*　==============================　HOME トップページ　==============================　*/
.top_main_catch{
max-width: 1720px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.top_main_catch{
background-color: rgba(255,255,255,0.8);
}
}
/*　--------------------　 ワイドライン▼に関する設定　--------------------　*/
.top_line_arrow{
position: relative;
top: 4rem;
clip-path: polygon(54% 100%, 50% 0%, 46% 100%);
background-color: rgba(255,255,255,1);
transform: rotateX(180deg);
}
/*　--------------------　 コンセプト/アバウト画像　--------------------　*/
.top_concept01_img{
margin: 0rem 3rem 2rem 0rem;
padding-top: 30.7rem;
}
.top_concept02_img{
margin: 0rem 0rem 2rem 0rem;
padding-top: 40rem;
}
.top_concept03_img{
margin: 0rem 0rem 0rem 3rem;
padding-top: 37rem;
}
.top_about01_img{
margin: 0rem;
padding-top: 36.5rem;
}
@media screen and (max-width: 1024px) {
.top_concept01_img{
padding-top: 27rem;
}
.top_concept02_img{
padding-top: 33.3rem;
}
.top_concept03_img{
padding-top: 35rem;
}
.top_about01_img{
margin: 0rem;
padding-top: 39.5rem;
}
}
@media screen and (max-width: 768px) {
.top_concept01_img{
padding-top: 18rem;
}
.top_concept02_img{
padding-top: 24rem;
}
.top_concept03_img{
padding-top: 24rem;
}
.top_about01_img{
margin: 0rem;
padding-top: 43.5rem;
}
}
@media screen and (max-width: 480px) {
.top_concept01_img{
margin: 0rem 0rem 2rem 0rem;
padding-top: 18rem;
}
.top_concept03_img{
margin: 0rem 0rem 0rem 0rem;
padding-top: 25rem;
}
.top_about01_img{
margin: 0rem 0rem 2rem 0rem;
padding-top: 24rem;
}
}
/*　--------------------　 コンセプト/アバウトのキャッチ　--------------------　*/
.top_contents_catch{
font-weight: bold;
letter-spacing: 0.4rem;
}
@media screen and (max-width: 768px) {
.top_contents_catch{
letter-spacing: 0.2rem;
}
}
/*　--------------------　 コンセプトの左右のカラム　--------------------　*/
.top_concept_columnR{
max-width: 490px;
margin: 0% 24.5% 0% 0%;
}
.top_concept_columnL{
max-width: 490px;
margin: 0% 0% 0% 24.5%;
}
.top_concept_columnC{
margin-top: -12.5rem;
}
@media screen and (max-width: 768px) {
.top_concept_columnR{
max-width: 100%;
margin: 0% 2rem 0% 0% ;
}
.top_concept_columnL{
max-width: 100%;
margin: 0% 0% 0% 2rem;
}
}
@media screen and (max-width: 480px) {
.top_concept_columnR{
max-width: 100%;
margin: 0% 2rem 0% 2rem ;
}
.top_concept_columnL{
max-width: 100%;
margin: 0% 2rem 0% 2rem;
}
.top_concept_columnC{
margin: 0rem 2rem 0% 2rem;
}
}
/*　--------------------　 アバウトの左右のカラム　--------------------　*/
.top_about_columnR{
margin: -12.5rem 0rem 0rem 0rem;
}
.top_about_columnL{
max-width: 800px;
margin: 0% 3.5rem 0% 15.5%;
}
@media screen and (max-width: 480px) {
.top_about_columnL{
margin: 0% 2rem 0% 2rem;
}
.top_about_columnR{
margin: 0rem;
}
}
/*　--------------------　 企業情報のカラム　--------------------　*/
.top_company_column{
margin: 0% 0% 0% 7.5%;
}
@media screen and (max-width: 480px) {
.top_company_column{
margin: 0% 2rem 0% 2rem;
}
}
/*　--------------------　 メインコンテンツタイトル　--------------------　*/
.top_ttl_sideline{
padding-left: 8%;
}
.top_ttl_sidelineW{
padding-left: 8%;
}
.top_ttl_sideline::before {
content: '';
display: block;
width: 7%;
height: 5px;
background: #3e3a39;
position: relative;
top: 1.4rem;
left: -9%;
}
.top_ttl_sidelineW::before {
content: '';
display: block;
width: 7%;
height: 5px;
background: #ffffff;
position: relative;
top: 1.4rem;
left: -9%;
}
@media screen and (max-width: 768px) {
.top_ttl_sideline{
padding-left: 2rem;
}
.top_ttl_sidelineW{
padding-left: 2rem;
}
}
/*　--------------------　企業情報ボタン　--------------------　*/
.top_btn_co a{
padding: 2rem 0rem 1.9rem 0rem;
}
.top_btn_co .fs_btn_text {
line-height:1.9rem;
width: 100%;
}
.top_btn_co .fs_btn_text_main{
font-size: 1.3rem;
}
.top_btn_co .fs_btn_text_sub{
font-size: 1rem;
}
.top_btn_co_m{
margin-top: -4rem;
}
@media screen and (max-width: 480px) {
.top_btn_co_m{
margin-top: -3rem;
}
.top_btn_co a{
padding: 1rem 0rem 0.9rem 0rem;
}
}
/*　--------------------　 NEXTボタン　--------------------　*/
@media screen and (max-width: 480px) {
.top_btn_next a{
width: 100%!important;
}
}
/*　--------------------　 INFO画像ボタン　--------------------　*/
.top_btn_info .fs_btn_text {
line-height:1.9rem;
}
.top_btn_info .fs_btn_text_main{
font-size: 1.4rem;
}
.top_btn_info .fs_btn_text_sub{
font-size: 0.9rem;
}
.top_btn_info a{
display: block;
background-color: rgba(0,0,0,0.5);
padding: 2.9rem 0.5rem 2.7rem 0.5rem;
}
.top_btn_info a:hover{
transition:0.6s;
background-color: rgba(0,0,0,0.1);
}
/*　--------------------　 背景スライドに関する設定　--------------------　*/
body> .vegas-slide> .vegas-slide-inner{
background-position: center left!important;
}
body>.vegas-slide{
position: fixed!important;
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {
body> .vegas-slide> .vegas-slide-inner{
background-position: center center!important;
}
}
/*　==============================　お問い合わせ CONTACT　==============================　*/
.cf .formBlockSurveyTable> dl:nth-child(2n){
padding: 3% 0%!important;
}
.cf .formBlockSurveyTable> dl:nth-child(2n) dd{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
align-self: flex-start;
text-align: flex-start;
}
.radioPair{
width: 120px!important;
}
.radioPair input{
margin-top: 0rem;
padding: 0% 2%!important;
width: 20px!important;
}
.cf .formBlockSurveyTable dl dt {
color: #777777;
text-align: left;
width:100%;
margin-right: 0%!important;
}
.cf .formBlockSurveyTable dl dd {
width: 100%;
}
.cf .formBlockSurveyTable dl {
padding: 1% 0;
}
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 2%;
}
.cf .formBlockSubmitButton {
width:100%!important;
text-align:center!important;
}
.cf .formBlockSubmitButton:hover {
transition:0.6s;
opacity: 0.7;
}
.cf .on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 100%;
}
}
/*　==============================　サイトポリシー/プライバシーポリシー　==============================　*/
.sitepolicy_btn{
margin-top: -5.9rem;
}
@media screen and (max-width: 480px) {
.sitepolicy_btn .fs_btn, .privacypolicy_btn .fs_btn{
width: 100%!important;
}
}
/*　==============================　ページタイトル　==============================　*/
/*　--------------------　 ページタイトルに関する設定　--------------------　*/
.page_ttl_set{
max-width: 100%;
position: relative;
right: 6rem;
text-align: right;
}
.works_ttl_img{
padding-top: 52.3vh;
}
.info_subttl_space_top{
padding-top: 11.5rem;
}
.info_subttl_space_bottom{
padding-top: 2rem;
}
.info_subttl_space_center{
padding-top: 23.5rem;
}
.page_ttl_ornament{
position: relative;
top: 1.5rem;
margin-right: 1-px;
padding-top: 12rem;
background-size: 120%!important;
background-position: right bottom!important;
}
.page_ttl_ornament_s{
position: relative;
top: 1.5rem;
margin-right: 1-px;
padding-top: 5rem;
background-size: 120%!important;
background-position: right bottom!important;
}
@media screen and (max-width: 1250px) {
.page_ttl_set{
right: 0rem;
left: 2rem;
text-align: justify;
}
}
@media screen and (max-width: 1200px) {
.works_ttl_img{
padding-top: 59vh;
}
.page_ttl_ornament{
top: 1.3rem;
background-size: 160%!important;
}
.info_subttl_space_bottom{
padding-top: 1.5rem;
}
.info_subttl_space_center{
padding-top: 23.8rem;
}
}
@media screen and (max-width: 1024px) {
.works_ttl_img{
padding-top: 40.7vh;
}
.page_ttl_ornament{
padding-top: 9rem;
top: 1.1rem;
background-size: 180%!important;
}
.page_ttl_ornament_s{
padding-top: 5rem;
top: 1.1rem;
background-size: 180%!important;
}
.info_subttl_space_bottom{
padding-top: 1rem;
}
.info_subttl_space_center{
padding-top: 23rem;
}
}
@media screen and (max-width: 768px) {
.works_ttl_img{
padding-top: 38.2vh;
}
.info_subttl_space_top{
padding-top: 11rem;
}
.info_subttl_space_bottom{
padding-top: 0.3rem;
}
.info_subttl_space_center{
padding-top: 23.2rem;
}
}
@media screen and (max-width: 480px) {
.page_ttl_set{
left: 0rem;
max-width: 100%;
margin: 0% 2rem 0% 2rem;
}
.page_ttl_ornament{
padding-top: 2.5rem;
top: 1.1rem;
background-size: 100%!important;
}
.page_ttl_ornament_s{
padding-top: 2.5rem;
top: 1.1rem;
background-size: 100%!important;
}
.info_subttl_space_bottom{
padding-top: 0.5rem;
}
}
/*　--------------------　 コンテンツのタイトル　--------------------　*/
.contents_ttl_sideline{
padding-left: 25%;
}
.contents_ttl_sidelineW{
padding-left: 25%;
}
.contents_ttl_sideline::before {
content: '';
display: block;
width: 25%;
height: 5px;
background: #3e3a39;
position: relative;
top: 1.4rem;
left: -33%;
}
.contents_ttl_sidelineW::before {
content: '';
display: block;
width: 25%;
height: 5px;
background: #ffffff;
position: relative;
top: 1.4rem;
left: -33%;
}
@media screen and (max-width: 480px) {
.contents_ttl_sideline{
padding-left: 2rem;
}
.contents_ttl_sidelineW{
padding-left: 2rem;
}
.contents_ttl_sideline::before {
width: 4%;
left: -6%;
}
.contents_ttl_sidelineW::before {
width: 4%;
left: -6%;
}
}
/*　==============================　header　==============================　*/
/*　--------------------　 ↓↓↓↓↓↓↓ヘッダーを下げる設定↓↓↓↓↓↓↓↓　--------------------　*/
header{
/* 作業中は【position: absolute】をコメントアウト */
position: absolute;
top: 0rem;
min-height: auto!important;
z-index: 1;
}
#header-2Parent> div{
background-color: #ffffff;
margin: 2rem auto 0rem  auto;
}
@media screen and (max-width: 1250px) {
#header-2Parent> div{
margin: 0rem;
}
#header-3Parent> div{
margin: 0rem;
}
}
/*　--------------------　↑↑↑↑↑↑↑↑↑ ヘッダーを下げる設定↑↑↑↑↑↑↑↑↑　--------------------　*/
/*　--------------------　 ヘッダーロゴに関する設定　--------------------　*/
@media screen and (min-width: 769px) {
.logo_h .fs_btn{padding-top: 75px!important;}}
@media screen and (min-width: 769px) {
.logo_h {margin: 0rem 0rem 0.1rem 0rem; }}
@media screen and (max-width: 768px) {
.logo_h .fs_btn{padding-top: 65px!important;}}
@media screen and (max-width: 768px) {
.logo_h {margin: 1.2rem 0rem 0.4rem 0rem;}}
@media screen and (max-width: 480px) {
.logo_h .fs_btn{padding-top: 40px!important;}}
@media screen and (max-width: 480px) {
.logo_h {margin: 0.8rem 0rem 0.8rem 0rem;}}
/*　--------------------　PC用（オートナビ）に関する設定　--------------------　*/
.h_pc_navi a {
position: relative;
display: inline-block;
padding: 1rem 0.75rem 1rem 0.75rem!important;
transition: .3s;
}
.h_pc_navi> .fsNavMenuList> .main_list_li> a::after{
position: absolute;
top: 1.5rem;
left: 0;
content: '';
width: 0;
height: 20px;
background-color: rgba(122,141,149,0.2);
transition: .3s;
}
.h_pc_navi> .fsNavMenuList> .main_list_li:hover> a{
color: #241916!important;
}
.h_pc_navi> .fsNavMenuList> .main_list_li> a:hover::after {
width: 100%;
}
.h_pc_navi .has_sub_class .sub_list{
background-color: #ffffff;
border-top: 4px solid #1b3992;
border-bottom: 4px solid #1b3992;
}
.h_pc_navi .has_sub_class .sub_list li{
border: 1px solid #cfcfcf;
}
.h_pc_navi  .fsNavMenuList li:first-child a{
padding: 1.3rem 0.65rem 1.3rem 0.65rem!important;
}
.h_pc_navi .fsNavMenuList{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
}
.h_pc_navi .fsNavMenuList .sub_list li a{
padding: 1rem!important;
border-bottom: 1px solid #efefef;
}
.h_pc_navi .has_sub_class .sub_list li:last-child a{
border-bottom: 0px solid #efefef;
}
.h_pc_navi> .fsNavMenuList> .main_list_li:last-child{
     display:none;
}
.h_pc_navi> .fsNavMenuList> .main_list_li:nth-child(8){
     display:none;
}
@media screen and (max-width: 1180px) {
.h_pc_navi> .fsNavMenuList> .main_list_li:first-child{display:none;}}

/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/
.fat-nav ul {
    vertical-align: top;
    padding: 2.5rem 0 0 0 ;
}
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.8rem 2rem;
font-size: 1.2rem;
line-height: 1.3rem;
border-bottom: 1px solid #cfcfcf;
}
.fat-nav li a {
border-bottom: 0px solid #fff;
}
.fat-nav li .sub_title{
font-size: 0.9rem;
font-weight: normal;
display:none;
}
.fat-nav{
background: rgba(62, 58, 57, 0.96);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #3e3a39;
}
.topfix_A {
position: absolute;
z-index: 20;
top: 0;
right: 0;
padding: 42px 36px 0px 0px!important;
}
.topfix_B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
padding: 73px 48.5px 0px 0px!important;
}
@media screen and (max-width: 480px) {
.topfix_A {
padding: 9px 10px 0px 0px!important;
}
.topfix_B {
padding: 40px 23px 0px 0px!important;
}
}
/*　==============================　footer　==============================　*/
/*　--------------------　 フッターロゴに関する設定　--------------------　*/
@media screen and (min-width: 769px) {
.logo_f .fs_btn{padding-top: 85px!important;}}
@media screen and (min-width: 769px) {
.logo_f {margin: 0rem 0rem 0.1rem 0rem; }}
@media screen and (max-width: 768px) {
.logo_f .fs_btn{padding-top: 80px!important;}}
@media screen and (max-width: 768px) {
.logo_f {margin: 1.2rem 0rem 0.4rem 0rem;}}
@media screen and (max-width: 480px) {
.logo_f .fs_btn{padding-top: 60px!important;}}
@media screen and (max-width: 480px) {
.logo_f {margin: 0.8rem 0rem 0.8rem 0rem;}}
/*　--------------------　その他　--------------------　*/
.footer_phone .fs_btn{
display: inline-block!important;
width: auto!important;
}
.f_btn_img a{
display: block;
background-color: rgba(0,0,0,0.5)
}
.f_btn_img a:hover{
transition:0.6s;
background-color: rgba(0,0,0,0.1)
}

/*　--------------------　リンクカラー　--------------------　*/
.f_link a , .f_link a:visited, .f_link a:active  {
color: #ffffff;
}
.f_link a:hover{
/*opacity: 0.5;*/
transition:0.1s;
border-bottom: 1px solid #ffffff;
}
/*　--------------------　サイトマップ　--------------------　*/
.footer_font a:hover{
transition:0.6s;
color: #7a8d95!important;
}
.footer_s_map{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
width:100%;
margin: 0rem;
}
.footer_s_map li p a:hover{
transition:0.6s;
color: #7a8d95!important;
}
.fam_about{
order: 0;
align-self: stretch;
width: 165px;
}
.fam_guide{
order: 4;
align-self: stretch;
width: 165px;
margin-top: -5.5rem;
}
.fam_works{
order: 1;
align-self: stretch;
width: 130px;
}
.fam_info{
order: 2;
align-self: stretch;
width: 175px;
}
.fam_company{
order: 3;
align-self: stretch;
width: calc(100% - 470px);
}
.s_map_main{
letter-spacing: 0.1rem;
font-size:1rem;
color: #7a8d95;
padding: 0rem 0rem 0.4rem 0rem;
vertical-align: bottom;
}
.s_map_sub{
vertical-align: top;
font-size: 0.8rem;
padding: 0rem 0rem 0.6rem 0rem;
}
.s_map_sub a{
color: #ffffff;
}
@media screen and (max-width: 1024px) {
.fam_about{
width: 130px;
}
.fam_guide{
width: 130px;
}
.fam_works{
width: 110px;
}
.fam_info{
width: 150px;
}
.fam_company{
width: calc(100% - 390px);
}
}
@media screen and (max-width: 768px) {
.footer_s_map li{
margin-bottom: 0.5rem;
}
.fam_about{
order: 0;
width: 130px;
}
.fam_guide{
order: 1;
width:  calc(100% - 130px);
margin-top: 0rem;
}
.fam_works{
order: 2;
width: 130px;
}
.fam_info{
order: 3;
width:  calc(100% - 130px);
}
.fam_company{
order: 4;
width: 100%;
}
.s_map_main{
letter-spacing: 0.1rem;
font-size:1.2rem;
padding: 0rem 0rem 0.5rem 0rem;
vertical-align: bottom;
}
.s_map_sub{
vertical-align: top;
font-size: 0.9rem;
padding: 0rem 0rem 0.5rem 0rem;
}
}
/*　--------------------　ページトップボタン　--------------------　*/
.btn_pagetop {
position: fixed;
z-index: 20;
bottom: -8px;
right: 0;
}
.btn_pagetop .fs_btn:before {
position: absolute;
top: -26px;
left: 0px;
width: 0;
height: 0;
content: "";
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-bottom: 26px solid #d72617;
}
@media screen and (max-width: 480px) {
.btn_pagetop .fs_btn{
width: 55px!important;
height: 25px!important;
}
.btn_pagetop .fs_btn:before {
position: absolute;
top: -20px;
left: 0px;
width: 0;
height: 0;
content: "";
border-left: 27px solid transparent;
border-right: 28px solid transparent;
border-bottom: 20px solid #d72617;
}
}
/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato","游ゴシック Medium", "Yu Gothic Medium",  "游ゴシック体", YuGothic, sans-serif;
}
.eiji_roboto {
font-family: 'Roboto', "游ゴシック Medium", "Yu Gothic Medium",  "游ゴシック体", YuGothic, sans-serif;
}
.eiji_barlow{
font-family: 'Barlow Condensed', "游ゴシック Medium", "Yu Gothic Medium",  "游ゴシック体", YuGothic, sans-serif;
}
.space{
letter-spacing: 0.2rem;
}
.space_1{
letter-spacing: 0.1rem;
}
.space_2{
letter-spacing: 0.4rem;
}
.br_sp{
display:none;
}
.br_sp_r{
display:inline;
}
.br_TBH{
display:none;
}
@media screen and (max-width: 768px) { 
.tx_centerTBH{
text-align: center!important;
}
.tx_leftTBH{
text-align: justify!important;
}
.tx_rightTBH{
text-align: right!important;
}
.br_TBH{
display:block;
line-height:0rem;
}
}
@media screen and (max-width: 480px) { 
.tx_center{
text-align: center!important;
}
.tx_left{
text-align: justify!important;
}
.tx_right{
text-align: right!important;
}
.br_sp{
display:block;
line-height:0rem;
}
.sp_br_none br {
  display:none;
 }
.br_sp_r{
display:none;
}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp_br br {
  display:none;
 }
}
/*　==============================　背景に関する設定　==============================　*/
@media screen and (max-width: 480px) {
.sp_bg_none{
background-image: none!important;}
}
@media screen and (max-width: 768px) {
.tb_bg_none{
background-image: none!important;}
}
@media screen and (max-width: 1024px) {
.tb_bg_scroll{
    background-attachment: scroll!important; }
}


/*　==============================　色に関する設定　==============================　*/
.rgba_white{
background-color:rgba(255,255,255,0.8);
}
.rgba_black{
background-color:rgba(0,0,0,0.8);
}
.rgba_greyR{
background-color: rgba(0,0,0,0.07);
}

/*　==============================　ページリストに関する設定　==============================　*/
/*　--------------------　ページリストスライダー　--------------------　*/
#archiveBoxesC4-slidecardA button{
display: none!important;
}
#archiveBoxesC4-slidecardA .slick-list{
margin: 0rem!important;
}
/*　--------------------　ページリスト　--------------------　*/
.info_top .tk_flex{
padding: 1.2rem 0rem 1.1rem 0rem!important;
}
.info_top .tk_title{
font-size: 1rem!important;
margin-bottom: 0rem!important;
}
.info_top .tk_tags{
color: #ffffff;
}
.info_top .tk_title span:nth-child(2n){
display: none;
}
.info_top .tk_tags_Tags_infoNEWS{
background-color: rgba(0,0,0,1);
}
.info_top .tk_tags_Tags_infoEVENT{
background-color: rgba(255,179,0,1);
}
.info_top .tk_tags_Tags_infoMEDIA{
background-color: rgba(203,191,0,1);
}
.info_top .tk_tags_Tags_infoLAND{
background-color: rgba(40,50,70,1);
}
.info_top .tk_tags_Tags_infoPROPETY{
background-color: rgba(85,154,174,1);
}
.info_top .tk_kiji{
display: none!important;
}
.info_top .tk_flex{
padding: 1.2rem 0rem 1.1rem 0rem!important;
}
.info_list .tk_tags_time{
font-size: 0.8rem;
}
.info_list .tk_title span{
font-size: 0.8rem;
}
.info_list .tk_title a{
font-size: 1rem;
}
.info_list .tk_kiji a{
font-size: 0.9rem;
}
.info_list_img .tk_top{
color: #ffffff;
}
.info_list_img .tk_top span{
padding: 0.3rem 0.5rem;
}
.info_list_img .tk_top span:nth-child(2n){
display: none;
}
.info_list_img .tk_tags_Tags_infoLAND{
background-color: rgba(40,50,70,1);
}
.info_list_img .tk_tags_Tags_infoPROPETY{
background-color: rgba(85,154,174,1);
}
.info_list_media .tk_tags_Tags_infoMEDIA{
font-size: 0.8rem;
padding: 0.3rem 0.5rem;
background-color: rgba(203,191,0,1);
color: #ffffff;
margin-right: 1rem;
}
.info_list_media .post-time{
padding: 0.5rem 0rem;
}
.info_list_media .description{
padding-top: 0.5rem;
}
.flag-tag3{
background-color: rgba(40,50,70,1);
color: #ffffff;
}
.flag-tag4{
background-color: rgba(85,154,174,1);
color: #ffffff;
}
.info_list_media .tk_flex, .info_list .tk_flex{
padding:1rem 0;
}
.info_list_media .tk_kiji a{
font-size: 1rem;
}
/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{
margin-top: 1rem;
}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{
top: 0.5rem!important;
}
#pagination .currentPage  strong{
background-color: #004499!important;
color: #ffffff!important;
}
#pagination .numbers {
margin-right: 0.6rem;
}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color: #f1f1f1;
padding: 0.5rem 1rem;
display: inline-block;
}
/*　==============================　検索に関する設定　==============================　*/
/*　--------------------　テキストウィンドウタイプ　--------------------　*/
.info_search_box{
max-width: 685px;
}
.info_search #searchResults{
display: none;
}
.info_search .ccm-search-block-form{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
box-sizing: border-box;
}
.info_search .ccm-search-block-text{
/* line-height: 1.42857143; */
color: #696969;
box-sizing: border-box;
display: block;
width: 78%;
/* height: 34px; */
padding: 11px 12px;
margin-right: 2%;
background-color: #ededed;
background-image: none;
border: 1px solid #ededed;
border-radius: 5px;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.info_search .ccm-search-block-submit{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: center;
font-family: inherit;
border-radius: 5px;
font-size: 1.2em;
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #FFF;
width: 20%;
background-color: #696969;
padding: 0.25rem 0.5rem;
cursor: pointer;
}
/*　==============================　■■デフォルト■■　==============================　*/
/*　--------------------　パンくずに関する設定　--------------------　*/
.fs_breadcrumb a {
color:#241916;
}
.fs_breadcrumb a:hover{
opacity:0.6;
transition:0.6s;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
}
}
@media screen and (min-width: 480px) {
.tel_splink {
pointer-events: none;
}
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover_opacity:hover{
opacity: 0.8;
transition:0.6s;
}
/*　box-shadow　*/
.boxshadow_20 {
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);
}
.boxshadow_20_img img {
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);
}

/*　--------------------　GOOGLE FONT　--------------------　*/
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: local('Barlow Condensed Medium'), local('BarlowCondensed-Medium'), url(https://fonts.gstatic.com/s/barlowcondensed/v1/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3jWuZEC.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: local('Barlow Condensed Medium'), local('BarlowCondensed-Medium'), url(https://fonts.gstatic.com/s/barlowcondensed/v1/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Barlow Condensed Bold'), local('BarlowCondensed-Bold'), url(https://fonts.gstatic.com/s/barlowcondensed/v1/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3jWuZEC.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Barlow Condensed Bold'), local('BarlowCondensed-Bold'), url(https://fonts.gstatic.com/s/barlowcondensed/v1/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}