@charset "utf-8";
/*
Theme Name: tocasa_tmpl
Theme URI: http://www.tocasa.co.jp
Description: tocasa website template
Version: 1.0
Author: haco design
Author URI: http://www.hacodesign.com/
Tags: simple
*/


body  {
	font-family:Helvetica, Arial, YuGothic, "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo,"メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	font-size: 0.875rem;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
    background:#fff;
}
p,div,ul,li,ol,a,dl,dt,dd,h1,h2,h3,h4,h5 {
	font-size: 100%;
}




/* fontello */
/* -------------------------------- */
@font-face {
  font-family: 'tocasa';
  src: url('commons/font/tocasa.eot?92750103');
  src: url('commons/font/tocasa.eot?92750103#iefix') format('embedded-opentype'),
       url('commons/font/tocasa.woff2?92750103') format('woff2'),
       url('commons/font/tocasa.woff?92750103') format('woff'),
       url('commons/font/tocasa.ttf?92750103') format('truetype'),
       url('commons/font/tocasa.svg?92750103#tocasa') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'tocasa';
    src: url('commons/font/tocasa.svg?92750103#tocasa') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "tocasa";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-star:before { content: '\30'; } /* '0' */
.icon-search:before { content: '\31'; } /* '1' */
.icon-info-circled:before { content: '\32'; } /* '2' */
.icon-cab:before { content: '\33'; } /* '3' */
.icon-th-list:before { content: '\34'; } /* '4' */
.icon-bell:before { content: '\35'; } /* '5' */
.icon-location:before { content: '\36'; } /* '6' */
.icon-gift:before { content: '\37'; } /* '7' */
.icon-megaphone:before { content: '\38'; } /* '8' */
.icon-calendar:before { content: '\39'; } /* '9' */
.icon-food:before { content: '\61'; } /* 'a' */
.icon-clock:before { content: '\62'; } /* 'b' */
.icon-lightbulb:before { content: '\63'; } /* 'c' */
.icon-phone:before { content: '\64'; } /* 'd' */
.icon-help-circled:before { content: '\65'; } /* 'e' */
.icon-home:before { content: '\66'; } /* 'f' */
.icon-mail:before { content: '\67'; } /* 'g' */
.icon-plus:before { content: '\68'; } /* 'h' */
.icon-angle-left:before { content: '\69'; } /* 'i' */
.icon-angle-right:before { content: '\6a'; } /* 'j' */
.icon-angle-up:before { content: '\6b'; } /* 'k' */
.icon-angle-down:before { content: '\6c'; } /* 'l' */
.icon-left-circled:before { content: '\6d'; } /* 'm' */
.icon-right-circled:before { content: '\6e'; } /* 'n' */
.icon-up-circled:before { content: '\6f'; } /* 'o' */
.icon-down-circled:before { content: '\70'; } /* 'p' */
.icon-down-dir:before { content: '\71'; } /* 'q' */
.icon-up-dir:before { content: '\72'; } /* 'r' */
.icon-left-dir:before { content: '\73'; } /* 's' */
.icon-right-dir:before { content: '\74'; } /* 't' */
.icon-mobile:before { content: '\75'; } /* 'u' */








/* ヘッダー */
/* -------------------------------- */
#header {
	position: relative;
}
#header .row.headerInner {
	width: 100%;
	max-width: 100%;
}
.home #header .row.headerInner {
	position: absolute;
	z-index: 9999;
}
img.logo {
	width: 100%;
	max-width: 244px;
}










/* ナビゲーション */
/* -------------------------------- */
.mainNav {
	margin-top: 12px;
}
.mainNav ul {
	font-weight: bold;
	font-size: 100%;
}
.mainNav ul li {
}
.mainNav ul li a {
	color: #000;
	display: block;
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	padding-right:0;
	padding-left:0;
}
.mainNav ul li a:after {
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
	content: "";
	display: block;
	border-bottom: 1px solid #d67743;
	width: 40px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -20px;
}
.mainNav ul li a:hover:after {
	width: 80px;
	margin-left: -40px;
}

ul.umenu {
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 99999;
}
ul.umenu:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
ul.umenu li {
	float: left;
	text-align: center;
	margin-left: 1px;
}
ul.umenu li a {
	background: #d67743;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 0.75em 1.0em;
	line-height: 1;
}
ul.umenu li a:after {
}
ul.umenu li a:hover {
	opacity: 0.7;
}

.secondNav {
	background: #fff;
	width: 100% !important;
	max-width: 100% !important;
	position: relative;
}

.secondNav .logo {
	width: 146px;
	height: auto;
	margin-right: 5px;
}
ul.mainNavScrl {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 100%;
	overflow: hidden;
}
ul.mainNavScrl li {
	float: left;
	padding: 0 22px;
}

.umenuScrl {
	list-style: none;
	text-align: right;
}
.umenuScrl div {
	display: inline-block;
	font-size: 26px;
	padding: 0.5em 3px;
}
.umenuScrl a {
	color: #ebbba1;
}
.umenuScrl span {
	display: none;
}
.umenuScrl .umAbout {
}
.umenuScrl .umInquiry {
	padding-right: 20px;
}
.lockLogo {
	width: 0;
	overflow: hidden;
}
.js-clingify-locked .lockLogo {
	width: 146px;
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
}
.umenuScrl {
	opacity: 0;
}
.js-clingify-locked .umenuScrl {
	opacity: 1;
	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
}

/* 大枠 */
/* -------------------------------- */
#wrapper {
}
.inner {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 80px;
}
.innerBg {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background: url(commons/css/images/bg01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.innerFull {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
}
.post {
	padding-bottom: 80px;
}




/*メイン*/
/* -------------------------------- */
h1.tSecTit {
	margin-top: 80px;
}

h1.tSecTit,
h2.tSecTit {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 60px;
	letter-spacing: 2px;
	margin-top: 0;
}
h1.tSecTit:after,
h2.tSecTit:after {
	content: "";
	display: block;
	border-bottom:1px solid #000;
	height: 20px;
	width: 80px;
	margin: 0 auto;
}






/* サイドバー */
/* -------------------------------- */



/* フッター */
/* -------------------------------- */
.fotBnr {
	width: 100%;
	text-align: center;
	padding: 50px 0 100px 0;
}
.fotContact {
	position: relative;
}
.fotContact h2.tSecTit {
	font-size: 139%;
}
.fotContactMail {}
.fotContactMail a {
	display: block;
	background: #c54029;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 108%;
	padding-top: 1.0em;
	padding-bottom: 1.0em;
}
.fotContactMail a span:before {
	font-family: tocasa;
	content: '\67';
	margin-right: 2.0em;
}
.fotContactMail a span:after {
	font-family: tocasa;
	content: '\6a';
	margin-left: 2.0em;
}
.fotContactTel {}
.fotContactTel p.telNumber {
	margin-top: 0;
	line-height: 1;
}
.fotContactTel a {
	font-family: 'Lato', sans-serif;
	font-size: 320%;
	color: #000;
}
.fotContactTel a:before {
	content: '\75';
	font-family: tocasa;
	margin-right: 0.25em;
}
.telNumberMeta {
	font-size: 86%;
}
.btnFaq {
	margin-top: 2.0em;
	padding: 1.0em;
	font-size: 116%;
	text-align: center;
	border: 2px solid #000;
}
.btnFaq a {
	color: #000;
	font-weight: bold;
}
.footNavTop {
	position: absolute;
	right: 0;
	bottom: 10px;
	padding-right: 15px;
}
.fntHome {
	width: 8em;
	font-size: 77%;
	text-align: center;
	font-weight: bold;
}
.fntHome a {
	color: #000;
}
.fntHome a img,
.fntPageTop a img {
	width: 34px;
}
.fntPageTop {
	width: 8em;
	font-size: 77%;
	text-align: center;
	font-weight: bold;
}
.fntPageTop a {
	color: #000;
}
#footer {
	padding-top: 42px;
	background: #333;
	color: #fff;
}
.footerNav {}
.footerNav p {
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 0.25em;
}
.footerNav ul {
	font-size: 93%;
	list-style: none;
}
.footerNav ul li {}
.footerNav ul li a,
.footerNav p a,
.fcUmenu a {
	color: #fff;
	position: relative;
}
.footerNav ul li a:before {
	font-family: tocasa;
	content: '\74';
	color: #d67743;
	font-size: 93%;
	margin-right: 0em;
	position: absolute;
	left: -1.0em;
}
.fotCompany {}
.fotCompany p {
	line-height: 1.3;
}
.fcAdd {
	font-weight: bold;
	font-size: 108%;
}
a.fcTel {
	font-family: 'Lato', sans-serif;
	font-size: 154%;
	color: #FFF;
	font-weight: bold;
}
.fcTelMeta {
	font-size: 93%;
}
.fotLogo {
	margin-bottom: 8px;
}
.fotLogo img {
	width: 70%;
	margin-bottom: 10px;
}
.fcUmenu {}
.fcUmenu a {
	font-size: 93%;
}
.fcUmenu a:before {
	font-family: tocasa;
	content: '\74';
	color: #d67743;
	font-size: 93%;
	margin-right: 0.5em;
}
.fcUmenu span {
	margin-right: 1.0em;
}
.copy {
	font-family: 'Lato', sans-serif;
	color: #000;
	background: #f8e6cb;
	font-size: 85%;
	text-align: center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	margin-top: 42px;
}






/* パンくず */


/*イベント情報*/
/*----------------------------------------*/
h3.titTopEvent {
    font-size: 180%;
    font-weight: bold;
    text-align: center;
    /*border-bottom: 1px solid #ccc;*/
    padding-bottom: 2.0em;
}
.eventPoint {
	font-weight: bold;
	font-size: 108%;
	margin-bottom: 1.5em;
}
dl.eventData {
	padding-top: 1.0em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #ccc;
}
dl.eventData dt {
	float: left;
	position: relative;
	padding-left: 16px;
	clear: both;
}
dl.eventData dt:before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 13px;
	height: 13px;
	background: #ef8200;
	-webkit-border-radius: 7px;
	        border-radius: 7px;
}
dl.eventData dd {
	margin: 0 0 0 6.0em;
	margin-bottom: .3rem;
}

.newsMore a {
    color: #d67743;
    border: 1px solid #d67743;
    padding: 0.75em 4em 0.75em 3em;
    font-size: 108%;
    line-height: 1;
	}	




/*　フロート解除　*/
.clear {
	clear: both;
}
.clearfix {
	overflow:hidden;
	height:100%;
}
.cbox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.cbox {
  min-height: 1px;
}
* html .cbox {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.cNone {
	clear: none !important;
}





/*　文字関係　*/
.txtCenter {
	text-align:center;
}
.txtright,
.txtRight {
	text-align:right;
}
.txtLeft {
	text-align:left;
}
.txtbgYellow {
	/*background:#FFFF99;*/
	background: url(commons/css/images/txtbgYellow.png) left bottom repeat-x;
}
sub {
	font-size:smaller;
	vertical-align:sub;
}
sup {
	font-size:xx-small;
	vertical-align:super;
}
.fcRed {
	color:#a21224;
}
.fcYellow {
	color:#FCEE21;
}
.fcGreen01 {
	color:#39b54a;
}
.fcOrange01 {
	color: #f39800;
}
.fcBlue01 {
	color: #005BAC;
}
.fcBrown {
	color: #754c24;
}
.fwb {
	font-weight:bold !important;
}
.txtul {
	text-decoration: underline;
}
.fs14 {
	font-size: 14px;
}
.fs16 {
	font-size:16px;
}
.fs18 {
	font-size:18px;
}
.fs20 {
	font-size:20px;
}
.fs22 {
	font-size:22px;
}
.fs24 {
	font-size:24px;
}
.fs26 {
	font-size:26px;
}
.sizeUp {
	font-size: 116%;
}
.sizeUp2 {
	font-size: 133%;
}
.sizeUp3 {
	font-size: 150%;
}
.sizeDown {
	font-size: 91%;
}
.sizeDown2 {
	font-size: 83%;
}
.mincho {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}


/*　画像　*/
.imgRight {
	float:right;
	margin:0px 0px 20px 20px;
}
.imgLeft {
	float:left;
	margin:0px 20px 20px 0px;
}
.imgCenter {
	margin:0 auto;
	margin-bottom:20px;
}
img.photoStyle01 { /*ボーダー＋シャドウ＋白背景*/
	background: #fff;
	padding: 4px;
	-webkit-box-shadow: 1px 3px 6px rgba(0,0,0,0.3);
	        box-shadow: 1px 3px 6px rgba(0,0,0,0.3);
	border: 1px solid #bbb;
}
img.photoStyle02 { /*ボーダー無し＋シャドウ＋白背景*/
	background: #fff;
	padding: 4px;
	-webkit-box-shadow: 1px 3px 6px rgba(0,0,0,0.2);
	        box-shadow: 1px 3px 6px rgba(0,0,0,0.2);
}
img.photoStyle03 { /*ボーダー＋シャドウ＋薄茶背景*/
	background: #efeae4;
	padding: 4px;
	-webkit-box-shadow: 1px 3px 6px rgba(0,0,0,0.2);
	        box-shadow: 1px 3px 6px rgba(0,0,0,0.2);
	border: 1px solid #fff;
}

img.aligncenter, .aligncenter {
	display: block;
	margin: 5px auto;
}
img.alignright, img.alignleft {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignright, .alignright {
	margin: 0 0 16px 16px;
}
img.alignleft, .alignleft {
	margin: 0 16px 16px 0;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}


/* リスト関係 */




/*　パーツ　*/
a.more-link {
	float: right;
	color: #d67743;
	border: 1px solid #d67743;
	padding: 0.75em 1em 0.75em 1em;
	line-height: 1;
	background-color: #fff;
	-webkit-transition: background-color .5s, padding .2s .2s;
	transition: background-color .5s, padding .2s .2s;
}
a.more-link:after {
	content: '\6a';
	font-family: "tocasa";
	margin-left: 0.75em;
}






/*　レイアウト調整用　*/
.p_none {
	padding: 0 !important;
}
.m_none {
	margin: 0 !important;
}
.mt_none {
	margin-top:0px !important;
}
.mt_05 {
	margin-top:5px !important;
}
.mt_10 {
	margin-top:10px !important;
}
.mt_15 {
	margin-top:15px !important;
}
.mt_20 {
	margin-top:20px !important;
}
.mt_25 {
	margin-top:25px !important;
}
.mt_30 {
	margin-top:30px !important;
}
.mt_35 {
	margin-top:35px !important;
}
.mt_40 {
	margin-top:40px !important;
}
.mt_45 {
	margin-top:45px !important;
}
.mt_50 {
	margin-top:50px !important;
}


.mr_none {
	margin-right:0px !important;
}
.mr_05 {
	margin-right:5px !important;
}
.mr_10 {
	margin-right:10px !important;
}
.mr_15 {
	margin-right:15px !important;
}
.mr_20 {
	margin-right:20px !important;
}
.mr_25 {
	margin-right:25px !important;
}
.mr_30 {
	margin-right:30px !important;
}
.mr_35 {
	margin-right:35px !important;
}
.mr_40 {
	margin-right:40px !important;
}
.mr_45 {
	margin-right:45px !important;
}
.mr_50 {
	margin-right:50px !important;
}


.mb_none {
	margin-bottom:0px !important;
}
.mb_05 {
	margin-bottom:5px !important;
}
.mb_10 {
	margin-bottom:10px !important;
}
.mb_15 {
	margin-bottom:15px !important;
}
.mb_20 {
	margin-bottom:20px !important;
}
.mb_25 {
	margin-bottom:25px !important;
}
.mb_30 {
	margin-bottom:30px !important;
}
.mb_35 {
	margin-bottom:35px !important;
}
.mb_40 {
	margin-bottom:40px !important;
}
.mb_45 {
	margin-bottom:45px !important;
}
.mb_50 {
	margin-bottom:50px !important;
}


.ml_none {
	margin-left:0px !important;
}
.ml_05 {
	margin-left:5px !important;
}
.ml_10 {
	margin-left:10px !important;
}
.ml_15 {
	margin-left:15px !important;
}
.ml_20 {
	margin-left:20px !important;
}
.ml_25 {
	margin-left:25px !important;
}
.ml_30 {
	margin-left:30px !important;
}
.ml_35 {
	margin-left:35px !important;
}
.ml_40 {
	margin-left:40px !important;
}
.ml_45 {
	margin-left:45px !important;
}
.ml_50 {
	margin-left:50px !important;
}


.pt_none {
	padding-top:0px !important;
}
.pt_05 {
	padding-top:5px !important;
}
.pt_10 {
	padding-top:10px !important;
}
.pt_15 {
	padding-top:15px !important;
}
.pt_20 {
	padding-top:20px !important;
}
.pt_25 {
	padding-top:25px !important;
}
.pt_30 {
	padding-top:30px !important;
}
.pt_35 {
	padding-top:35px !important;
}
.pt_40 {
	padding-top:40px !important;
}
.pt_45 {
	padding-top:45px !important;
}
.pt_50 {
	padding-top:50px !important;
}


.pr_none {
	padding-right:0px !important;
}
.pr_05 {
	padding-right:5px !important;
}
.pr_10 {
	padding-right:10px !important;
}
.pr_15 {
	padding-right:15px !important;
}
.pr_20 {
	padding-right:20px !important;
}
.pr_25 {
	padding-right:25px !important;
}
.pr_30 {
	padding-right:30px !important;
}
.pr_35 {
	padding-right:35px !important;
}
.pr_40 {
	padding-right:40px !important;
}
.pr_45 {
	padding-right:45px !important;
}
.pr_50 {
	padding-right:50px !important;
}


.pb_none {
	padding-bottom:0px !important;
}
.pb_05 {
	padding-bottom:5px !important;
}
.pb_10 {
	padding-bottom:10px !important;
}
.pb_15 {
	padding-bottom:15px !important;
}
.pb_20 {
	padding-bottom:20px !important;
}
.pb_25 {
	padding-bottom:25px !important;
}
.pb_30 {
	padding-bottom:30px !important;
}
.pb_35 {
	padding-bottom:35px !important;
}
.pb_40 {
	padding-bottom:40px !important;
}
.pb_45 {
	padding-bottom:45px !important;
}
.pb_50 {
	padding-bottom:50px !important;
}


.pl_none {
	padding-left:0px !important;
}
.pl_05 {
	padding-left:5px !important;
}
.pl_10 {
	padding-left:10px !important;
}
.pl_15 {
	padding-left:15px !important;
}
.pl_20 {
	padding-left:20px !important;
}
.pl_25 {
	padding-left:25px !important;
}
.pl_30 {
	padding-left:30px !important;
}
.pl_35 {
	padding-left:35px !important;
}
.pl_40 {
	padding-left:40px !important;
}
.pl_45 {
	padding-left:45px !important;
}
.pl_50 {
	padding-left:50px !important;
}


/*　画像ボタンalfa値　*/

a:hover .imgBtn {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}


/*メディアクエリ*/
/*----------------------------------------*/


// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {

#header {
	position: static;
}
.fb-page {
	max-width: 100%;
}

h1.tSecTit br {
	display: none;
}

.js-clingify-placeholder{
	display:none;}

.headerInner .small-3{
	position:absolute;
	top:0;
	z-index:9999;
	}
	
.headerInner .small-3 img.logo{
	height:48px;
	width:auto;}

ul.umenu li {
	float: none;
	text-align: center;
}

h2.tSecTit {
	    font-size: 180%;
	margin-bottom:30px;}

#footer {
    padding-top: 30px;
    }


.fotContactTel{
	 text-align:center;}

.fotContactTel .telNumber{
	padding-top:15px;}

.footerNav{
	padding:0 1em;
	margin-bottom:40px;}

.fotCompany{
	 text-align:center;}


.copy{
	margin-top:20px;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.js-clingify-placeholder{
	display:none;}

.headerInner .small-3{
	position:absolute;
	top:0;
	z-index:9999;
	}
	
.headerInner .small-3 img.logo{
	height:48px;
	width:auto;}

ul.umenu li {
	float: none;
	text-align: center;
}


} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */




/* ------------ */
/* ----css end Base -------- */

/* ----css start TopPage -------- */
/* ------------ */




#topSlide {
	width: 100%;
	text-align:center;
	height:100vh;
	padding:4rem 0;
	overflow: hidden;
	background-color:333;
}


.home .mainImgWrapper {
	height: 100vh;
	position: relative;
	background: url(commons/css/images/mainimg01.jpg) no-repeat center 50%;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.mainCopy {
	position: absolute;
	right: 60px;
	bottom: 60px;
	text-align: left;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3),-2px 2px 2px rgba(0,0,0,0.3),2px -2px 2px rgba(0,0,0,0.3),-2px -2px 2px rgba(0,0,0,0.3);
	text-shadow-mix-blend-mode : multiply;
}
#topSlide h1,
.mainCopy h1 {
	font-size: 470%;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	color: #fff;
}
#topSlide p,
.mainCopy p {
	font-size: 300%;
	font-weight: bold;
	color: #fff;
	line-height: 1.4;
}


/*基本性能*/
/*----------------------------------------*/
.topBaseSpac {}
.topBaseSpac h3 {
	font-size: 169%;
	font-weight: bold;
}
.topBaseSpac h4 {
	color: #d67743;
	font-size: 116%;
}
ul.topBaseSpecJisseki {
	margin-left: 0;
	padding-left: 0;
}
ul.topBaseSpecJisseki li {
	background: #333;
	color: #fff5ad;
	display: inline-block;
	padding: 0 1.0em;
	margin-bottom: 0.5em;
	min-width: 42%;
	margin-right: 2.0em;
	text-align: center;
}
ul.topBaseSpecJisseki li span {
	display: block;
	float: right;
}
.topBaseSpecMore {}
.topBaseSpecMore a:link,
.topBaseSpecMore a:visited {
	color: #000;
}
.topBaseSpecMore a:hover,
.topBaseSpecMore a:active {
	color: #0f6e6f;
}
.topBaseSpecMore p {
	margin: 0.5em 0 0 0;
	font-size: 93%;
}
@media only screen and (max-width: 40em) {
.topBaseSpecMore br {
	display: none;
}
}
.topBaseSpecMore span {
	font-weight: bold;
	letter-spacing: -0.1em;
}
.topBaseSpecMore span:before {
	font-family: "tocasa";
	content: '\6a';
	margin-right: 0.5em;
	color: #666;
}

/*進行中の建物*/
/*----------------------------------------*/
.topUpdates {
}
.topUpBox {
	background: #fff;
	text-align: center;
	margin-bottom: 40px;
}
.topUpBox h3 {
	font-size: 139%;
	font-weight: bold;
	color: #128080;
	margin-bottom: 12px;
}
.tubMeta {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}
.tubDate {
	position: absolute;
	left: -10px;
	top: -12px;
	background: #333;
	color: #fff;
	line-height: 1.0;
	display: inline-block;
	padding: 6px 10px 6px 5px;
}
.tubDate time {
	font-weight: bold;
}
.tubCatImg {
	margin-bottom: 12px;
}
.tubCatImg img {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.tubCat {
	font-weight: bold;
	margin-bottom: 0;
	padding-left: 1.0em;
	padding-right: 1.0em;
}
.topProComMore {
	text-align: center;
}
.topProComMore a {
	color: #000;
    border: 2px solid #000;
    padding: 1.5em 4em 1.5em 3em;
    font-size: 108%;
    line-height: 1;
    font-weight: bold;
    background: rgba(255,255,255,0.5);
    display: inline-block;
    margin: 3%;
}
@media screen and (max-width:40em) {
	.topProComMore a {
		width: 94%;
	}
}

/*家への想い*/
/*----------------------------------------*/
.topOmoi {
	text-align: center;
	background:url(commons/css/images/bg_topsectipn01.jpg) no-repeat center 50%;
	margin-bottom: 10px;
}
.topOmoiBody p {
	/*font-size: 108%;*/
	line-height: 2.0em;
	margin-bottom: 2em;
	font-weight: bold;
}
.topOmoiMore {
	margin-top: 3.0em;
}
.topOmoiMore a {
	color: #d67743;
	border: 1px solid #d67743;
	padding: 0.75em 4em 0.75em 3em;
	font-size: 108%;
	line-height: 1;
}

.topOmoiMore a:hover {
	background-color:#d67743;
    color: #fff;
	}







/*お客様の声*/
/*----------------------------------------*/
.topVoice {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 80px;
}


.topVoiceBox {
	width: 100%;
	height: 300px;
	position: relative;
	background: url(commons/css/images/bg01.jpg);
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	background-position: center center;
}
.topVoice .topVoiceBox:nth-child(2) {
	margin-right: 80px;
}
.topVoiceBoxInner {
	width: 80%;
	height: 220px;
	padding: 25px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	top: 40px;
	right: -80px;
	background: rgba(255,255,255,0.9);
	border: 1px solid #ccc;
}
.topVoiceBoxInner h3 {
	font-size: 1.25rem;
    text-indent: -0.75rem;
    font-weight: bold;
}
.topVoiceBoxInner h3:before {
	content: "「";
}
.topVoiceBoxInner h3:after {
	content: "」";
}
.topVoiceBoxInner h4 {
	font-size: 1.0rem;
	font-weight: bold;
}
.topVoiceBoxInner p {
	font-size: 0.825rem;
}
.topVoiceBoxInner .tvMore {
	font-size: 0.75rem;
	text-align: right;
}
.topVoiceBoxInner .tvMore a {
    border: 1px solid #d67743;
    display: inline-block;
    padding: 0.25em 1.0em;
    color: #d67743;
}

.topVoiceBoxInner .tvMore a:hover {
    background: #d67743;
    color: #fff;
}






/*商品案内*/
/*----------------------------------------*/
.topLineUp {
	padding: 0;
}
.topLineUpBox {
	height: 600px;
	position: relative;
	border-right: 1px solid #fff;
}
.topLineUpBox h3 {
	font-size: 38px;
	font-weight: bold;
	padding-top: 32px;
	padding-left: 15px;
}
.topLineUpBox a {
	color: #fff;
	display: block;
	height: 100%;
}
.tlubHalf {
	height: 50%;
}

.topLineUpBox a.tlbTocasa {
	background: url(commons/css/images/img_toplineup04.jpg) no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	
}
.topLineUpBox a.tlbWInsulating {
	background: url(commons/css/images/img_toplineup05.jpg) no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.topLineUpBox a.tlbFlat {
	background: url(commons/css/images/img_toplineup06.jpg) no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.topLineUpBox a.tlbWrapSiding {
	background: url(commons/css/images/img_toplineup07.jpg) no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.topLineUpBox a.tlbWInsulating h3,
.topLineUpBox a.tlbFlat h3 {
	text-shadow:0px 0px 10px #000000;
}
.topLineUpBox a.tlbWrapSiding h3 {
	text-align: right;
	padding-right: 15px;
	text-shadow:0px 0px 10px #000000;
}
/*.topLineUpBox a.tlbTocasa h3 {
	color: #d67743;
}*/
.topLineUpBox a.tlbCasaCarina {
	background: url(commons/css/images/img_toplineup02.jpg) no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.topLineUpBox a.tlbCasaCarina h3 {
}
.topLineUpBox a.tlbCasaAmare {
	background: url(commons/css/images/img_toplineup03.jpg) no-repeat left top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.topLineUpBox a.tlbCasaAmare h3 {
}
p.topLineUpMeta {
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	font-size: 93%;
	margin: 0;
	padding: 20px 15px;
	font-weight: bold;
	color: #fff;
}



/* News */
/*----------------------------------------*/
.topNews {}
ul.tNewsLst {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.tNewsLst li {
	border-bottom: 1px dashed #a9a9a9;
}
ul.tNewsLst li a {
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	     -o-transition: 0.5s;
	        transition: 0.5s;
	color: #000;
	display: block;
	padding-top: 1.0em;
	padding-bottom: 1.0em;
}
ul.tNewsLst li a:hover {
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
	    -ms-transition: 0.5s;
	     -o-transition: 0.5s;
	        transition: 0.5s;
	opacity: 0.5;
}
.tNewsMeta {
	float: left;
}
ul.tNewsLst li time {
	font-family: 'Lato', sans-serif;
	font-size: 108%;
	margin-right: 2em;
	vertical-align:-5%;
}
ul.tNewsLst li span.tNewsCat {
	width: 11em;
	color: #fff;
	padding: 1px 0.75em;
	text-align: center;
	display: inline-block;
	/*margin-right: 2em;*/
}

ul.tNewsLst span.tNewsCat {
	background: #d67743;
}


ul.tNewsLst li.cat1 span.tNewsCat {
	background: #f4ab3c;
}
ul.tNewsLst li.cat2 span.tNewsCat {
	background: #436cae;
}
ul.tNewsLst li.cat3 span.tNewsCat {
	background: #128083;
}
ul.tNewsLst li.cat4 span.tNewsCat {
	background: #d49d9c;
}
ul.tNewsLst li p {
	overflow: hidden;
	height: 100%;
	letter-spacing: 0.1em;
}
.tnDate {
	font-size: 108%;
}



/* 建築実績 */
/*----------------------------------------*/
.topWorks {
}
.topWorksInner {
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
.topWorksMore {
	max-width: 1200px;
	margin: 0 auto;
	position: absolute;
	top: 1.0em;
	right: 0;
	font-size: 108%;
}
.topWorksBox {}
.topWorksBox img {
	margin-bottom: 10px;
}
.topWorksBox h3 {
	font-weight: bold;
	margin-bottom: 0.2em;
	font-size: 108%;
}
.topWorksBox p {
	font-size: 93%;
}



/*お知らせ　トップページに固定*/
.wakuStyle01 {
	border: 5px solid #efefef;
    padding: 1.0em;
    text-align: center;
    margin-bottom: 2.0em;
}
h2 {
    clear: both;
    font-size: 172%;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 0.8em;
}
.topEvent h4 {
    clear: both;
    font-size: 143%;
    font-weight: bold;
    border-bottom: 2px solid #d67743;
    margin-bottom: 1.0em;
    padding-bottom: 0.25em;
}
.topEvent h5 {
    font-size: 108%;
    font-weight: bold;
}
.btnKengaku {
	text-align: center;
}
.btnKengaku a {
	font-weight: bold;
	border: 1px solid #5da423;
	padding: 0.75em 1em 0.75em 1em;
	line-height: 1;
	color: #fff;
	background-color: #5da423;
	-webkit-transition: background-color .5s, padding .2s .2s;
	transition: background-color .5s, padding .2s .2s;
}
.btnKengaku a:hover {
	background-color: #fff;
	color: #5da423;
	font-weight: normal;
}

.topIedukuri {
	border-top: 1px solid #ccc;
	width: 100%;
}

section.inner.topEvent {
    border: 6px solid #eee;
}

/*　pc/sp切り替え　*/

.dispPc{
  display: block !important;
}
.dispSp{
  display: none !important;
}



/*メディアクエリ*/
/*----------------------------------------*/


// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {

/*　pc/sp切り替え　*/

.dispSp{
  display: block !important;
}
.dispPc{
  display: none !important;
}

	#topSlide {
	height:40vh;
}

.mainCopy {
	right:auto;
	left: 0px;
	bottom: 0px;
}
#topSlide .mainCopy h1 {
	font-size: 2.0rem;
}
#topSlide .mainCopy p {
	font-size: 1.5rem;
	line-height: 1.2;
}

.topOmoi {
    background: url(commons/css/images/bg_topsectipn01.jpg) no-repeat center 50%;
    background-size:780px auto;
}


.topOmoi p{
	font-size:14px;}

.topLineUpBox{
height:400px;}


.topLineUpBox h3{
top:10px;
left:15px;
}

ul.tNewsLst li time {
    margin-right: 0.5em;
    }

ul.tNewsLst li span.tNewsCat{
	font-size:90%;
    margin-right: 1em;
}

ul.tNewsLst li p{
	display:block;
	margin:0.5em 0 0 0;
	}

.topWorksMore {
	position: relative;
	text-align:center;
}


.topIedukuri img{
	margin-bottom:1em;}


/*お客様の声*/
/*----------------------------------------*/
.topVoiceBox {
	height: auto;
    margin-bottom: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;

}
.topVoice .topVoiceBox:nth-child(2) {
	margin-right: 0px;
}
.topVoiceBoxInner {
	width: 80%;
    height: auto;
    position: static;
    margin: 150px auto 0 auto;
}
.topVoiceBoxInner .tvMore {
	text-align: center;
}
.topVoiceBoxInner .tvMore a {
	display: block;
}






} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */




/* ------------ */
/* ----css end TopPage -------- */

/* ----css start Contents -------- */
/* ------------ */


.mainImgWrapper {
	position: relative;
}



/*パンくず*/
/*----------------------------------------*/

.pankuzu,
.page .pankuzu{
	width: 100%;
	border-bottom:1px solid #c1c1c1;
	padding:0.8em 0.5em;
}
.page-template-default .pankuzu {
	border-bottom: none;
}

.pankuzu p {
	margin:0;
	font-size:0.86em;
}


.pankuzu a{
	color:inherit}

.pankuzu a:hover{
	text-decoration:underline;}

/*コンテンツページタイトルh1*/
/*----------------------------------------*/

.contentTitle {
	width: 100%;
	padding-top: 80px;
	background: url(commons/css/images/bg_content_title00.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:300px;
}

.contentTitle#contentTitleConcept {
	background: url(commons/css/images/bg_content_title01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleKodawari{
	background: url(commons/css/images/bg_content_title02.jpg?ver2) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleMadori{
	background: url(commons/css/images/bg_content_title03.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleProcess{
	background: url(commons/css/images/bg_content_title04.jpg?ver3) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitlePrice {
	background: url(commons/css/images/bg_content_title05.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleCarina {
	background: url(commons/css/images/bg_content_title07.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleAmare {
	background: url(commons/css/images/bg_content_title08.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleProjects{
	background: url(commons/css/images/bg_content_title09.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleAboutus {
	background: url(commons/css/images/bg_content_title10.jpg?feathering) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleExhibition-hall {
	background: url(commons/css/images/bg_content_title11.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleSpec {
	background: url(commons/css/images/bg_content_title12.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle#contentTitleTocasa3 {
	background: url(commons/css/images/bg_content_title14.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:640px;
	padding-top: 0px;
}
.contentTitle#contentTitleTocasa3 h1 {
	line-height: 640px;
	margin: 0;
}

.category-airtight-test .contentTitle {
	background: url(commons/css/images/bg_content_title13.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.single .contentTitle {
	background: url(commons/css/images/bg_content_title06.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contentTitle h1,
.contentTitle p {
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:190%;
	letter-spacing:0.1em;
	margin-top:50px;}


.contentMain p.state {
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 70px;
    font-family: 'Lato', sans-serif;
}




/*コンテンツページメイン*/
/*----------------------------------------*/

.contentMain{
	max-width:1000px;
	padding-top:75px;
	padding-bottom:0;
	margin-bottom: 75px;
}
.contentMain:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.aboutusSec {
	margin: 2.0rem 0;
}

.contentMain h2{
	clear: both;
	font-size:215%;
	letter-spacing:0.1em;
	margin-bottom:2.5em;
	padding:0 0.5em;
}
.single.single-house-case .contentMain .hcSection h2 {
	font-size: 115%;
	font-weight: bold;
	padding: 0;
	margin-bottom: 0.5em;
}
.contentMain h3,
.single .contentMain h2 {
	clear: both;
	font-size:172%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-bottom:0.8em;
}
.contentMain h4 {
	clear: both;
	font-size: 143%;
	font-weight: bold;
	border-bottom: 2px solid #d67743;
	margin-bottom: 1.0em;
	padding-bottom: 0.25em;
}
.contentMain h5 {
	font-size: 108%;
	font-weight: bold;
}

.contentMain h3.tAut_h3 {
	text-align: center;
	margin: 1.0em 0 2.0em 0;
}



.contentMain h2 span.subcopy{
	font-size:0.6em;
	vertical-align:20%;
}

.contentMain p{
	line-height:1.9em;
	letter-spacing:-0.02em;}


.contentMain .wakuStyle01 {
	border: 5px solid #efefef;
    padding: 1.0em;
    text-align: center;
    margin-bottom: 2.0em;
}

.contentMain blockquote{
	background-color:#e1e5e5;
	padding:1.2em 1em 1.2em 3em;
	position:relative;
	font-family : YuMincho, '游明朝', serif;
	border-style:none;
	color:#000;
	font-size:145%;
	letter-spacing:0.2em;
	display:relative;
	margin: 1em 0;
}

.contentMain blockquote:before{
	content:"“";
	font-size:400%;
	line-height:1em;
	color:#fff;
	position:absolute;
	left:5px;
	top:0;
}

.contentMain blockquote .quoteSource{
	position:absolute;
	right:10px;
	bottom:5px;
	font-size:60%;
	letter-spacing:0;}


.IedukuriMore{
	display:block;
	width:100%;
	background-color:#333333;
	color:#fff;
	text-align:center;
	height:24px;
	font-size:11px;
	font-weight:bold;
	padding-top:0.4em;}

.IedukuriMore:before{
	font-family: tocasa;
	content: '\6a';
	margin-right: 0.5em;
    }

.pageNav {
	max-width:1000px;
	padding-top:75px;
	padding-bottom:75px;
	margin: 0px auto;
}
.pageNav .prev {
	text-align: left;
}
.pageNav .prev a,
.pageNav .next a,
a.page-numbers {
	color: #d67743;
	border: 1px solid #d67743;
	padding: 0.75em 1em 0.75em 1em;
	line-height: 1;
	background-color: #fff;
	-webkit-transition: background-color .5s, padding .2s .2s;
	transition: background-color .5s, padding .2s .2s;
}
span.page-numbers.current {
	color: #d67743;
	border: 1px solid #d67743;
	padding: 0.75em 1em 0.75em 1em;
	line-height: 1;
	background: rgba(214,119,67,0.3);
	-webkit-transition: background-color .5s, padding .2s .2s;
	transition: background-color .5s, padding .2s .2s;
}
.pageNav .prev a:before {
	content: '\69';
	font-family: "tocasa";
	margin-right: 0.75em;
}
.pageNav .prev a:hover {
	padding: 0.75em 1.5em 0.75em 0.50em;
}
.pageNav .next {
	text-align: right;
}
.pageNav .next a {
}
.pageNav .next a:after {
	content: '\6a';
	font-family: "tocasa";
	margin-left: 0.75em;
}
.pageNav .next a:hover {
	padding: 0.75em 0.5em 0.75em 1.50em;
}
a.page-numbers:hover,
.pageNav .prev a:hover,
.pageNav .next a:hover {
	background: #d67743;
	color: #fff;
	font-weight: bold;
}



/*アーカイブページ絞り込み*/
.categoryTab{
  position: relative;
  z-index: 999;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}

.categoryTab span{
  font-size: 15px;
  background: #f2f2f2;
  border:1px solid #e6e6e6;
  border-radius: 3px;
  padding: .3em .75em .5em .75em;
  margin-right: .2em;
  display: inline-block;
  margin-bottom: .5em;
}

.categoryTab label input {
  margin-right:0.3em;
  margin-bottom: 0;
}



/*--------toCasaの家づくり---------*/

.contentMain .paragraph01{
	 margin:0 0 5em 0;}

.contentMain .paragraph01 img{
	float:right;
	}

.contentMain .paragraph01 .medium-order-1 img{
	float:left;}

/*--------家づくりのこだわり---------*/

.contentMain .paragraph02{
	 margin:0 0 4em 0;
	 border-bottom:1px solid #000;
	 padding:0 0 4em 0;}

.contentMain .paragraph02 img{
	 float:right;}

.contentMain .paragraph02 span.kadawariNumber{
	font-family:"Lato";
	background-color:#d67743;
	color:#fff;
	font-weight:normal;
	font-size:0.625em;
	padding:0.1em 0.2em 0.1em 0.25em;
	letter-spacing:-0.01em;
	margin:0.2em 0.5em 0 0;
	display:block;
	height:24px;
	width:24px;
	float:left;
	}

.contentMain .paragraph02.last{
	border-style:none;}

/*--------家づくりの流れ---------*/

.contentMain .paragraph03{
	margin:0 0 4em 0;
	padding:0 10px;}

.contentMain .paragraph03 .processPanel{
border:1px solid #939393;
padding:1.5em;
background-color:#fff;
display:block;
min-height:192px;}

.contentMain .paragraph03 .processPanel p{
font-size:15px;
}

.contentMain .paragraph03 .processText{
overflow: auto}

.contentMain .paragraph03 .processPanel .processNumber{
	font-family:"Lato";
	color:#d67743;
	font-size:60px;
	float:left;
	margin:-30px 0 0 0;
	margin-right:10px;}

.contentMain .paragraph03 .processPanel h3{
	margin:3px 0 5px 0;}


.contentMain .paragraph03 .processPanel img{
	float:right;}

.contentMain .paragraph03  .processPanel.small-12{
	border:2px solid #d67743;
	box-shadow: 5px 5px #d3d3d3;
	-webkit-box-shadow: 5px 5px #d3d3d3;
	-moz-box-shadow: 5px 5px #d3d3d3;}

.contentMain .paragraph03  .processPanel.processSupport{
	border:1px solid #939393;
	background-color:#ebeded;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;}
	}

.contentMain .paragraph03  .processPanel.processSupport .processNumber{
	font-size:90px;
	margin-top:-60px;}

.processBg{
	position:relative;
	padding:40px 0 1px 0;
	margin-bottom:20px;
	}

.processBgLine{
	background:url(commons/css/images/dot01.png) repeat-y;
	background-position:top center;
	background-size:26px 25px;
	position:absolute;
	height:100%;
	left:30%;
	background-color:#fff;
	width:34px;
	z-index:-1000;
	border:1px solid #d67743;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    	margin:-40px 0;
	}

/*--------価格の考え方---------*/

.imgBlock{
	display:block;
	margin:0 auto;
	}

/*--------会社概要---------*/

.companyPolicy {
	font-family : YuMincho, '游明朝', serif;
	font-size:22px;
	text-align:center;
	font-weight:bold;
	line-height:2em;
	padding-top: 3.0em;
	padding-bottom: 3.0em;
	}

.companyPolicy span{
	color:#d67743;
	font-size:38px;
	}
table.companyOutline tbody {
	border-style:none;
}

table.companyOutline tbody tr {
	background-color:#fff;
}

table.companyOutline tbody tr th {
	font-size:16px;
	width:5em;
	padding: 0.7em 1em 0em 0em;
	text-align:left;
	vertical-align: top;
	}

table.companyOutline tbody tr td {
	padding:0.5em 1em;
	font-size:14px;
}

table.companyOutline tbody td:before {
    display: block;
    height: 1px;
    background: #ccc;
    content: "";
    margin: 1em 0 2em -1.5em;
}
table.companyOutline tbody tr:last-child td:after {
	display: block;
	height: 1px;
	background: #ccc;
	content: "";
    margin: 2em 0 1em -1.5em;
}
.map iframe {
vertical-align: bottom;
margin-bottom:-5.6em;
}



/*--------輸入住宅---------*/
.aboutusHojo01 strong,
.aboutusHojo02 strong,
.aboutusHojo03 strong {
	padding: 1.0em 0;
	display: block;
	text-decoration: underline;
	font-weight: normal;
}
.aboutusHojo01 strong {
	color: #db5a24;
}
.aboutusHojo02 strong {
	color: #399f4a;
}
.aboutusHojo03 strong {
	color: #0068af;
}



/*-------- よくある質問 ---------*/
.archiveFAQ {
	margin-bottom: 3.0em;
}
.contentMain .archiveFAQ h2 {
	font-weight: bold;
	font-size: 215%;
	padding: 0;
	background: #fff;
	margin-bottom: 1.0em;
}
.archiveFAQ h2:before {
	content: '\65';
	font-family: 'tocasa';
	font-size: 200%;
	color: #d67743;
    display: block;
    float: left;
    line-height: 0.75;
    margin-right: 0.25em;
}
.archiveFAQPost {
	padding-left: 5em;
	background: url(commons/css/images/dot01.png) repeat-y left top 18px;
}






/*--------casa carina---------*/

.contentMain p.carinaCopy{
	font-family : YuMincho, '游明朝', serif;
	color: #0a0a0a;
	font-size:120%;
	font-weight:bold;
	color: #d67743;}

.contentMain p.carinaCopy span{
    font-weight: normal;
    font-size:150%;;
    display: block;
    border-bottom:1px solid #d67743;
    }

.contentMain h3 span{
	font-size:1.2em;
	}

.contentMain table.tablePlan{
	border-style:none;
	border-top:1px solid #ccc;
	}

.contentMain table.tablePlan tbody{
	border-style:none;
	}

.contentMain table.tablePlan tr{
	background-color:#fff;
	border-bottom:1px solid #ccc;
	}

.casaMore{
	text-align:center;}

.casaMore a {
    color: #d67743;
    border: 1px solid #d67743;
    padding: 0.75em 4em 0.75em 3em;
    font-size: 108%;
    line-height: 1;
	}

.casaMore a:hover {
	background-color:#d67743;
    color: #fff;
	}


/*その他*/
/*----------------------------------------*/
.contentMain .paragraphBorder {
	 margin:0 0 8em 0;
	 border-bottom:1px solid #000;
	 padding:0 0 4em 0;
}




/*アーカイブ*/
/*----------------------------------------*/

.newsBox{
	width: 320px;
	color:#0a0a0a;
	font-size: 91%;
	margin: 0 10px 10px 0;
	background: #fff;
	border: 1px solid #ccc;
	padding: 1em;
		}

.newsBox  a{
	color:#0a0a0a;}


.newsBox h3{
	font-size:140%;
	margin:0.5em 0.3em;
	min-height: 2.0em;
}
.newsImg {
}

.newsCatMedia{
	background-color:#d67743;
	color:#fff;
	padding: 0.1em 0.5em;}

.newsCat1 {
	background: #f4ab3c;
}
.newsCat2 {
	background: #436cae;
}
.newsCat3 {
	background: #128083;
}
.newsCat4 {
	background: #d49d9c;
}

.newsMore{
	width:100%;}

.newsMore a {
    color: #d67743;
    border: 1px solid #d67743;
    padding: 0.5em 4em 0.5em 3em;
    font-size: 108%;
    line-height: 1;
    display:block;
    width:100%;
    text-align:center;
	}

.newsMore a:hover {
	background-color:#d67743;
    color: #fff;
	}

.pageNavi{
 width:100%;
 display:block;
text-align:center;
margin:50px 0;}




/*進行中の建物*/
/*----------------------------------------*/
.projectsList {
}
.projectsList  .projectsListBox {
	background: #fff;
	text-align: center;
	margin-bottom: 40px;
	border:#c1c1c1 solid 1px;
}
.projectsList  .projectsListBox h3 {
	font-size: 139%;
	font-weight: bold;
	color: #128080;
	margin-bottom: 12px;
}

.projectsList  .projectsListBox .projectsListImg img{
	width:100%;
	}

.projectsList  .tubMeta {
	position: relative;
	padding: 30px 1.0rem;
}
.projectsList  .tubDate {
	position: absolute;
	left: -10px;
	top: -12px;
	background: #333;
	color: #fff;
	line-height: 1.0;
	display: inline-block;
	padding: 6px 10px 6px 5px;
}
.projectsList  .tubDate time {
	font-weight: bold;
}
.projectsList  .tubCatImg {
	width:58px;
	height:58px;
	margin: 0 auto 12px auto;
}
.projectsList  .tubCatImg img {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.projectsList  .tubCat {
	font-weight: bold;
	margin-bottom: 0;
}

.contentMainExpand{
	max-width:100%;}



/*進行中の建物カテゴリー別ページ*/

/*----------------------------------------*/

.postProject{
	background:url(commons/css/images/dot02.png) repeat-x;
	background-position:0 12px;
	}

.postProject h2{
	margin-top:20px;
	    font-size: 180%;
    font-weight: bold;
    margin: 0.8em 0;
    padding: 0;
}

.postProject h2:before{
	content: '▶';
	color: #d67743;
	font-size:0.7em;
	margin-right:0.2em;
	vertical-align:10%;
	}

.thumbnailCategory{
	text-align:center;
	margin-bottom:20px;}

.thumbnailCategory img{
	width:98px;
	height:98px;
	margin-bottom:10px;
	    -webkit-border-radius: 50%;
    border-radius: 50%;
	}

.projectsDate {
	position: relative;
	background: #333;
	color: #fff;
	line-height: 1.0;
	display: inline-block;
	padding: 6px 10px 6px 5px;
}

.projectsDate:after {
	top: 100%;
	left: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #333;
	border-left-color: #333;
	border-width: 5px;
}

.postProjectInner{
	margin:10px 0 10px 20px;
	padding:10px 10px 10px 30px;
	border-left:solid 2px #d67743
	}

.postProjectInner img{
	margin-bottom:1em;}


/*建築実績*/
/*------------------------------------------*/
.hcSection {
	margin-bottom: 6.0em;
}
.nhcPhoto {
	text-align: center;
	margin-bottom: 1.5em;
}
.nhcParagraph {
	margin-bottom: 3.5em;
}
dl.nhc_detail {
	overflow: hidden;
    /*height: 100%;*/
}
dl.nhc_detail dt {
	clear: both;
    float: left;
    width: 6.0em;
    margin-right: 0.5em;
    margin-bottom: 0;
    padding-top: 0.5em;
}
dl.nhc_detail dt:first-child {
	padding-top: 0;
}
dl.nhc_detail dd {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-left: 7.0em;
    padding-bottom: 0.5em;
    margin-top: -1.70em;
    margin-bottom: 0;
}
.hcGallery {
	padding-top: 5.0em;
	margin-top: 5.0em;
	border-top: 1px solid #000;
}
.single.single-house-case .contentMain .hcSection h2.hcGalleryTit {
	font-size: 160%;
}
.chmMainImg {
	width: 100%;
	height: 550px;
	position: relative;
	margin-bottom: 10px;
}
.chmMainImg img.largePhoto {
	position: absolute;
}
ul.chmThumbs {
	clear: both;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
ul.chmThumbs li {
	float: left;
	width: 12%;
	margin-right: 0.55%;
	margin-bottom: 4px;
}
ul.chmThumbs li:nth-child(8n) {
	margin-right: 0;
}
.hcDataTit {
	font-size: 261%;
	font-family: 'Lato', sans-serif;
	color: #959595;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 0;
}
.moreProject {
	font-weight: normal;
	font-size: 139%;
	position: relative;
	border-top: 4px solid #000;
	border-bottom: 2px solid #000;
	padding-top: 1.0em;
}
.moreProject:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 2px;
	left: 0;
	border-top: 2px solid #000;
}
.hcMpIcon {
	width:58px;
	height:58px;
	margin: 0 auto 12px auto;
}
.hcMpIcon img {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.moreProject p {
	text-align: center;
}
.moreProject a:link,
.moreProject a:visited {
	color: #000;
	font-weight: normal;
	padding-left: 0;
	-webkit-transition: font-weight, padding-left 0.5s ease-out;
	   -moz-transition: font-weight, padding-left 0.5s ease-out;
	    -ms-transition: font-weight, padding-left 0.5s ease-out;
	     -o-transition: font-weight, padding-left 0.5s ease-out;
	        transition: font-weight, padding-left 0.5s ease-out;
}
.moreProject p a:hover,
.moreProject p a:active {
	font-weight: bold;
	padding-left: 0.25em;
}
.moreProject p a:after {
	font-family: 'tocasa';
	content: '\6a';
	padding-left: 0.5em;
	font-size: 116%;
}


.caseRecomend {}
.caseRecomend h3 {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 18px;
}
.caseRecomend img {
	border: 1px solid #ccc;
	padding: 3px;
	margin-bottom: 3px;
}
.caseRecomend p {
	text-align: right;
	font-size: 91%;
}


/*LP*/
.btnKengaku {
	text-align: center;
}
.btnKengaku a {
	font-weight: bold;
	border: 1px solid #5da423;
	padding: 0.75em 1em 0.75em 1em;
	line-height: 1;
	color: #fff;
	background-color: #5da423;
	-webkit-transition: background-color .5s, padding .2s .2s;
	transition: background-color .5s, padding .2s .2s;
}
.btnKengaku a:hover {
	background-color: #fff;
	color: #5da423;
	font-weight: normal;
}

/*お客さまの声*/
/*-----------------------------------------------------------------------------*/
.categoryid-46 {}
.categoryid-46 dl {
	margin-top: 50px;
	margin-left: 50px;
}
.categoryid-46 dl dt{
	float: left;
	margin-bottom: 2.0em;
    text-align: center;
    clear: both;
    padding-top: 3.0em;
}
/*.categoryid-46 dl dt:before {
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
}*/
.categoryid-46 dl dt.voiceIshigami {

}
.categoryid-46 dl dt.voiceIshigami:before {
	content: "";
	background: url(commons/css/images/img_voice_ishigami.jpg) no-repeat;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	width: 70px;
	height: 70px;
	display: block;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.categoryid-46 dl dt.voiceUser:before {
	content: "";
	background: url(commons/css/images/img_voice_user.png) no-repeat center center;
	-webkit-background-size: 60%;
	     -o-background-size: 60%;
	        background-size: 60%;
	width: 70px;
	height: 70px;
	display: block;
	border: 3px solid #d67743;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.categoryid-46 dl dt.voiceUserMen:before {
	content: "";
	background: url(commons/css/images/img_voice_user_men.png) no-repeat center center;
	-webkit-background-size: 60%;
	     -o-background-size: 60%;
	        background-size: 60%;
	width: 70px;
	height: 70px;
	display: block;
	border: 3px solid #4298d7;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.categoryid-46 dl dt.voiceUserWomen:before {
	content: "";
	background: url(commons/css/images/img_voice_user_women.png) no-repeat center center;
	-webkit-background-size: 60%;
	     -o-background-size: 60%;
	        background-size: 60%;
	width: 70px;
	height: 70px;
	display: block;
	border: 3px solid #f192b1;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.categoryid-46 dl dt.voiceWriter:before {
	content: "";
	background: url(commons/css/images/img_voice_writer.png) no-repeat center center;
	-webkit-background-size: 60%;
	     -o-background-size: 60%;
	        background-size: 60%;
	width: 70px;
	height: 70px;
	display: block;
	border: 3px solid #c8af7f;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.categoryid-46 dl dd{
	float: left;
	width: 600px;
    margin-left: 30px;
    margin-bottom: 3.0em;
    border-top: 1px solid #ccc;
	padding-top: 3.0em;
}


/*--------標準仕様---------*/

.specSec{
		border-bottom: 1px solid #000;
		padding-bottom: 5rem;
}

.contentMain.specSec{
	padding-top: 0;
}

#wrapper .contentMain.specSec:first-of-type{
		padding-top: 75px;
}

.specSec#specSecTaishin{
	border-bottom-style: none;
	padding-bottom: 0;
	margin-bottom: 3rem;
}

.specSec p,
.specSec li{
	font-size: 15px;
}

.specSec p{
	margin-bottom: 1em;
}

.specSec p.note{
	font-size: .93em;
}

.specSec h3{
	margin-bottom: 1em;
}

.specSec h4{
	margin-top: 1.5em;
}

.contentMain.specSec#specSecTaishin h2{
	margin-bottom: 0;
}

.specImg{
	margin-bottom: 3rem;
}

.specSec#specSecIcon img{
	max-width: 155px;
	display: block;
	margin: 0 auto;
}





/*メディアクエリ*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/


// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {


.contentTitle{
	padding-top:40px;
	height:200px;
	}


.contentMain{
	padding-top:40px;
	}

.contentMain h2{
	font-size:170%;
	margin-bottom:1.5em;
	letter-spacing:0.05em;
	}

.contentMain h3 {
	font-size:150%;
	margin-bottom:1.5em;
	}


.contentMain h4 {
	font-size:120%;
	margin-top:1em;}


.contentMain h5 {
	font-size: 100%;
}


.contentMain .paragraph01 h3{
	font-size:150%;
	text-align:center;
	}


.contentMain .paragraph01{
	 margin:0 0 4em 0;
	 }

.contentMain .paragraph02{
	 margin:0 0 3em 0;
	 padding:0 0 3em 0;
	 }

.contentMain .paragraph02 h3{
	font-size:150%;
	letter-spacing:0.01em;}

.contentMain .paragraph02 span.kadawariNumber{
	font-size:0.625em;
	padding:0.1em 0.2em 0.1em 0.3em;
	margin:0.25em 0.5em 0 0;
	height:22px;
	width:22px;
	}

.contentMain .paragraph01 img,
.contentMain .paragraph02 img{
	 float:none;
	 width:100%;}

.pricePanel img{
	 float:center;
	 width:100%;}

.pricePanel .imgBlock{
	width:auto;}

.contentMain .paragraph03{
	margin-bottom:2em;}

.contentMain .paragraph03 .processPanel .processNumber{
	float:none;
	text-align:center;
	margin-bottom:-0.2em;
	}

.contentMain .paragraph03 .processPanel h3{
	text-align:center;
	margin-bottom:1em;
	}

.contentMain .paragraph03 .processPanel p{
	font-size:14px;}

.contentMain .paragraph03 .processPanel img{
	float:center;
	width:100%;}


.processBgLine{
	left: 0;
	right: 0;
	margin-right:auto;
	margin-left:auto;
	}

table.companyOutline tbody tr th {
    font-size: 15px;
    width: 4.5em;
    }

table.companyOutline tbody tr td {
    padding: 0;
    }

table.companyOutline tbody td:before {
	margin: 1.2em 0 1em 0em;
    }

table.companyOutline tbody tr:last-child td:after {
	margin: 1.2em 0 1em 0em;
}
.companyPolicy {
    font-size: 20px;
    padding-top: 1em;
    padding-bottom: 1em;
    }

.IedukuriMore{
	margin-bottom:1em;
	}

.newsBox{
	width: 95%;
	margin-left:2.5%;
		}

.newsBox img{
	width: 100%;
		}

.postProjectInner {
    margin: 10px 0;
    padding: 10px;
    border-style:none;}

 .postProject h2{
	margin-top:10px;
	margin-bottom:10px;
}
.chmMainImg img.largePhoto {
	position: static;
}

.chmMainImg {
	height: auto;
}

.contentMain .archiveFAQ h2 {
	font-size: 180%;
	text-align: center;
}
.contentMain .archiveFAQ h2:before {
	float: none;
	margin-bottom: 0.5em;
}
.archiveFAQPost {
	padding-left: 0;
	padding-bottom: 2.0em;
	background-repeat: repeat-x;
	background-position: center bottom;
}

.specSec{
		padding-bottom: 3rem;
}

.specSec img{
	margin-bottom: 1rem;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.specSec p,
.specSec li{
	font-size: 13px;
}

.specSec#specSecIcon img{
	max-width: 100px;
	margin: 0 auto;
}

.specSec h3{
	font-size: 130%;
}

.imgMax200{
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
}


} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.specSec{
			padding-bottom: 3rem;
	}

	.specSec p,
	.specSec li{
		font-size: 14px;
	}

	.specSec h3{
		font-size: 160%;
	}


} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */



/*--- exhibition-hall 180428 --*/
.lead{ text-align: center; padding-top: 60px;}
h2.eh{ text-align: center; margin-top: 110px;}
.ehWrap{ width: 970px; margin-bottom: 30px; position: relative;}
.ehWrap:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.ehWrap .lPhoto{ width: 470px; float: left;}
.ehWrap .rTxt{ width: 470px; float: right; padding-top: 30px;}
.ehWrap .rPhoto{ width: 470px; float: right;}
.ehWrap .lTxt{ width: 470px; float: left; padding-top: 30px;}
.ehWrap .no1{ position: absolute; top: -25px; left: -46px;}
.ehWrap .no2{ position: absolute; top: -25px; right: -46px;}
.ehWrap .no3{ position: absolute; top: -25px; left: -46px;}
.ehWrap .no1 img,.ehWrap .no2 img,.ehWrap .no3 img{ width: 96px;}
p.eh_h{ padding: 70px 0 60px; font-size: 28px; font-weight: bold; text-align: center; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
.line3{ width: 970px;}
.line3 ul{ margin: 0; padding: 0; list-style: none;}
.line3 ul:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.line3 ul li{ width: 300px; float: left; margin-right: 30px; position: relative;}
.line3 ul li:last-child{ margin-right: 0;}
.line3 ul li h3{ margin-top: 25px;}
.line3 ul li .no4,.line3 ul li .no5,.line3 ul li .no6{ position: absolute; top: -18px; left: -17px;}
.line3 ul li .no4 img,.line3 ul li .no5 img,.line3 ul li .no6 img{ width: 53px;}
.uaWrap{ border: solid 1px #e8814b; padding:50px 65px 50px 90px; position: relative; margin-top: 100px;}
.uaWrap:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.uaWrap .uaL{ width: 226px; float: left; margin-right: 30px;}
.uaWrap .uaL img{ width: 226px;}
.uaWrap .urR{ float: right;}
.uaWrap .urR:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.uaWrap h3{ font-size: 28px; text-align: center;}
.uaWrap p.uaTtl{ font-size: 24px; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-weight: bold; margin-top: 10px;}
.uaWrap a.btn_more{ margin-top: 15px;  float: right;}
.uaWrap a.btn_more img{ width: 170px;}
.uaWrap .iconUa{ position: absolute; top: 60px; left: 36px;}
.uaWrap .iconUa img{ width: 140px;}
.impressions{ background: #FFFEEA; padding-top: 30px; margin-top: 140px;}
.impressions p.impTtl{ font-size: 28px; font-weight: bold; text-align: center; padding-bottom: 10px; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
p.accTtl{ font-size: 28px; font-weight: bold; text-align: center; padding-bottom: 10px; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
.contactWrap{ padding:100px 160px; border: solid 1px #e8814b; text-align: center;}
.contactWrap p{ font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
.contactWrap .comImg{}
.contactWrap .comImg img{}
.contactWrap p.add{ font-size:22px; font-weight: bold; margin-top: 25px;}
.contactWrap p.add span{ display: block; font-size: 16px; line-height: 140%;}
.contactWrap p.o_ttl{ font-size:20px; font-weight: bold; color:#d37749; margin: 40px 0 5px;}
.contactWrap p.telImg{ font-size:18px; font-weight: bold; }
.contactWrap p.telImg img{ width: 300px;}
.contactWrap p.telImg span{ display: block; margin: 10px 0 0; line-height: 140%;}
.contactWrap p.form{ font-size:18px; font-weight: bold; line-height: 140%;}
.contactWrap .btnContact{ width: 220px; margin: 0 auto; padding-top: 10px;}
.contactWrap .btnContact img{ width: 220px;}
.contactWrap .btnContact a{ display: block;}
.contactWrap .btnContact a:hover img{ opacity:0.7; filter:alpha(opacity=70);}

.slider{ margin: 0 !important; background: none !important;}
.slick-slide{ margin:0 !important;}
.slick-slide img{width:100%;}
.slick-prev,
.slick-next{display:none !important;}
.slider-for{height: 550px; margin:50px auto 0; cursor: default;}
.slider-for p{text-align: center; font-size:18px !important; line-height: 50px; background: #FFFEEA;}
.slider-for a{display: block; transition: all 0.3s ease; opacity: 1; color:#404045;}
.slider-for a:hover{opacity: 0.7;}
.slider-nav{ padding: 10px 0 120px;}
/*.slider-nav{ width: 970px !important; padding: 50px 0 120px;}*/
.slider-nav div{ margin: 0 5px;}

#map{ width: 100%; height: 600px; margin: 0 auto;}
#map iframe{ width: 100%; height: 100%; margin: 0 auto;}


.pc{ display: inherit !important;}
.sp{ display: none !important;}


@media screen and (max-width: 736px) {

.lead{ text-align: center; padding-top: 0; margin: 0 5%;}
h2.eh{ text-align: center; margin: 10% 5%;}
.ehWrap{ width: auto; margin: 0 5% 10%; position: relative;}
.ehWrap:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.ehWrap h3{ font-size: 16px !important;}
.ehWrap p{ font-size: 14px !important;}
.ehWrap .lPhoto{ width: auto; float: none;}
.ehWrap .rTxt{ width: auto; float: none; padding-top: 5%;}
.ehWrap .rPhoto{ width: auto; float: none;}
.ehWrap .lTxt{ width: auto; float: none; padding-top: 5%;}
.ehWrap .no1{ position: absolute; top: -20px; left: 5px;}
.ehWrap .no2{ position: absolute; top: -20px; right: 5px;}
.ehWrap .no3{ position: absolute; top: -20px; left: 5px;}
.ehWrap .no1 img,.ehWrap .no2 img,.ehWrap .no3 img{ width: 48px;}
p.eh_h{ padding: 5% 0; font-size: 16px; font-weight: bold; text-align: center; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
.line3{ width: auto; margin: 0 5%;}
.line3 ul{ margin: 0; padding: 0; list-style: none;}
.line3 ul:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.line3 ul li{ width: 31%; float: left; margin-right: 3%; position: relative;}
.line3 ul li:last-child{ margin-right: 0;}
.line3 ul li h3{ margin-top: 5%; font-size: 12px;}
.line3 ul li p{ font-size: 12px;}
.line3 ul li .no4,.line3 ul li .no5,.line3 ul li .no6{ position: absolute; top: -13px; left: 5px;}
.line3 ul li .no4 img,.line3 ul li .no5 img,.line3 ul li .no6 img{ width: 22px;}
.uaWrap{ border: solid 1px #e8814b; padding:5%; position: relative; margin: 10% 5%;}
.uaWrap:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.uaWrap .uaL{ width: auto; float: none; margin-right: 0;}
.uaWrap .uaL img{ width: 100%;}
.uaWrap .urR{ float: none;}
.uaWrap .urR:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.uaWrap h3{ font-size: 16px; text-align: center; margin-bottom: 0; letter-spacing: 0; line-height: 150%;}
.uaWrap p.uaTtl{ font-size: 14px; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-weight: bold; margin-top: 5%;}
.uaWrap a.btn_more{ margin: 5% auto 0; float: none; width: 60%; display: block;}
.uaWrap a.btn_more img{ width: 100%;}
.uaWrap .iconUa{ position: absolute; top: 60px; left: 36px;}
.uaWrap .iconUa img{ width: 140px;}
.impressions{ background: #FFFEEA; padding: 5% 5% 0; margin: 15% 0 0;}
.impressions p.impTtl{ font-size: 16px; font-weight: bold; text-align: center; padding-bottom: 10px; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
.innerFull.access{ padding-top: 0; padding-bottom: 0;}
p.accTtl{ font-size: 16px; font-weight: bold; text-align: center; padding-bottom: 10px; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
.contactWrap{ padding: 10% 5%; border: solid 1px #e8814b; text-align: center; margin: 0 5%;}
.contactWrap p{ font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;}
.contactWrap .comImg{}
.contactWrap .comImg img{}
.contactWrap p.add{ font-size:16px; font-weight: bold; margin-top: 8%;}
.contactWrap p.add span{ display: block; font-size: 12px; line-height: 140%;}
.contactWrap p.o_ttl{ font-size:16px; font-weight: bold; color:#e8814b; margin: 8% 0 2%;}
.contactWrap p.telImg{ font-size:18px; font-weight: bold;}
.contactWrap p.telImg img{ width: 100%;}
.contactWrap p.telImg span{ display: block; margin: 10px 0 0; line-height: 140%; font-size:14px;}
.contactWrap p.form{ font-size:14px; font-weight: bold; line-height: 140%;}
.contactWrap .btnContact{ width: 80%; margin: 0 auto; padding-top: 10px;}
.contactWrap .btnContact img{ width: 100%;}
.contactWrap .btnContact a{ display: block;}
.contactWrap .btnContact a:hover img{ opacity:0.7; filter:alpha(opacity=70);}

.slider{ margin: 0 !important; background: none !important;}
.slick-slide{ margin:0 !important;}
.slick-slide img{width:100%;}
.slick-prev,
.slick-next{display:none !important;}
.slider-for{width: auto; height: auto; margin:50px auto 0; cursor: default;}
.slider-for p{text-align: center; font-size:14px !important; line-height: 30px; background: #FFFEEA;}
.slider-for a{display: block; transition: all 0.3s ease; opacity: 1; color:#404045;}
.slider-for a:hover{opacity: 0.7;}
.slider-nav{ width: auto !important; padding: 5% 0 10%;}
/*.slider-nav{ width: auto !important; padding: 0 0 10%;}*/
.slider-nav div{ margin: 0 5px;}

#map{ width: 100%; height: 300px; margin: 0 auto;}
#map iframe{ width: 100%; height: 100%; margin: 0 auto;}

.pc { display: none !important;}
.sp { display: inherit !important;}
}




/*--- model-house 180823 --*/

.mhRow{
	max-width: 1030px;
}
.mhTit{
	margin-bottom: 40px;
}
.mhTit h2{
	max-width: 590px;
	margin: 10px auto 0 auto;
}
.mhTit h2::after{
	content: "";
	display: block;
	width: 100px;
	height: 1px;
	background: #d37749;
	margin: 20px auto;
}
.mhTit p{
	text-align: center;
	font-family : YuMincho, '游明朝', serif;
	font-size:16px;
	font-feature-settings: "palt";
	letter-spacing: .025em;
	line-height: 1.8em;
}
.mhPoint .mhRow{
	margin-bottom: 70px;
}

.mhPointItem{
	position: relative;
}

.mhPointItem::after{
    content:" ";
    display:block;
		position: absolute;
		top: -15px;
		left: 0;
    width:96px;
    height:71px;
    background:url(commons/css/images/no01.png) no-repeat;
    background-size:contain;
    vertical-align:middle;
}
.mhPointItem#mhPointItem02::after{
		top: -15px;
		left: auto;
		right: 0;
    background:url(commons/css/images/no02.png) no-repeat;
    background-size:contain;
}
.mhPointItem#mhPointItem03::after{
    background:url(commons/css/images/no03.png) no-repeat;
    background-size:contain;
}
.mhPointItem#mhPointItem04::after,
.mhPointItem#mhPointItem05::after,
.mhPointItem#mhPointItem06::after{
	width:53px;
	height:38px;
	top: -10px;
	left: 0;
}
.mhPointItem#mhPointItem04::after{
	background:url(commons/css/images/no04.png) no-repeat;
	background-size:contain;
}
.mhPointItem#mhPointItem05::after{
	background:url(commons/css/images/no05.png) no-repeat;
	background-size:contain;
}
.mhPointItem#mhPointItem06::after{
	background:url(commons/css/images/no06.png) no-repeat;
	background-size:contain;
}


.mhPoint h3{
	font-family : YuMincho, '游明朝', serif;
	font-size: 30px;
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: .025em;
}
.mhPoint h4{
	font-size: 14.5px;
	font-weight: bold;
	line-height:2em;
	margin-bottom: 0;
	font-feature-settings: "palt";
	letter-spacing: .025em;
}
.mhPoint p{
	font-size: 13px;
	line-height:2em;
	font-feature-settings: "palt";
	letter-spacing: .025em;
}
.mhPoint .large-4 h4{
	font-size: 18px;
}
.mhPoint .large-4 img{
	margin-bottom: 5px;
}
.mhFunction{
	background-color: #faf5ee;
	padding: 70px 0;
}
.mhFunction h3{
	color: #d37749;
	font-size: 38px;
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: .025em;
}
.mhFunction h3:after{
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	margin: 20px 0;
	background-color: #d37749;
}
.mhFunction h4{
	font-size: 20px;
	font-weight: bold;
}
.mhFunction p{
	font-size: 13px;
	font-feature-settings: "palt";
	letter-spacing: .025em;
}
.mhFunction .large-6{
	margin-bottom: 25px;
}
.mhFunctionItem{
	background-color: #fff;
	padding: 30px;
}
.mhFunctionItem h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: .8em;
}
.mhFunctionItem h4 span{
	font-size: 125%;
	color: #d37749;
	vertical-align: -4%;
  margin-right: .2em;
}
.mhFunctionItem img{
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 20px;
	margin-top: 6px;
}
.mhFunctionItem p{
	overflow: hidden;
  zoom: 1;
	line-height: 1.8;
	margin: 0;
	letter-spacing: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
.mhFunction .uaWrap{
	background: #fff;
	margin-top: 30px;
}
.mhFunction .uaWrap h3{
	color:#0a0a0a;
	font-size: 28px;
  text-align: center;
	letter-spacing: .05em;
	font-feature-settings: "palt";
	margin-bottom: 1em;
}
.mhFunction .uaWrap h3::after{
	margin: 0;
	height: 0;
	width: 0;
}
.mhFunction .uaWrap p{
	font-size: 13px;
	line-height: 1.8;
	margin: 0;
	letter-spacing: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
.mhFunction .uaWrap p.uaTtl {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
		letter-spacing: .05em;
		font-feature-settings: "palt";
		margin-bottom: .5em;
}
.mhVoice{
	padding-top:60px;
}
.mhVoice h3{
	color:#d37749;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	position: relative;
	margin: 0 0 -10px 0;
}
.mhVoice h3:before{
	content: "";
	display: inline-block;
	background: linear-gradient(60deg, #faf5ee, #faf5ee 48%, #d37749 48%, #d37749 52%, #faf5ee 52%, #faf5ee);
	width: 20px;
	height: 20px;
	vertical-align: -10%;
	margin: 0;
}
.mhVoice h3:after{
	content: "";
	display: inline-block;
	background: linear-gradient(-60deg, #faf5ee, #faf5ee 48%, #d37749 48%, #d37749 52%, #faf5ee 52%, #faf5ee);
	width: 20px;
	height: 20px;
	vertical-align: -10%;
	margin: 0;
}
.mhGreeting{
	padding: 90px 0;
}
.mhGreeting h3{
	font-size: 26px;
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: .05em;
	font-family : YuMincho, '游明朝', serif;
	margin-bottom: 1em;
}
.mhGreeting p{
	font-size: 13px;
	font-feature-settings: "palt";
	letter-spacing: .025em;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8em;
}
.mhGreeting p.mhGreetingSign{
	text-align: right;
	font-family : YuMincho, '游明朝', serif;
	margin: 0;
}
.mhGreeting p.mhGreetingSign strong{
	font-size: 20px;
	text-align: right;
	font-weight: bold;
}
.mhInterview{
	background-color: #faf5ee;
	padding: 90px 0;
}
.mhInterview h3{
	color:#d37749;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	position: relative;
	margin-bottom: 15px;
}
.mhInterview h3:before{
	content: "";
	display: inline-block;
	background: linear-gradient(60deg, #faf5ee, #faf5ee 48%, #d37749 48%, #d37749 52%, #faf5ee 52%, #faf5ee);
	width: 20px;
	height: 20px;
	vertical-align: -10%;
}
.mhInterview h3:after{
	content: "";
	display: inline-block;
	background: linear-gradient(-60deg, #faf5ee, #faf5ee 48%, #d37749 48%, #d37749 52%, #faf5ee 52%, #faf5ee);
	width: 20px;
	height: 20px;
	vertical-align: -10%;
}
.mhInterviewTit{
	margin-bottom: 40px
}
.mhInterviewTit img{
	width: 120px;
	height: 130px;
}
.mhInterviewSpeak{
	background: #fff;
	border-radius: 5px;
	padding: 25px 30px;
	position: relative;
	margin-left: 10px;
}
.mhInterviewSpeak:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff;
}
.mhInterviewSpeak h4{
	font-size: 24px;
	font-weight: bold;
}
.mhInterviewSpeak p{
	margin: 0;
}
.mhInterviewMain{
	border-top: 1px solid #d37749;
	padding: 40px 0 20px 0;
}
.mhInterviewMain h5{
	font-size: 15px;
	font-weight: bold;
	padding-left: 30px;
	position: relative;
	line-height: 1.8;
}
.mhInterviewMain h5:before{
	display: block;
	content: "";
	width: 25px;
	height: 1px;
	position:absolute;
	left:0;
	top: 50%;
	background: #d37749;
}
.mhInterviewMain p{
	font-size: 13px;
	font-feature-settings: "palt";
	letter-spacing: .025em;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8em;
}
p.accTtl{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 40px 0 30px 0;
	font-feature-settings: "palt";
	letter-spacing: .1em;
}
p.accTtl::after{
	display: block;
	content: "";
	width: 50px;
	height: 2px;
	background: #d37749;
	margin: 10px auto 0 auto;
}
.contactWrap{
	padding: 70px;
}
.contactWrap .comImg img {
	max-width: 590px;
}
.contactWrap p{
	font-feature-settings: "palt";
	letter-spacing: .05em;
}
.contactWrap p.add span{
	font-weight: normal;
	font-size: 14px;
}
.contactWrap p.o_ttl::after{
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background: #d37749;
	margin: 10px auto 15px auto;
}

@media screen and (max-width:64em) {
	.slider-for{
		width: auto;
    height: auto;
	}
	.mhPoint{
		padding:30px 30px 10px 30px;
	}
	.mhPoint .mhRow {
    margin-bottom: 50px;
	}
	.mhPointItem::after{
			top: 0;
	    width:70px;
	    height:58px;
	}
	.mhPointItem#mhPointItem04::after,
	.mhPointItem#mhPointItem05::after,
	.mhPointItem#mhPointItem06::after{
		width:44px;
		height:32px;
	}
	.mhPoint h3{
		font-size: 24px;
	}
	.mhPoint h4{
		font-size: 13px;
	}
	.mhPoint .large-4 h4{
		font-size: 15px;
	}
	.mhFunction{
		padding: 30px;
	}
	.mhFunction h3{
		font-size: 30px;
	}
	.mhFunction h4{
		font-size: 18px;
	}
	.mhFunctionItem{
		padding: 20px;
	}
	.mhFunctionItem h4{
		font-size: 15px;
	}
	.mhFunctionItem img{
		float: none;
		display: block;
		margin: 10px auto;
	}
	.mhFunction .uaWrap{
		padding: 30px;
		margin: 0;
	}
	.mhFunction .uaWrap h3 {
    font-size: 24px;
	}
	.mhFunction .uaWrap p.uaTtl {
    font-size: 16px;
	}
	.uaWrap .iconUa{
		top: auto;
		bottom: 10px;
		left: 10px;
	}
	.uaWrap .iconUa img {
    width: 100px;
	}
	.mhVoice{
		padding-top:40px;
	}
	.mhVoice h3{
		font-size: 20px;
	}
	.mhGreeting{
		padding:50px 30px;
	}
	.mhGreeting h3{
		font-size: 22px;
	}
	.mhInterview{
		padding: 50px 0;
	}
	.mhInterviewMain{
		padding: 40px 30px 30px 30px;
	}
	.mhInterviewSpeak{
		padding: 15px 20px;
	}
	.mhInterviewSpeak h4{
		font-size: 18px;
	}
	.mhInterviewTit{
		padding:0 30px
	}
	.mhInterviewMain h5{
		font-size: 14px;
	}
	p.accTtl{
		font-size: 18px;
		margin: 30px 0 20px 0;
	}
	.access #map {
    width: 100%;
    height: 400px;
	}
	.contactWrap {
    padding: 50px;
    margin: 20px;
	}
	.contactWrap .comImg img {
    max-width: 500px;
		width: 100%;
	}
	.contactWrap p.add {
    font-size: 20px;
    margin-top: 15px;
	}

}

@media screen and (max-width:40em) {
	h1.tSecTit, h2.tSecTit {
		font-size: 150%;
		padding: 0 10px;
	}
	.contentMain p.state {
		line-height: normal;
		padding: 1.0em 0;
	}
	.mhTit{
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.mhTit p {
    font-size: 13px;
	}
	.mhTit p br{
    display: none;
	}
	.mhPoint{
		padding:25px 20px 10px 20px;
	}
	.mhPoint h3{
		font-size: 20px;
		margin-top: .5em;
	}
	.mhPointItem::after{
		width:44px;
		height:32px;
		top:-10px;
		left:0;
		right: auto !important;
	}
	.mhPoint .mhRow {
    margin-bottom: 0;
	}
	.mhPointItem p{
		margin-bottom: 50px;
	}
	.mhFunction{
		padding: 40px 10px 25px 10px;
	}
	.mhFunction h3 {
    font-size: 25px;
	}
	.mhFunctionItem{
		margin-top: 20px;
		margin-bottom: 0;
	}
	.mhFunction .uaWrap{
		padding: 20px;
		margin-top: 20px;
	}
	.mhFunction .uaWrap h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.mhFunction .uaWrap p.uaTtl {
		font-size: 14px;
	}
	.mhVoice h3 {
    font-size: 15px;
		margin-bottom: 1em;
	}
	.mhGreeting{
		padding:40px 10px;
	}
	.mhGreeting h3{
		font-size: 18px;
		margin-top: 1em;
	}
	.mhInterview h3 {
		font-size: 15px;
	}
	.mhGreeting p.mhGreetingSign{
    font-size: 12px;
	}
	.mhGreeting p.mhGreetingSign strong {
    font-size: 15px;
	}
	.mhInterview{
		padding-bottom: 0;
	}
	.mhInterviewSpeak{
		margin-left: 0;
	}
	.mhInterviewTit{
		padding: 10px;
		margin-bottom: 20px;
	}
	.mhInterviewTit .columns{
		width: 100%;
	}

	.mhInterviewSpeak{
		margin-left: 0;
		margin-bottom: 15px;
	}

.mhInterviewSpeak:before{
	border-style: none;
}

	.mhInterviewSpeak:after{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
	 	margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #fff;
		z-index: 10;
}

	.mhInterviewTit img{
		margin: 0 auto;
		display: block;
	}
	.mhInterviewMain {
    padding: 30px 10px;
	}
	.mhInterviewMain h5 {
    font-size: 13px;
	}
	p.accTtl {
    font-size: 16px;
	}
	.contactWrap {
    padding: 40px 20px;
    margin-top: 0;
		margin-bottom: 0;
	}
	.contactWrap p.add {
    font-size: 13px;
    margin-top: 5px;
	}
	.contactWrap p.add span {
    font-size: 11px;
	}
	.contactWrap p.o_ttl {
    font-size: 14px;
    color: #d37749;
    margin: 0;
	}
	.contactWrap p.telImg span {
    margin: 5px 0 0;
    font-size: 13px;
	}

.pageNav .prev a, .pageNav .next a {
	font-size: 0.75rem;
	padding: 1.5em 1em;
}
.pageNav .prev a:hover, .pageNav .next a:hover {
	padding: 1.5em 1em;
}


.categoryid-46 dl {
	margin: 0;
}
.categoryid-46 dl dt {
	float: none;
	margin: 0;
}
.categoryid-46 dl dt.voiceIshigami:before,
.categoryid-46 dl dt.voiceUser:before {
	margin: 0 auto;
}
.categoryid-46 dl dd {
	float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: none;
}


}


/* ------------ tocasa3 高気密高断熱ページ ------------ */
.t3Function {
	background-color: #faf5ee;
	padding: 70px 0;
}
.t3Function h3 {
	font-size: 24px;
	font-weight: bold;
	color: #e15a24;
	text-align: center;
	margin: 0 0 1.0em 0;
}
.t3Row{
	max-width: 1030px;
}
.t3Base {
}
.t3Base h3 {
	width: 200px;
	height: 200px;
	font-size: 26px;
    letter-spacing: 2px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 200px;
	-webkit-border-radius: 100px;
	        border-radius: 100px;
	background: #ccc;
	margin: 10px auto;
}
h3.t3Base01 {
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(commons/css/images/bg_sec01_01.jpg);
	background-size: contain;
}
h3.t3Base02 {
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(commons/css/images/bg_sec01_02.jpg);
	background-size: contain;
}
h3.t3Base03 {
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(commons/css/images/bg_sec01_03.jpg);
	background-size: contain;
}
h3.t3Base04 {
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(commons/css/images/bg_sec01_04.jpg);
	background-size: contain;
}
.t3Base p {
	text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

.t3Section {
	width: 100%;
	margin: 0 auto 125px auto;
}
.t3SectionTit {
}
.t3SectionTit02 {
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(commons/css/images/bg_sec02_tit.jpg);
	background-position: center center;
    background-attachment: fixed;
}
.t3SectionTit h2 {
	text-align: center;
	color: #fff;
	height: 250px;
	line-height: 250px;
}
.t3SectionInner {
	width: 1080px;
	margin: 0 auto;
}
.t3SecLifeStyle {
}
.t3SecLifeStyleInner {
	margin-left: 1rem;
    margin-right: 1rem;
    border-bottom: 1px solid #e15a24;
}
.t3SecLifeStyle h3 {
	color: #e15a24;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}
.t3SecLifeStyle p {
	font-size: 14px;
	text-align: justify;
}


.t3SectionTit03 {
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(commons/css/images/bg_sec03_tit.jpg);
	background-position: center center;
    background-attachment: fixed;
}
.t3SectionInner figcaption {
	text-align: right;
	font-size: 12px;
	margin: 0.25em 0;
}
.t3Section03 h4 {
	font-size: 20px;
	font-weight: bold;
}

.t3Section04 {
	font-size: 0.96rem;
}
.t3Section04 p {
	line-height: 1.8;
}
.t3Section04 h3 {
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 0.75em;
}
.t3Section04 h3::before {
	content: url(commons/css/images/icon_tocasa3.svg);
	margin-right: 0.75em;
}
.t3Section04 h4 {
	font-size: 22px;
	font-weight: bold;
	margin: 1.0em 0 0.5em 0;

}
.t3Section04_Org {
	font-weight: bold;
	font-size: 24px;
	color: #e15a24;
	text-align: center;
	margin: 1.0em 0;
}

.t3Section04Pickup {
	background: #faf5ee;
	padding: 1.0rem 2.0rem 2.0rem 2.0rem;
}
.t3Section04PickupBox {
}
.t3Section04Jirei {}
.t3Section04JireiBox {
	margin-bottom: 2.0rem;
}
.t3Section04Jirei figure {
	margin: 0;
}
.t3Section04Jirei figcaption {
	text-align: left;
	font-size: 0.9rem;
	line-height: 1.5em;
    margin: 0.75em 0;
}
.t3Section04Jirei figcaption span {
	font-size: 1.0rem;
	font-weight: bold;
}
.t3Section05 {
}
.t3SectionTit05 {
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(commons/css/images/bg_sec05_01.jpg);
	background-position: center center;
    background-attachment: fixed;
}
.t3Section05 p {
	font-size: 0.96rem;
}
.t3Section05 figure {
	margin: 0;
}
.t3Section05 figcaption {
	text-align: center;
	font-weight: bold;
	font-size: 1.0rem;
	margin: 2.0em 0 0.5em 0;
}
.t3moreBtn {
    text-align: center;
}
.t3moreBtn a {
	color: #000;
    border: 2px solid #000;
    padding: 1.5em 4em 1.5em 3em;
    font-size: 108%;
    line-height: 1;
    font-weight: bold;
    background: rgba(255,255,255,0.5);
    display: inline-block;
    margin: 3%;
}
.t3SectionNext {
	padding: 30px 0;
	border-top: 8px solid #eddcc3;
	border-bottom: 8px solid #eddcc3;
	margin-bottom: 140px;
}


@media screen and (max-width:64em) {

.t3Base h3 {
	width: 125px;
	height: 125px;
	font-size: 1.3rem;
	line-height: 125px;
}
.t3Base p {
	font-size: 0.9rem;
}
.t3SectionTit02,
.t3SectionTit03,
.t3SectionTit04 {
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.t3SectionTit.t3SectionTit02 h2 {
	line-height: 1.5;
}
.t3SectionInner {
	width: 100%;
}
.t3SecLifeStyle {
	border-bottom: 1px solid #e15a24;
}
.t3SecLifeStyleInner {
    margin-left: 0;
    margin-right: 0;
    border: none;
}
.t3SecLifeStyleInner figure {
	margin: 1.0em 0;
}
.t3SecLifeStyle h3 {
	font-size: 1.1rem;
	height: 3.0em;
}
.t3SecLifeStyle p {
	font-size: 0.8rem;
}


.t3Function h3 {
	font-size: 20px;
}
.t3Section03 h4 {
	font-size: 16px;
}
.t3Function img {
	margin-bottom: 8px;
}

.t3Section04 {
	font-size: 100%;
}
.t3Section04 h3 {
	font-size: 20px;
}
.t3Section04 h4 {
	font-size: 18px;
}
.t3Section04 p {
	line-height: 1.6;
}
.t3Section04_Org {
	font-size: 20px;
}
.t3Section04 img {
	margin-bottom: 8px;
}
.t3SectionNext figure {
	margin: 1.0em 20px;
}




}


/* ------------ */
/* ----css end Contents -------- */