@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:123%; 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%;}
}
/*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;}
}
/*基本設定ここまで*/

/*見学会ここから*/
@media screen and (min-width:1025px) {
.tc_tour .tc_box_02 .tc_txt,
.tc_tour .tc_box_03 .tc_txt,
.tc_tour .tc_box_04 .tc_txt,
.tc_tour .tc_box_05 .tc_inner div { padding: 20px 30px;}
.tc_tour .tc_box_04 .txt_r_1per2 p img { margin: 0 20px 20px -28px;}
}
.tc_tour .tc_box_04 { background: #ffe0c2;}
.tc_tour .tc_box_04 h2 img { display: block;}
.tc_tour .tc_box_05 { background: #ffe0c2;}
/*見学会ここから*/
/*メニュー表ここから*/
/*導線上下の余白*/
.tc_menu .tc_btn { margin: 20px auto;}
@media screen and (max-width:1024px) {
.tc_menu .tc_btn { margin: 2% auto;}
}
.tc_menu .tc_btn_02 { margin: 20px auto;}
.tc_menu .tc_btn_02 .cnt_box_inner img { margin: 0 0 0 auto;}
@media screen and (max-width:1024px) {
.tc_menu .tc_btn_02 { margin: 2% auto;}
}
@media screen and (max-width:640px) {
.tc_menu .tc_btn_02 .cnt_box_inner img { max-width:50%;}
}

.tc_menu .tc_box_02 h2 { background: #fd7304;}
.tc_menu .tc_box_02 .is_1per2 li { padding: 10px 10px 0;}
@media screen and (max-width:1024px) {
.tc_menu .tc_box_02 .is_1per2 li { padding: 1% 1% 0;}
}
.tc_menu .tc_box_03 h2 { background: #fd7304;}
.tc_menu .tc_box_03 h3 { max-width: 98%; margin-top: 2%; margin-bottom: 1%; text-align: left; border-bottom: 4px solid #fd7304;}
.tc_menu .tc_box_04 h2 { background: #fd7304;}
.tc_menu .tc_box_04 h3 { max-width: 98%; margin-top: 2%; margin-bottom: 1%; text-align: left; border-bottom: 4px solid #fd7304;}
.tc_menu .tc_box_05 h2 { background: #fd7304;}
.tc_menu .tc_box_05 h3 { max-width: 98%; margin-top: 2%; margin-bottom: 1%; text-align: left; border-bottom: 4px solid #fd7304;}
.tc_menu .tc_box_06 h2 { background: #fd7304;}
.tc_menu .tc_box_06 h3 { max-width: 98%; margin-top: 2%; margin-bottom: 1%; text-align: left; border-bottom: 4px solid #fd7304;}
/*メニュー表ここまで*/


/*診断ページここから*/
.tc_shindan .tc_box_02 { margin-bottom:0; background: #ffe0c2;}
@media screen and (max-width:1024px) {
.tc_shindan .tc_box_02 { padding: 2% 0 0;}
}
/*3カラム　ソリッド*/
.tc_shindan .col_3_solid { max-width: 980px; width: 100%; margin: 2% auto; overflow: hidden; box-sizing: border-box;}
.tc_shindan .col_3_solid>div { width: 33.33333% ; width: -webkit-calc(100%/3) ; padding: 0; float: left; box-sizing: border-box;}
@media screen and (max-width:1024px) {
.tc_shindan .col_3_solid{ padding: 1%;}
.tc_shindan .col_3_solid>div { padding: 1%;}
}

/*シャドウ*/
.tc_shindan .sdw{ box-shadow: 2px 2px 2px 0px #ccc; -moz-box-shadow: 2px 2px 2px 0px #ccc; -webkit-box-shadow: 2px 2px 2px 0px #ccc; -ms-box-shadow: 2px 2px 2px 0px #ccc;}

@media screen and (min-width:1025px) {
.tc_shindan .tc_box_01 .tc_txt { padding: 20px 60px;}
}

.tc_shindan .tc_box_04 { max-width: 980px; margin: 0 auto 4%; padding: 20px; font-size: 110%; background: #ffe0c2; box-sizing: border-box;}
.tc_shindan .tc_box_04 h2 { padding: 2% 0;}
.tc_shindan .tc_box_04 .col_3_solid { margin: 0 auto;}
.tc_shindan .tc_box_04 .col_3_solid img { margin: 0 0 5%;}
.tc_shindan .tc_box_04_bg { background: #fff;}
@media screen and (min-width:1025px) {
.tc_shindan .tc_box_04_bg { padding-bottom: 2%;}
}
@media screen and (max-width:1024px) {
.tc_shindan .tc_box_04 { padding:2%;}
}
@media screen and (max-width:640px) {
.tc_shindan .tc_box_04 { text-align: left;}
.tc_shindan .tc_box_04 br { display:none;}
}

.tc_shindan .tc_box_06 h2 { width: 98%; border-bottom: 2px solid #fd7304;}
@media screen and (max-width:1024px) {
.tc_shindan .tc_box_06 h2 { width: 96%;}
}
.tc_shindan .tc_box_08 strong { font-weight: bold;}
.tc_shindan .tc_box_08 h2 { width: 94%; border-bottom: 2px solid #fd7304;}
@media screen and (max-width:1024px) {
.tc_shindan .tc_box_08 h2 { width: 96%;}
}

.tc_shindan .tc_box_09 { margin: 2% auto; padding: 40px; background: #ffe0c2;}
.tc_shindan .tc_box_09 .tc_inner { background: #fff;}
.tc_shindan .tc_box_09 .tc_txt { font-size: 190%; font-weight: bold; text-align: center;}
@media screen and (min-width:1025px) {
.tc_shindan .tc_box_09 { margin: 4% auto 0;}
}
@media screen and (max-width:1024px) {
.tc_shindan .tc_box_09 { padding: 2%;}
.tc_shindan .tc_box_09 .tc_txt { text-align: left;}
}
@media screen and (max-width:640px) {
.tc_shindan .tc_box_09 .tc_txt { font-size: 110%;}
}

.tc_shindan .tc_cbox { padding: 1% 2%;}
.tc_shindan .tc_cbox li{ text-align: left; box-sizing: border-box; list-style-type:none; background-repeat:no-repeat; background-image:url("../shindan/tc/shindan_cbox.png"); background-position:left 0.2em; background-size: 40px auto; margin: 1% auto; padding: 1.5% 0 0 6%; font-size: 160%; font-weight: bold; color: #323232;}
@media screen and (max-width:1024px) {
.tc_shindan .tc_cbox { padding: 2%;}
.tc_shindan .tc_cbox li { font-size:150%;}
}

@media screen and (max-width:780px) {
.tc_shindan .tc_cbox li{ background-size: 35px auto;}
}
@media screen and (max-width:640px) {
.tc_shindan .tc_cbox li { font-size:130%; background-size: 5% auto;}
}
@media screen and (max-width:480px) {
.tc_shindan .tc_cbox li { font-size:105%;}
}

.tc_shindan .tc_box_10 { background-color: #ffe0c2;}
.tc_shindan .tc_box_10 .tc_inner { padding: 20px 60px 40px;}
.tc_shindan .tc_box_10 .tc_inner div { max-width: 850px; background-color: #fff;}
@media screen and (max-width:1024px) {
.tc_shindan .tc_box_10 .tc_inner { padding: 2%;}
}

.tc_shindan .tc_box_11_h2 { width: 570px; border-bottom: 2px solid #fd7304;}
@media screen and (max-width:1024px) {
.tc_shindan .tc_box_11_h2 { width: 96%;}
}
.tc_shindan .tc_box_11 { margin-top:0; background-color: #ffe0c2; overflow: hidden;}
.tc_shindan .tc_box_11 .tc_inner div { margin: 4% auto; background-color: #fff;}
.tc_shindan .tc_box_11 h3 { text-align: left; border-bottom: 1px solid #fd7304;}
.tc_shindan .tc_box_11 .tc_txt { padding: 5px 20px 5px 50px;}
.tc_shindan .tc_box_11 .tc_txt img { margin: -5px -20px -5px 20px;}
@media screen and (max-width:1024px) {
.tc_shindan .tc_box_11 .tc_txt { padding: 2% 2% 2% 5%;}
.tc_shindan .tc_box_11 .tc_txt img { margin: -2% -2% 2% 2%;}
}
.tc_shindan .tc_box_12 h2 { width: 94%; border-bottom: 2px solid #fd7304;}
@media screen and (max-width:1024px) {
.tc_shindan .tc_box_12 h2 { width: 96%;}
}
.tc_shindan .tc_box_13 h2 { background: #fd7304;}
/*診断ページここまで*/