@charset "utf-8";

/*基本設定ここから*/
.tc { max-width: 980px; margin: 0px auto; text-align:center;}

/*画像共通*/
.tc img { margin: 0 auto; display: block;}
.tc h2 img,
.tc h3 img,
.tc h4 img,
.tc h5 img { display: inline;}

/*要素の余白*/
.fit_t {padding-top:0 !important;}
.fit_b {padding-bottom:0 !important;}
.fit_r {padding-right:0 !important;}
.fit_l {padding-left:0 !important;}
.fit_all {padding:0 !important;}

/*テキスト赤文字*/
.tc strong {color: red;font-weight: normal;}

/*ボックス*/
.tc_box { width:100%; max-width:980px; margin: 20px auto; padding:20px; box-sizing:border-box;}
@media screen and (max-width:1024px) {
.tc_box { margin: 2% auto; padding:2%;}
}

/*インナー*/
.tc_inner { width:100%; padding:0 20px 20px; box-sizing:border-box;}
.tc_inner:first-child { padding:20px;}
:not(.tc_inner)+.tc_inner { padding:20px;}
@media screen and (max-width:1024px) {
.tc_inner { padding:0 2% 2%;}
.tc_inner:first-child { padding:2%;}
:not(.tc_inner)+.tc_inner { padding:2%;}
}

/*インナーの子要素*/
.tc_inner>div { width:100%; padding:0 20px 20px; box-sizing:border-box;}
.tc_inner>div:first-child { padding:20px;}
.tc_inner>:not(div)+div{ padding:20px;}
@media screen and (max-width:1024px) {
.tc_inner>div { padding:0 2% 2%;}
.tc_inner>div:first-child { padding:2%;}
.tc_inner>:not(div)+div{ padding:2%;}
}

/*テキスト*/
.tc_txt { width:100%; font-size:16px; line-height: 1.8em; padding:0 20px 20px; text-align: left; overflow: hidden; box-sizing:border-box;}
.tc_txt:first-child { padding:20px;}
:not(.tc_txt)+.tc_txt { padding:20px;}
@media screen and (max-width:1024px) {
.tc_txt { padding:0 2% 2%;}
.tc_txt:first-child { padding:2%;}
:not(.tc_txt)+.tc_txt { padding:2%;}
}
@media screen and (max-width:640px) {
.tc_txt { font-size:108%;}
}

/*導線上下の余白*/
.tc_btn { margin: 20px auto;}
@media screen and (max-width:1024px) {
.tc_btn { margin: 2% auto;}
}

/*段落上下の余白*/
.par_t { margin-top: 40px;}
.par_b { margin-bottom: 40px;}
@media screen and (max-width:1024px) {
.par_t_d1024-320,
.par_t { margin-top: 4%;}
.par_b_d1024-320,
.par_b { margin-bottom: 4%;}
}

/*シャドウ*/
.tc .sdw{ box-shadow: 3px 3px 2px 0px #9d9d9d;
-moz-box-shadow: 3px 3px 2px 0px #9d9d9d;
-webkit-box-shadow: 3px 3px 2px 0px #9d9d9d;
-ms-box-shadow: 3px 3px 2px 0px #9d9d9d;}
/*吹き出し用シャドウ*/
.tc .sdw.tc_balloon:after { box-shadow: 2px 3px 2px 0px #9d9d9d;
-moz-box-shadow: 2px 3px 2px 0px #9d9d9d;
-webkit-box-shadow: 2px 3px 2px 0px #9d9d9d;
-ms-box-shadow: 2px 3px 2px 0px #9d9d9d;
}

/*テキスト右側 sp画像w50%表示*/
.txt_r_1per2 p img { float: left; width: auto !important; margin: 0 20px 20px 0;}
/*テキスト右側 sp画像w33%表示*/
.txt_r_1per3 p img { float: left; width: auto !important; margin: 0 20px 20px 0;}

/*テキスト左側 sp画像w50%表示*/
.txt_l_1per2 p img { float: right; width: auto !important; margin: 0 0 20px 20px;}
/*テキスト左側 sp画像w33%表示*/
.txt_l_1per3 p img { float: right; width: auto !important; margin: 0 0 20px 20px;}

@media screen and (max-width:1024px) {
.txt_r_1per2 p img,
.txt_l_1per2 p img { max-width: 50% !important;}
.txt_r_1per2 p img,
.txt_r_1per3 p img { margin: 0 2% 2% 0;}
.txt_l_1per2 p img,
.txt_l_1per3 p img { margin: 0 0 2% 2%;}
}
@media screen and (max-width:640px) {
.txt_r_1per3 p img,
.txt_l_1per3 p img { max-width: 30% !important;}
}

/*hタグ左側*/
.htag_l h2,
.htag_l h3,
.htag_l h4 { text-align: left;}
.htag_l p img { float: right; width: auto !important; margin: 0 0 20px 20px;}
/*hタグ右側*/
.htag_r h2,
.htag_r h3,
.htag_r h4 { text-align: right;}
.htag_r p img { float: left; width: auto !important; margin: 0 20px 20px 0;}
@media screen and (max-width:1024px) {
.htag_l p img { margin: 0 0 2% 2%;}
.htag_r p img { margin: 0 2% 2% 0;}
}
.htag_l .tc_txt,
.htag_r .tc_txt { overflow: visible;}

/*導線テンプレート用、等分テンプレート用共通*/
.tc .cnt_box_inner { max-width: 980px; padding: 0 10px; box-sizing: border-box;}
.tc .is_1per1 div { padding: 0 10px;}
@media screen and (max-width:1024px) {
.tc .cnt_box_inner,
.tc .is_1per1 div { padding: 0 1%;}
}


/* 導線共通部分ここから */
.cnt_box_inner{max-width: 960px; width: 100%; height: auto; overflow: hidden; margin:0px auto; padding: 10px 0;}
.is_1per1 div{box-sizing: border-box; width: 100%; padding:10px;}
.is_1per2 li{box-sizing: border-box; width: 50%; float: left; padding:10px;}
.is_1per3 li{box-sizing: border-box; width: 33.3%; float: left; padding:10px;}
.is_1per4 li{box-sizing: border-box; width: 25%; float: left; padding:10px;}

@media screen and (max-width: 1024px){
  .cnt_box_inner{padding:0;}
}

@media screen and (max-width: 640px){
  .is_1per1 div{padding:2%;}
  .is_1per2 li{padding:2%;}
  .is_1per3 li{padding:2%;}
  .is_1per4 li{width: 50%; padding:2%;}
}
/*2,3,4カラム*/
.tc .is_1per2 li,
.tc .is_1per3 li,
.tc .is_1per4 li { padding: 0 10px;}
.tc .is_1per3 li {  width : 33.33333% ; width : -webkit-calc(100% / 3) ;}
@media screen and (max-width:1024px) {
.tc .is_1per2 li,
.tc .is_1per3 li,
.tc .is_1per4 li { padding: 0 1%;}
}
@media screen and (max-width:640px) {
.tc .is_1per4 li { margin-bottom: 2%;}
.tc .is_1per4 li:last-child,
.tc .is_1per4 li:nth-last-child(2) { margin-bottom: 0;}
}
/*2,3カラム リキッド*/
@media screen and (max-width:640px) {
.tc .is_1per2.tc_riquid li,
.tc .is_1per3.tc_riquid li { width: 100%; float:none;}
}
/*基本設定ここまで*/


/*ショールームここから*/
.tc_showroom .tc_btn.tc_showroom_btn {margin-bottom:60px;}
@media screen and (max-width:1024px) {
.tc_showroom .tc_btn.tc_showroom_btn {margin-bottom:6%;}
}

.pg_showroom_h4 {
    clear: both;
    background: none repeat scroll 0% 0% #002a00;
    padding: 2%;
    margin-bottom: 5px;
    color: #fff;
    font-size: 24px;
    margin-top: 2%;
}

.pg_showroom_ggmap {
    padding-bottom: 30%!important;
}

.tc_showroom .tc_box_02 { margin: 0;}
.tc_showroom .tc_box_02 .tc_inner { border: 3px solid #008335;}
.tc_showroom .tc_box_02 h2 { background-color:#008335;}
.tc_showroom .tc_box_02 .tc_cbox li { text-align: left; box-sizing: border-box; list-style-type:none; background-repeat:no-repeat; background-position:left 50%;}
.tc_showroom .tc_box_02 .tc_cbox li:first-child { background-image:url("../../showroom/images/merit_01.png");}
.tc_showroom .tc_box_02 .tc_cbox li:nth-child(2) { background-image:url("../../showroom/images/merit_02.png");}
.tc_showroom .tc_box_02 .tc_cbox li:nth-child(3) { background-image:url("../../showroom/images/merit_03.png");}
.tc_showroom .tc_box_02 .tc_cbox li { width: 82%; min-height: 63px; margin: 1% auto; padding-left:24%; font-size: 28px; background-size: 189px auto; font-weight: bold; color: #323232;padding-top: 1%}
@media screen and (max-width:980px) {
.tc_showroom .tc_box_02 .tc_cbox li { width: 88%; font-size:24px; background-size: 24% auto; background-position: left 38%;padding-top: 2%;}
}
@media screen and (max-width:640px) {
.tc_showroom .tc_box_02 .tc_cbox li { width:90%; min-height: 7vw; font-size:20px;}

}
@media screen and (max-width:480px) {
.tc_showroom .tc_box_02 .tc_cbox li { font-size:16px;}
}
@media screen and (max-width:400px) {
.tc_showroom .tc_box_02 .tc_cbox li { min-height: 0;}
}

.tc_showroom .tc_box_03 li {padding-bottom:15px;}
@media screen and (max-width:1024px) {
.tc_showroom .tc_box_03 li {padding-bottom:2%;}
}

.tc_showroom .tc_box_04 {margin-top:40px;}
.tc_showroom .tc_box_04 .tc_inner { background: transparent url("../../showroom/images/bg_showroom_01.png") repeat scroll 0px 0px; border:2px solid #008335;}
.tc_showroom .tc_box_04 .htag_r h4 img { max-width: 49% !important; margin-right: 10px; display: inline;}
.tc_showroom .tc_box_04 .htag_r .tc_txt img { max-width: 46% !important; margin-top: -32%; margin-right: 4%;}
.tc_showroom .tc_box_04 .htag_l h3 img { max-width: 50% !important; display: inline;}
.tc_showroom .tc_box_04 .htag_l .tc_txt img { max-width: 48% !important; margin-top: -7%; margin-bottom: 0;}
@media screen and (max-width:1024px) {
.tc_showroom .tc_box_04 {margin-top:4%;}
.tc_showroom .tc_box_04 .htag_r h3 img { margin-right: 0;}
.tc_showroom .tc_box_04 .htag_r .tc_txt img { margin-right: 5%;}
.tc_showroom .tc_box_04 .htag_l .tc_txt img { margin-bottom: 2%;}
}

.tc_showroom .tc_box_05 .htag_l h4 img { max-width: 45% !important; display: inline;}
.tc_showroom .tc_box_05 .htag_l .tc_txt img { max-width: 49% !important; margin-top: -7%; margin-bottom: 0;}
.tc_showroom .tc_box_05 .tc_txt span { font-size: 18px;}
.tc_showroom .tc_box_05 .tc_txt span strong { line-height: 2em;}
@media screen and (max-width:1024px) {
.tc_showroom .tc_box_05 .tc_txt span { font-size: 18px;}
.tc_showroom .tc_box_05 .tc_txt span strong { line-height: 1.8em;}
}
@media screen and (max-width:640px) {
.tc_showroom .tc_box_05 .tc_txt span { font-size: 16px;}
.tc_showroom .tc_box_05 .htag_l .tc_txt img{max-width: 45% !important;}
}

/*ショールームここまで*/