@charset "utf-8";
/* CSS Document */
.headermar{ background-image:url(../images/index/bg_tcc.png); background-repeat:no-repeat; background-position:bottom left; }
.headermar .logos{ width: 500px; padding-top:30px; }

.menubox{ background: #00758b; }
.menubox .mar .grids{ width:25%; border-left: 1px solid #fff; }
.menubox .mar .grids:last-child{ border-right: 1px solid #fff; }
.menubox .mar .grids .h2{ font-size:1rem; }

.menubox .mar .dublock .dumar .dugrids .duTitle{ font-size:1.25rem; font-weight:normal; color:#00758b; }
.menubox .mar .dublock .dumar .dugrids .dumtext{ border-top: 2px solid #00758b; }
.menubox .mar .dublock .dumar .dugrids .dumtext .links{ font-size:0.875rem; color:#00758b; }

.mslink .sizebox .sizegrids.hold{ background: #00758b; }

.footermenu .lines{ background: #00758b; }
.footermenu .lines .arrow{ background: #00758b; }
.footermenu .mar .marbgs .grids{ width:20%; }
.footermenu .mar .marbgs .grids .h1s{ border-bottom: 1px solid #00758b; color:#00758b; }
.footermenu .mar .marbgs .grids .uls .lis{ color:#00758b; }

.footer{ background: #00758b; }
.footer .mar .fmenu{ border-bottom: 1px solid #1195ae; }
.footer .mar .fdata{ border-bottom: 1px solid #1195ae; }
.footer .mar .fdata .fg .ftext .map{ color:#000; }
.footer .mar .fdata .fg .phones .links{ color:#fff; }

.fastbtn .links{ background:#00758b; }

/* ********************************* index.css ********************************* */
.block04 .mar .fsgrid .texts{ color:#00758b; }
.block04 .mar .fsgrid .img01{ background-image:url(../images/index/ficon01_tcc.png); }
.block04 .mar .fsgrid .img02{ background-image:url(../images/index/ficon02_tcc.png); }
.block04 .mar .fsgrid .img03{ background-image:url(../images/index/ficon03_tcc.png); }
.block04 .mar .fsgrid .img04{ background-image:url(../images/index/ficon04_tcc.png); }
.block04 .mar .fsgrid .img05{ background-image:url(../images/index/ficon05_tcc.png); }
.block04 .mar .fsgrid .img06{ background-image:url(../images/index/ficon06_tcc.png); }
.block04 .mar .fsgrid .img07{ background-image:url(../images/index/ficon07_tcc.png); }

.block05.sdw{ box-shadow: 0 -15px 15px rgba(0,0,0,0.08); }
.block05 .mar .ntitle{ color:#00758b; }
.block05 .mar .ntitle:after{ background:#00758b; }
.block05 .mar .newsbox .bookmark .booktd.hold{ background:#00758b; }
.block05 .mar .newsbox .bookmark .booktd{ line-height:normal; }
.block05 .mar .newsbox .bookmark .booktd span{ display:inline-block; vertical-align:middle; }
.block05 .mar .newsbox .bookmark .booktd:before{ content:""; display:inline-block; vertical-align:middle; height: 48px; }

.block06.gray{ background:#f9f9f9; }
.block06 .mar .ntitle{ color:#00758b; }
.block06 .mar .ntitle:after{ background:#00758b; }
.block06 .mar .sortinline .grids{ border-left: 2px solid #00758b; color:#00758b; }

.branchgrid .bgs{ background:#00758b; }

.bigrange .bigrids .bgs .ts .text{ color:#00758b; }
.bigrange .bigrids .bgs .ts .img01{ background-image:url(../images/index/icon_img01_tcc.png); }
.bigrange .bigrids .bgs .ts .img02{ background-image:url(../images/index/icon_img02_tcc.png); }
.bigrange .bigrids .bgs .ts .img03{ background-image:url(../images/index/icon_img03_tcc.png); }
.bigrange .bigrids .bgs .ts .img04{ background-image:url(../images/index/icon_img04_tcc.png); }

.formTable .fgrids .bgs .table .td-title{ font-size:1rem; width:160px; }

/* ********************************* page.css ********************************* */

/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
/* ********************************* layout.css ********************************* */
.mslink .sizebox .sizegrids:hover{ background: #00758b; }

/* ********************************* index.css ********************************* */
.block05 .mar .newsbox .bookmark .booktd:hover{ background: #00758b; }
.block05 .mar .nmore .btns:hover{ background: #00758b; }
.block05 .mar .mores:hover { background: #00758b; }

.block06 .mar .mores:hover{ background: #00758b; }

/* ********************************* page.css ********************************* */
}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
/* ********************************* layout.css ********************************* */
.headermar{ background:none; }
.headermar .logos{ padding-top:25px; }
.menubox .mar .grids{ width:auto; border-left:none; border-bottom: 1px solid #a88065; }
.menubox .mar .grids:last-child{ border-right:none; }
}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
/* ********************************* layout.css ********************************* */
.headermar{ background-image:none; }
.headermar .logos{ width:220px; padding-top:5px; }
.headermar .logos img{ display:none; }
.headermar .logomob{ display:block; width:220px; height:50px; background-image:url(../images/layout/logo_tcc_en_mob.png); background-repeat:no-repeat; background-position:center; background-size:100%; }



.menubox .mar .dublock .dumar .dugrids .duTitle{ font-size:1.125rem; }
.menubox .mar .grids{ width:auto; border-left:none; border-bottom: 1px solid #4097a7; }
.menubox .mar .grids:last-child{ border-right:none; }

.block05 .mar .newsbox .bookmark .booktd:before{ content:""; display:inline-block; vertical-align:middle; height: 36px; }

.branchgrid{ vertical-align:top; }

}