@charset "UTF-8";


/*--------------------------*/
/*		common
/*--------------------------*/

/* 全体、テキスト */
body {
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiranogi Kaku Githic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-image: url(../img/termite/common/pct_bg.gif);
	background-repeat: repeat-x;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #405c9d;
	text-decoration: underline;
}

a:active {
	color: #000000;
}

/* 全体ボックス */
#wrapper {
	width: 900px;
	padding: 0;
	margin: auto;
	padding: 0 50px 0 50px;
	background-image: url(../img/termite/common/pct_header_bg.gif);
	background-repeat: no-repeat;
}

/* ヘッダー */
#wrapper #header {
	width: 900px;
	padding: 0;
	margin: 0;
	height: 142px;
	font-size: 1.3em;
	line-height: 1.8;
	color: #FFFFFF;
}

#header #logobox {
	width: 433px;
	float: left;
	margin: 13px 0 0 0;
}

#header #telbox {
	width: 460px;
	float: right;
	text-align: right;
	margin: 13px 0 0 0;
}

/* メニュー */
#wrapper #menu {
	width: 900px;
}

#menu li {
	float: left;
}

/* crumb ------------------------------*/
#crumbs {
	height: 30px;
	font-size: 1.1em;
	color: #999999;
	line-height: 2.8;
	margin: 20px 0 0 0;
	background-color: #f4f4f4;
	padding: 0 10px 0 10px;
}

#crumbs a:link {
	color: #999999;
	text-decoration: none;
}

#crumbs a:visited {
	color: #999999;
	text-decoration: none;
}

#crumbs a:hover {
	color: #999999;
	text-decoration: underline;
}

#crumbs a:active {
	color: #999999;
}

/* メインボックス */
#wrapper #main {
	width: 900px;
	padding: 0;
	margin: 20px 0 40px 0;
	font-size: 1.3em;
	line-height: 1.8;
}

/* コンテンツボックス */
#wrapper .contents {
	width: 880px;
	margin: auto;
}

/* フッタボックス */
#wrapper #footerlink {
	width: 900px;
	height: 30px;
	background-image: url(../img/termite/common/pct_footer_illust.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#footerlink li {
	float: left;
	margin: 5px 10px 0 0;
}

/* フッタボックス */
#footer {
	background-image: url(../img/termite/common/pct_footer_bg.gif);
	background-repeat: repeat-x;
	background-color: #3c8c45;
}

#footer #footerbox {
	width: 900px;
	margin: auto;
	padding: 20px 0 20px 0;
	color: #FFFFFF;
	font-size: 1.1em;
	line-height: 1.8;
	background-image: url(../img/termite/common/pct_footer_logo.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
}

#footer #footerbox #lefttxt {
	width: 470px;
	float: left;
}

#footer #footerbox #rightbnr {
	width: 410px;
	float: right;
}

#footer #footerbox a:link {
	color: #5f2b14;
	text-decoration: none;
}

#footer #footerbox a:visited {
	color: #5f2b14;
	text-decoration: none;
}

#footer #footerbox a:hover {
	color: #fef8ec;
	text-decoration: underline;
}

#footer #footerbox a:active {
	color: #fef8ec;
}
/* パーツ */
.none {
	font-size: 1px;
	line-height:0;
	display: none;
}

.attention {
	color: #cc0000;
}

.greentxt {
	color: #3c8c45;
}

.bluetxt {
	color: #405c9d;
}

.browntxt {
	color: #663300;
}

.arrow {
	padding: 0 0 0 10px;
	background-image: url(../img/termite/common/pct_icon_red.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

.center	{
	text-align: center;
}

.mbl20 {
	margin: 0 0 20px 20px;
}

.ml20 {
	margin: 0 0 5px 20px;
}

/* ページトップ */
.pagetop {
	text-align: right;
	padding: 0;
	margin: 15px 0 0 0;
}

/* リスト画像下マージンリセット */
#wrapper ul li img {
	vertical-align: bottom;
}

/* 画像下マージンリセット */
#wrapper img {
	vertical-align: bottom;
}

/* リスト */
#wrapper .typenone {
	list-style-type: none;
}

/* center */
.center {
	text-align: center;
}

/* right */
.right {
	text-align: right;
}

/* clear */
.clear {
	clear: both;
	line-height: 0;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

/* fontsizeclear */
.sizeclear {
	font-size: 1px;
	line-height: 0;
}

/* boldtxt */
.boldtxt {
	font-weight: bold;
}

/* 第2階層上部 */
#topbox {
	width: 900px;
	margin: 0 0 20px 0;
}

#topbox .toptxt {
	width: 460px;
	float: left;
}

#topbox .toppht {
	width: 415px;
	float: right;
}

/* 黄色背景 */
#yellowbox {
	background-image: url(../img/termite/common/pct_yellow_bg.gif);
	padding: 15px;
	width: 848px;
	margin: 0 0 20px 0;
}

.yellowinbox {
	width: 848px;
}


/* マージン */
.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

/* プリント */
@media print {
body {
zoom: 60%;
}
}



/*--------------------------*/
/*		index.css
/*--------------------------*/

/*------ 全ページ共通 ------*/

a:link {
	color: #5f2b14;
	text-decoration: none;
}
a:visited {
	color: #5f2b14;
	text-decoration: none;
}
a:hover {
	color: #3d8750;
	text-decoration: underline;
}
a:active {
	color: #3d8750;
}

#wrapper #header #headerbox {
	padding: 0;
	margin: 0;
	background-image: url(../images/pct_header_bg.gif);
	background-repeat: repeat-y;
}
#wrapper #header #headerbox .left {
	float: left;
	padding: 0;
	margin: 0;
	width: 487px;
}
#wrapper #header #headerbox .right {
	float: right;
	padding: 0;
	margin:0;
	text-align: right;
	width: 413px;
}
#wrapper #header #headerbox .right p {
	padding: 0;
	margin:5px 15px 0 0;
	font-size: 1.1em;
	line-height: 1.3em;
}
/* パンクズ */
#wrapper #mark {
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1;
}
#wrapper #mark a:link {
	color: #5f2b14;
	text-decoration: none;
}
#wrapper #mark a:visited {
	color: #5f2b14;
	text-decoration: none;
}
#wrapper #mark a:hover {
	color: #3d8750;
	text-decoration: underline;
}
#wrapper #mark a:active {
	color: #3d8750;
}
/* メニュー */
#wrapper #header #menubox {
	width: 900px;
	height: 69px;
	padding: 0;
	margin: 0;
}
#wrapper #header #menubox ul {
	margin: 0;
}
#wrapper #header #menubox ul li {
	float: left;
	margin: 0;
}
/* メールボタン */
#wrapper #header #mailbtn {
	padding: 0 10px 0 0;
	margin: 0;
	text-align: right;
}
/* コンテンツボックス */
#wrapper #contents {
	width: 900px;
	padding: 0;
	margin: 0 0 30px 0;
	float: right;
	font-size: 1.3em;
	line-height: 1.8;
}
#wrapper #contents h2 {
	margin: 0 0 15px 0;
}
/* コンテンツボックス */
#wrapper #contents .subcontents {
	width: 880px;
	padding: 0;
	margin: 0 0 0 10px;
}
/* フッタボックス */
#wrapper #footer {
	width: 900px;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.9;
}
#wrapper #footer a:link {
	color: #5f2b14;
	text-decoration: none;
}
#wrapper #footer a:visited {
	color: #5f2b14;
	text-decoration: none;
}
#wrapper #footer a:hover {
	color: #fef8ec;
	text-decoration: underline;
}
#wrapper #footer a:active {
	color: #fef8ec;
}
#wrapper #footer li {
	float: left;
	background-image: url(../img/common/pct_icon_b.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 20px;
	margin: 10px 10px 0 0;
}
#wrapper #footer .address {
	padding: 10px 20px 20px 20px;
	margin: 0;
	color: #fef8ec;
}
#wrapper #footer .rogo {
	padding: 10px 20px 20px 20px;
	margin: 0;
	float: right;
}
#wrapper #footer #companybtn {
	padding: 0 0 0 10px;
	margin: 0;
}
#wrapper #footer #footerbox {
	background-image: url(../images/pct_footer_bg03.gif) ;
	background-repeat: repeat-y;
}
#wrapper #footer #linkbox {
	background-image: url(../images/pct_footer_bg01.gif) ;
	background-repeat: no-repeat;
	height: 45px;
	padding: 0 20px 0 20px;
}
#wrapper #footer #sitebox {
	background-image: url(../images/pct_footer_bg02.gif) ;
	background-repeat: repeat-y;
	padding: 7px 20px 7px 20px;
}
/* パーツ */
h1 {
	font-size: 1.4em;
	line-height: 1.5;
	text-align: center;
	color: #3d8750;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
h1 .sub {
	font-size: 0.8em;
	line-height: 1.5;
	color: #3d8750;
	font-weight: normal;
}
.attention {
	color: #cc0000;
}
.arrow {
	padding: 0 0 0 10px;
	background-image: url(../images/pct_icon_red.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
.mbl20 {
	margin: 0 0 20px 20px;
}
.ml20 {
	margin: 0 0 5px 20px;
}
/* ページトップ */
.pagetop {
	text-align: right;
	padding: 0;
	margin: 20px 0 0 0;
}
/* リスト画像下マージンリセット */
#wrapper ul li img {
	vertical-align: bottom;
}
/* 画像下マージンリセット */
#wrapper img {
	vertical-align: bottom;
}
/* リスト */
#wrapper .typenone {
	list-style-type: none;
}
/* フロートクリア */
.clear {
	clear: both;
}
/* マージン */
.mb05 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}

/* プリント */
@media print {
body {
zoom: 60%;
}
}


/*--------------------------*/
/*		termite.css
/*--------------------------*/

/*------ シロアリボックス ------*/
#contents .whitebox {
	width: 880px;
	background-image: url(../images/termite_pct_boxbg.gif);
	background-repeat: repeat-y;
}
#contents .whitebox .w_leftbox {
	width: 471px;
	float: left;
	margin: 10px 0 20px 20px;
	display: inline;
}
#contents .whitebox .w_leftbox .shiroari {
	float: left;
	margin: 10px 10px 20px 0;
}
#contents .whitebox .w_leftbox h3 {
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.4;
	color: #000000;
}
#contents .whitebox .w_rightbox {
	width: 359px;
	float: right;
	margin: 10px 15px 10px 0;
	display: inline;
}
#contents .whitebox .w_rightbox h4 {
	font-size: 1em;
}
#contents .whitebox .tellbox {
	width: 880px;
	height: 56px;
	background-image: url(../images/termite_pct_telbg.gif);
	background-repeat: repeat-y;
}
#contents .whitebox .tellbox h5 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1;
	color: #ffffff;
	padding: 20px 0 0 20px;
	float: left;
}
#contents .whitebox .tellbox img {
	float: right;
	margin: 13px 20px 0 0;
}
#contents .pointbox {
	width: 850px;
	background-image: url(../images/termite_pct_pointbg.gif) ;
	background-repeat: repeat-y;
	padding: 15px;
	margin: 0 0 10px 0;
}
#contents .pointbox .p_leftbox01 {
	width: 173px;
	float: left;
}
#contents .pointbox .p_rightbox01 {
	width: 655px;
	float: right;
}
#contents .pointbox .p_leftbox02 {
	width: 245px;
	float: left;
}
#contents .pointbox .p_rightbox02 {
	width: 578px;
	float: right;
	border-bottom: #5f2b14 dotted 1px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
}
#contents .pointbox .p_leftbox03 {
	width: 393px;
	float: left;
}
#contents .pointbox .p_rightbox03 {
	width: 435px;
	float: right;
}
#contents .pointbox h5 {
	font-size: 0.9em;
	line-height: 1.2;
}
#contents .pointbox h4 {
	color: #1d4193;
	font-weight: bold;
	margin: 5px 0 5px 0;
	font-size: 1.1em;
	line-height: 1;
}
#contents .pointbox p {
	color: #1d4193;
}
#contents .pointbox li {
	color: #1d4193;
	margin: 0 0 0 20px;
}


/*--------------------------*/
/*		case.css
/*--------------------------*/

/*------ 施工事例index ------*/
#main .leftlookbox {
	width: 425px;
	float: left;
}
#main .rightlookbox {
	width: 425px;
	float: right;
}
#main .name {
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	background-color: #eaeaea;
	padding: 7px 10px 7px 10px;
}
#main .categorybox {
	width: 419px;
	border: #eaeaea solid 3px;
	margin: 0 0 20px 0;
}
#main .boxin {
	width: 390px;
	margin: 10px auto;
}
#main .pht {
	width: 130px;
	float: left;
	margin: 0 0 10px 0;
}
#main .list {
	width: 245px;
	float: right;
	margin: 0 0 10px 0;
}
#main .list li {
	background-image: url(../img/termite/common/pct_arrow_g.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding: 0 0 0 8px;
}
#main .link {
	background-color: #3c8c45;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
	line-height: 1;
	padding: 5px;
	text-align: right;
}
#main .link a {
	background-image: url(../img/termite/case/index_pct_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 8px;
}
#main .link a:link {
	color: #ffffff;
	text-decoration: none;
}
#main .link a:visited {
	color: #ffffff;
	text-decoration: none;
}
#main .link a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#main .link a:active {
	color: #ffffff;
}

/*------ 施工事例 詳細 ------*/
.termite-blog .contents {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}
.termite-blog .contents__image {
  width: 350px;
  height: auto;
}
.termite-blog .contents__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.termite-blog .contents__text {
  width: 100%;
}
.termite-blog .contents__image + .contents__text {
  width: calc(100% - 375px);
}



/*--------------------------*/
/*		contact
/*--------------------------*/

/*------ お問い合わせ ------*/
#main dt {
	font-weight: bold;
}
#main dd {
	margin: 0 0 0 20px;
}


/*--------------------------*/
/*		faq
/*--------------------------*/

/*------ よくあるご質問 ------*/
#yellowbox li {
	float: left;
}
#yellowbox .mr05 {
	margin: 0 5px 0 0;
}
#main .qabox {
	border-bottom: #999999 dotted 1px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
}
#main .qbox {
	background-image: url(../img/termite/faq/index_pct_q.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #405c9d;
}
#main .abox {
	background-image: url(../img/termite/faq/index_pct_a.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
}
.ml60 {
	margin: 0 0 0 60px;
}


/*--------------------------*/
/*		flow
/*--------------------------*/

/*------ 施工手順 ------*/
#yellowbox li {
	float: left;
}
#yellowbox .mr09 {
	margin: 0 9px 0 0;
}
#main .inspectionbox {
	border: #eaeaea solid 3px;
	padding: 15px;
	width: 843px;
}
#main .inspectionbox .boxin {
	width: 842px;
}
#main .nopht {
	width: 230px;
	float: left;
}
#main .notxt {
	width: 590px;
	float: right;
}
#main .nosttl {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 5px 0;
}
#main .nopct {
	vertical-align: middle;
}
#main .underline {
	border-bottom: #999999 dotted 1px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
}
#main .subnosttl {
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 5px 0;
}


/*--------------------------*/
/*		inspection
/*--------------------------*/

/*------ 検査の逃れ ------*/
#yellowbox li {
	float: left;
}
#yellowbox .mr09 {
	margin: 0 9px 0 0;
}
#main .inspectionbox {
	border: #eaeaea solid 3px;
	padding: 15px;
	width: 843px;
}
#main .inspectionbox .boxin {
	width: 842px;
}
#main .nopht {
	width: 230px;
	float: left;
}
#main .notxt {
	width: 590px;
	float: right;
}
#main .nosttl {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 5px 0;
}
#main .nopct {
	vertical-align: middle;
}


/*--------------------------*/
/*		trivia
/*--------------------------*/

/*------ トリビア ------*/
#yellowbox li {
	float: left;
}
#yellowbox .mr05 {
	margin: 0 5px 0 0;
}
#main .triviabox {
	border-bottom: #999999 dotted 1px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
}
#main .triviatxt {
	color: #405c9d;
	font-weight: bold;
	font-size: 1.1em;
}
#main .abouttxt {
	width: 490px;
	float: left;
}
#main .aboutpht {
	width: 365px;
	float: right;
}
#main .caption {
	width: 840px;
	background-image: url(../img/termite/trivia/index_pct_boxbg.gif);
	background-repeat: repeat-y;
	padding: 0 20px 0 20px;
}
#main .inbox {
	width: 839px;
	border-bottom: #999999 dotted 1px;
	padding: 0 0 10px 0;
}
#main .inbox_pt {
	width: 839px;
	border-bottom: #999999 dotted 1px;
	padding: 15px 0 10px 0;
}
#main .inbox_nob {
	width: 839px;
}
#main .leftbox_w410 {
	width: 410px;
	float: left;
}
#main .rightbox_w410 {
	width: 410px;
	float: right;
}
#main .discoverypht {
	width: 173px;
	float: left;
}
#main .discoverytxt {
	width: 220px;
	float: right;
}
#main .leftbox_w245 {
	width: 245px;
	float: left;
}
#main .rightbox_w575 {
	width: 575px;
	float: right;
}
#main .leftbox_w390 {
	width: 390px;
	float: left;
}
#main .rightbox_w430 {
	width: 430px;
	float: right;
}