<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* Antialiasing ※任意　*/
html{-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: none;}

/* WEB FONTs 游ゴシックかすれ予防*/
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 100;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 200;
}

.f-min {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.f-min_02 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.f-gothic{
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 500;
}

body { 
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}

img {
	vertical-align: bottom;
}

a { text-decoration: none; color: #090909; }
a:hover { text-decoration: underline; }
.nobd a:hover { text-decoration: none !important; }

/*-----float-----*/
.fl_l {
	float: left;
}
.fl_r {
	float: right;
}
.cl_both {
	clear: both;
}
/*-----font-----*/
.fw_b {
	font-weight: bold;
}
.ta_r {
	text-align: right;
}
.ta_c {
	text-align: center;
}
.ta_l {
	text-align: left;
}

/* IE10以上 不要なら削除 */
@media all and (-ms-high-contrast: none) {
body {
font-family: Verdana, Meiryo, sans-serif;
}
}

/* Margin-Top &amp; Padding-Top */
.mt00 { margin-top:  0px; }    .pt00 { padding-top:  0px; }
.mt05 { margin-top:  5px; }    .pt05 { padding-top:  5px; }
.mt10 { margin-top: 10px; }    .pt10 { padding-top: 10px; }
.mt15 { margin-top: 15px; }    .pt15 { padding-top: 15px; }
.mt20 { margin-top: 20px; }    .pt20 { padding-top: 20px; }
.mt25 { margin-top: 25px; }    .pt25 { padding-top: 25px; }
.mt30 { margin-top: 30px; }    .pt30 { padding-top: 30px; }
.mt35 { margin-top: 35px; }    .pt35 { padding-top: 35px; }
.mt40 { margin-top: 40px; }    .pt40 { padding-top: 40px; }
.mt45 { margin-top: 45px; }    .pt45 { padding-top: 45px; }
.mt50 { margin-top: 50px; }    .pt50 { padding-top: 50px; }
.mt55 { margin-top: 55px; }    .pt55 { padding-top: 55px; }
.mt60 { margin-top: 60px; }    .pt60 { padding-top: 60px; }
.mt65 { margin-top: 65px; }    .pt65 { padding-top: 65px; }
.mt70 { margin-top: 70px; }    .pt70 { padding-top: 70px; }
.mt75 { margin-top: 75px; }    .pt75 { padding-top: 75px; }
.mt80 { margin-top: 80px; }    .pt80 { padding-top: 80px; }
.mt85 { margin-top: 85px; }    .pt85 { padding-top: 85px; }
.mt90 { margin-top: 90px; }    .pt90 { padding-top: 90px; }
.mt95 { margin-top: 95px; }    .pt95 { padding-top: 95px; }
.mt100{ margin-top:100px; }    .pt100{ padding-top:100px; }

/* Margin-Right &amp; Padding-Right */
.mr00 { margin-right:  0px; }  .pr00 { padding-right:  0px; }
.mr05 { margin-right:  5px; }  .pr05 { padding-right:  5px; }
.mr10 { margin-right: 10px; }  .pr10 { padding-right: 10px; }
.mr15 { margin-right: 15px; }  .pr15 { padding-right: 15px; }
.mr20 { margin-right: 20px; }  .pr20 { padding-right: 20px; }
.mr25 { margin-right: 25px; }  .pr25 { padding-right: 25px; }
.mr30 { margin-right: 30px; }  .pr30 { padding-right: 30px; }
.mr35 { margin-right: 35px; }  .pr35 { padding-right: 35px; }
.mr40 { margin-right: 40px; }  .pr40 { padding-right: 40px; }
.mr45 { margin-right: 45px; }  .pr45 { padding-right: 45px; }
.mr50 { margin-right: 50px; }  .pr50 { padding-right: 50px; }
.mr55 { margin-right: 55px; }  .pr55 { padding-right: 55px; }
.mr60 { margin-right: 60px; }  .pr60 { padding-right: 60px; }
.mr65 { margin-right: 65px; }  .pr65 { padding-right: 65px; }
.mr70 { margin-right: 70px; }  .pr70 { padding-right: 70px; }
.mr75 { margin-right: 75px; }  .pr75 { padding-right: 75px; }
.mr80 { margin-right: 80px; }  .pr80 { padding-right: 80px; }
.mr85 { margin-right: 85px; }  .pr85 { padding-right: 85px; }
.mr90 { margin-right: 90px; }  .pr90 { padding-right: 90px; }
.mr95 { margin-right: 95px; }  .pr95 { padding-right: 95px; }
.mr100{ margin-right:100px; }  .pr100{ padding-right:100px; }

/* Margin-Bottom &amp; Padding-Bottom */
.mb00 { margin-bottom:  0px; } .pb00 { padding-bottom:  0px; }
.mb05 { margin-bottom:  5px; } .pb05 { padding-bottom:  5px; }
.mb10 { margin-bottom: 10px; } .pb10 { padding-bottom: 10px; }
.mb15 { margin-bottom: 15px; } .pb15 { padding-bottom: 15px; }
.mb20 { margin-bottom: 20px; } .pb20 { padding-bottom: 20px; }
.mb25 { margin-bottom: 25px; } .pb25 { padding-bottom: 25px; }
.mb30 { margin-bottom: 30px; } .pb30 { padding-bottom: 30px; }
.mb35 { margin-bottom: 35px; } .pb35 { padding-bottom: 35px; }
.mb40 { margin-bottom: 40px; } .pb40 { padding-bottom: 40px; }
.mb45 { margin-bottom: 45px; } .pb45 { padding-bottom: 45px; }
.mb50 { margin-bottom: 50px; } .pb50 { padding-bottom: 50px; }
.mb55 { margin-bottom: 55px; } .pb55 { padding-bottom: 55px; }
.mb60 { margin-bottom: 60px; } .pb60 { padding-bottom: 60px; }
.mb65 { margin-bottom: 65px; } .pb65 { padding-bottom: 65px; }
.mb70 { margin-bottom: 70px; } .pb70 { padding-bottom: 70px; }
.mb75 { margin-bottom: 75px; } .pb75 { padding-bottom: 75px; }
.mb80 { margin-bottom: 80px; } .pb80 { padding-bottom: 80px; }
.mb85 { margin-bottom: 85px; } .pb85 { padding-bottom: 85px; }
.mb90 { margin-bottom: 90px; } .pb90 { padding-bottom: 90px; }
.mb95 { margin-bottom: 95px; } .pb95 { padding-bottom: 95px; }
.mb100{ margin-bottom:100px; } .pb100{ padding-bottom:100px; }

/* Margin-Left &amp; Padding-Left */
.ml00 { margin-left:  0px; }   .pl00 { padding-left:  0px; }
.ml05 { margin-left:  5px; }   .pl05 { padding-left:  5px; }
.ml10 { margin-left: 10px; }   .pl10 { padding-left: 10px; }
.ml15 { margin-left: 15px; }   .pl15 { padding-left: 15px; }
.ml20 { margin-left: 20px; }   .pl20 { padding-left: 20px; }
.ml25 { margin-left: 25px; }   .pl25 { padding-left: 25px; }
.ml30 { margin-left: 30px; }   .pl30 { padding-left: 30px; }
.ml35 { margin-left: 35px; }   .pl35 { padding-left: 35px; }
.ml40 { margin-left: 40px; }   .pl40 { padding-left: 40px; }
.ml45 { margin-left: 45px; }   .pl45 { padding-left: 45px; }
.ml50 { margin-left: 50px; }   .pl50 { padding-left: 50px; }
.ml55 { margin-left: 55px; }   .pl55 { padding-left: 55px; }
.ml60 { margin-left: 60px; }   .pl60 { padding-left: 60px; }
.ml65 { margin-left: 65px; }   .pl65 { padding-left: 65px; }
.ml70 { margin-left: 70px; }   .pl70 { padding-left: 70px; }
.ml75 { margin-left: 75px; }   .pl75 { padding-left: 75px; }
.ml80 { margin-left: 80px; }   .pl80 { padding-left: 80px; }
.ml85 { margin-left: 85px; }   .pl85 { padding-left: 85px; }
.ml90 { margin-left: 90px; }   .pl90 { padding-left: 90px; }
.ml95 { margin-left: 95px; }   .pl95 { padding-left: 95px; }
.ml100{ margin-left:100px; }   .pl100{ padding-left:100px; }

/* clearfix */
.clearfix {zoom: 1;}
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}

/* Margin-Center */
.ma-ce{margin-right: auto; margin-left: auto;}

/* TextAlign */
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

/* Float */
.fl { float: left; }
.fr { flo
	at: right; }
.clear { clear:both; }

/* position */
.poa{ position:absolute;}
.rel{ position:relative;}

/* wysiwyg */
.wysiwyg strong{font-weight: bolder}
.wysiwyg em{font-family: "ＭＳ ゴシック",sans-serif; font-style: italic;}
.wysiwyg img{max-width:100% !important;height: auto !important;}
.wysiwyg p{ margin: 0 0 1.6em; line-height: 1.75; }
.wysiwyg a{ color: #33bad2; text-decoration: underline;}
.wysiwyg a:hover{ text-decoration: none; }
.wysiwyg h1  { font-size: 1.8em; font-weight: bold; line-height: 1.333em; }
.wysiwyg h2  { background: #F3F3F3; color: #ffffff; position: relative; border: none; font-size: 1.5em; padding: 1em 1.1em; margin-top: 2.1em; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000; box-shadow: 0 1px 5px rgba(0, 0, 0, .03); font-weight: bold; }
.wysiwyg h3  { font-size: 1.5em; padding: 18px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 1em; font-weight: bold; }
.wysiwyg h4  { font-size: 1.2em; font-weight: 700; margin-bottom: 1em; }
.wysiwyg h5  { font-size: 1em; font-weight: 700; line-height: 2em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em; }
.wysiwyg h6  { font-size: 0.67em; margin: 1.67em 0; font-weight: bold; margin-bottom: 1em; }
.wysiwyg blockquote { font-size: 0.95em; padding: 6% 4% 2%; margin: 2.5em 0 3em; position: relative; border: 1px solid; opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=90)"; }
.wysiwyg blockquote:before{ content: '\f10d'; left: -.2em; top: -.3em; }
.wysiwyg blockquote:after{ content: '\f10e'; right: -.2em; bottom: -.4em; }
.wysiwyg blockquote:before,.wysiwyg blockquote:after{ font-family: 'FontAwesome'; position: absolute; width: 1em; height: 1em; display: block; padding: .2em; text-align: center; font-size: 1.3em; line-height: 1; background: #fff; }
.wysiwyg ol{ margin: 30px 0; padding-left: 23px; }
.wysiwyg ol li{ margin: 0 0 7px; line-height: 1.7; position: relative; list-style-type: decimal; padding-left: 8px; }
.wysiwyg ul{margin: 30px 0;}
.wysiwyg ul li{ margin: 0 0 7px; line-height: 1.7; position: relative; padding-left: 33px;}
.wysiwyg ul li:before{display: block; width: 7px; height: 7px; content: ""; position: absolute; left: 5px; top: 8px; background: #000; border-radius: 50%;}
.wysiwyg {word-wrap: break-word;}

/* img_block */
.img-b img{display:block;}

/* ※なので、2行目の1文字目を空ける時 */
.indent{padding-left:1em;text-indent:-1em;}
.indent-list li{padding-left:1em;text-indent:-1em;}

/*----------------------------------------
　　よく使うcss用　サンプル
----------------------------------------*/

/* アンカーリンク調整 */
.hideAnchor {display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-10px;padding-bottom:10px;}

/* スクロール縦 */
.scroll_y{box-sizing: border-box;overflow-y: scroll;transform: translateZ(0);}

/* 背景2つ　1番目が前 2番目が後ろ */
.w-bg{background: url(../images/web/bg_01.png) 445px 20px no-repeat, url(../images/web/ptn_01.jpg) left top repeat;}

/* リンク透明 */
a img:hover {-ms-filter: "alpha( opacity=80 )";filter: alpha( opacity=80 );opacity: 0.8;}

/* リンク透明にしない */
.noop a img:hover {-ms-filter: "alpha( opacity=100 )";filter: alpha( opacity=100 );opacity: 1.0;}

/*----------------------------------------
　　外部サービス
----------------------------------------*/

/* ggmap */	
/* &lt;div class="ggmap"&gt;iframeのコピーしたコード&lt;/div&gt; */
.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,
.ggmap object,
.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* &lt;div class="youtube"&gt;&lt;iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt; */
.youtube {position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

/*----------------------------------------
　　webフォント（サーバー置き）　
----------------------------------------*/

@font-face {
	font-family: 'jp_sttl01'; /* お好きな名前にしましょう */
	src: url('../font/.eot'); /* IE9以上用 */
	src: url('../font/bokutachi.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */  url('../font/NotoSansCJKjp-Medium.woff') format('woff'), /* モダンブラウザ用 */  url('../font/NotoSansCJKjp-Medium.woff') format('woff'); /* iOS, Android用 *//* 念の為指定しておきます */
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.myWebFontClass {
	font-family: 'jp_sttl01';
}


@media screen and (min-width:641px),
screen and (orientation: landscape){
.pc { display: block !important; }/*pcのみ表示ブロック*/
.sp { display: none !important; }/*スマホのみ表示ブロック*/
.h_menu {display: none;}/*スマホ用ニュー*/
#sp_global_nav{display: none;}/*スマホ用ニュー*/


/* Ten
-------------------------------------*/
.mr { margin-right: auto; }
.ml { margin-left: auto; }
.yazi_r a:before { content: "\FF1E"; padding-right: 0.3em; }
img{vertical-align: bottom;}
a { text-decoration: none; color: #090909; }
a:hover { text-decoration: underline; }
.nobd a:hover { text-decoration: none !important; }
a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
.noop a img:hover { -ms-filter: "alpha( opacity=100 )" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; }
.sis-pic { text-align: center; }
.sis-pic img { max-width: 100% !important; height: auto !important; }
.ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ten-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.ten-txt-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.ten-mce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.ten-u { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }
.order { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
.ten-t {-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column; }
.ten-ue{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start;}
.ten-o { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-rt { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; }

.ten-ce-02 { 
    -webkit-align-self:center;
    -moz-align-self:center;
    -ms-align-self:center;
    align-self:center;
}
.c-ttl-01{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #0a090a;
	font-size: 21px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 3px;
}
.c-ttl-01:before {
content: "\25A0" ;
margin-right: 1em;
color: #9f6524;
font-size: 12px;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

.c-tll-Box{
padding-bottom: 12px;
border-bottom: 1px solid #0a090a;
margin-bottom: 40px;
}



/* contents-pager
-------------------------------------*/
.contents-pager { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #666666; font-size: 14px; font-weight: 400; line-height: 25.778px; }

.contents-pager ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.contents-pager ul li { padding-right: 1.5em; }

.contents-pager ul li :before { content: "\ff1C \a0"; color: #333333; }

.contents-pager ul li:nth-child(2) { padding-left: 1.5em; text-align: right; background-image: url(../images/common/contents-pager-deco.jpg); background-repeat: no-repeat; background-position: left 3px; position: relative; }

.contents-pager ul li:nth-child(2) :before { content: "|"; color: #333333; position: absolute; left: -0.2em; }

.contents-pager ul li:nth-child(2) :after { content: "\a0 \FF1E"; color: #333333; }

/*.contents-pager .list-back :after { content: "\a0 \FF1E"; color: #333333; }*/
.top-bd { margin-top: 32px; padding-top: 20px; background-image: url(../images/common/pager.jpg); background-repeat: repeat-x; background-position: 0 top; }

.bottom-bd { border-bottom: 1px solid #333333; padding-bottom: 16px; }



.s-event .pic{
margin-bottom: 8px;
}
.s-event a{
	color: #5f4e2f;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.65;
}

.s-concept .pic{
margin-bottom: 8px;
}
.s-concept a{
	color: #5f4e2f;
	font-size: 12px;
	font-weight: 400;
		line-height: 1.65;
}

.g-nav-list{
width: 1100px;
margin-left: auto;
margin-right: auto;
}

.w1100{
width: 1100px;
position: relative;
margin-left: auto;
margin-right: auto;
}

.sra-link-pic{
position: absolute;
top: -530px;
right: -45px;
z-index: 800;
}


ul.child{
        display: none;
        position: absolute;
        margin-left: -5px;
        padding: 0;
								    z-index: 200;
}

ul.child .w-01{
width: 122px;
}
ul.child .w-01 a{
border-bottom: 1px dotted #000;
padding: 18px 20px 18px 20px;
background-color: #fff;
}
ul.child .w-01 a:hover{
background-color: #ededed;
}
ul.child .w-01:last-child a{
border-bottom: none;
}

ul.child .w-02{
width: 180px;
}
ul.child .w-02 a{
border-bottom: 1px dotted #000;
padding: 18px 20px 18px 20px;
background-color: #fff;
}
ul.child .w-02 a:hover{
background-color: #ededed;
}
ul.child .w-02:last-child a{
border-bottom: none;
}



ul.child li a{
    margin-left: 5px;
    margin-right: 0px;
    display: block;
    color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	background: #f8f8f8;
	padding: 10px 20px;
	font-size: 14px;
	
}
ul.child li a:hover{ background: #fff; text-decoration: none;
}

#gl-navi{ min-width: 1100px; width: 100%; background: #fff; height: 80px;}
#gl-navi .inner-navi{ display: block; width: 1100px; margin: 0px auto;}
#gl-navi .inner-navi li{ float: left; position: relative;}
#gl-navi .inner-navi li ul{ position: absolute; left: 0px; top: 80px; z-index: 100; }
#gl-navi .inner-navi li ul li{ float: none; }

.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
}


footer{ color: #fff; width: 100%; min-width: 1100px; background:#181919; font-size: 14px; }
footer .inner{ width: 1150px; margin: 0px auto; }
footer .inner #foot-left{ width: 770px; float: left; padding: 40px 0px; }
footer .inner #foot-right{ color: #8c8c8c; min-height: 380px; width: 350px; background: #000; float: left; padding: 60px 40px; line-height: 180%; }
footer .inner #foot-right a{ color: #8c8c8c; }

footer .inner #foot-right .ttl{font-weight: bold; margin-bottom: 10px;
	color: #8c8c8c;
	font-size: 16px;
}


footer a{ color: #fff; }

footer .inner #foot-left li{ margin-bottom: 15px; }

footer .inner #foot-left ul.w1{ width: 415px; float: left;}
footer .inner #foot-left ul.w2{ width: 280px; float: left;}

.copyright{ display:  block; padding: 20px; width: 100%; background: #000; text-align: center; font-size: 12px; color: #a18230;}
.copyright a{ color: #a18230;}



#side-right{ position: fixed; right: 0px; top: 200px; text-align: right; z-index: 900;
background-image: url(../images/index/side-contact-bg.png);
background-repeat: no-repeat;
}

/*-----------------------------------------
SEO強化型　パンくずリスト
------------------------------------------*/

.seo_bread_list{
    margin-bottom: 20px;
    color: #838383;
    font-size: 13px;
    letter-spacing: .8px;
}
.seo_bread_list a span{
color: #838383;

}
.seo_bread_list li{
float: left;
margin-right: 5px;
}
.seo_bread_list li span{
padding-right: 5px;
}
.seo_bread_list li:after {
content:"＞";

}
.seo_bread_list li:last-child:after {
content:none;
}
.seo_bread_list li:last-child:after {
content:none;
}



#common-header{ width:1100px; margin: 0px auto; height: 135px; position: relative; }
#common-header .logo{ position: absolute; top: 20px; }
#common-header h1{ position: absolute; top: 20px; right: 0px; font-size: 12px; }
#common-header .head-tel{ position: absolute; top: 70px; right: 0px; }
#common-header ul{ position: absolute; top: 105px; right: 0px; }
#common-header ul li{ padding-left: 15px; margin-left: 20px; float: left; display: block; background:  url(../images/common/head-icon.jpg) center left no-repeat; }

#main-title{ height: 150px; width: 100%; min-width: 1100px; text-align: center; margin-bottom: 24px; letter-spacing: 4px;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
#main-title h2{ 
width: 1100px;
margin-left: auto;
margin-right: auto;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold; font-size: 24px;
}
#main-title h2 span{ font-size: 14px; ; display: block;margin-bottom: 11px;}
#main-title.wh h2{ color: #fff; }

#all-contents{ width: 1100px; margin: 0px auto;
margin-bottom: 160px;
}
#all-contents #left-contents{ width: 240px; float: left; margin-right: 58px;}
#left-contents .side-case-btm{ background: #000; padding: 15px; color: #fff;}
#left-contents .side-case-btm a{ color: #fff;}
#left-contents .side-case-btm li{ float: left; margin-right: 15px;}

#side-insulation{

background-image: url(../images/common/s-ptn-bg.jpg);
padding: 10px; 
border-top: #a46500 4px solid;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-bottom: 20px;
padding-top: 20px;
	color: #0a090a;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}
#side-insulation #side-insulation-title{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #0b0909;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 16px;
	text-align: center;
}

#side-insulation li{
margin-bottom: 8px;
}
#side-insulation li:last-child{
margin-bottom: 0;
}



#left-contents .side-case-btm2{ font-size: 12px; background: #48331c; padding: 10px; color: #fff;}
#left-contents .side-case-btm2 a{ color: #fff;}
#left-contents .side-case-btm2 li{ float: left; margin-right: 10px;}

#side-about{ height: 244px; background:url(../images/common/side-back.jpg); margin-bottom: 20px; padding: 15px 20px; }
#side-about li { background: #fff url(../images/common/icon.jpg) 180px 13px no-repeat; border: #333 dotted 1px;  margin-bottom: 10px;}

#side-about li a{ display: block;padding: 10px;}

#side-about li a:hover {
				background: #fff8da url(../images/common/icon.jpg) 180px 13px no-repeat;
}


#all-contents #right-contents{ width: 800px; float: right;}
#all-contents #right-contents #contact-inner-box{ color: #fff; position: relative; width: 800px; height: 235px; margin: 0px auto; background: url(../images/common/btm-contact-back.jpg); margin-top: 80px;}
#all-contents #right-contents #contact-inner-box h2{ top: 15px; left: 40px; position: absolute;}
#all-contents #right-contents #contact-inner-box p{ top: 65px; left: 80px; position: absolute;}
#all-contents #right-contents #contact-inner-box span{ top: 90px; left: 427px; position: absolute; font-size: 12px;}
#all-contents #right-contents #contact-inner-box #bbtn01{ bottom: 30px; left: 40px; position: absolute;}
#all-contents #right-contents #contact-inner-box #bbtn02{ bottom: 30px; right: 40px; position: absolute;}

.h3title{ border-bottom:#0a090a 1px soid;  }

.sp-header { display: none;}

}
@media screen and (orientation: portrait) {
@media screen and (max-width:640px) {
html{font-size: 62.5%;}
body {overflow-x: hidden;font-size: 1.6rem;-webkit-text-size-adjust: 100%;}
.pc { display: none !important; }/*pcのみ表示ブロック*/
.sp { display: block !important; }/*スマホのみ表示ブロック*/
img { max-width: 100%; height: auto !important; width: auto !important;}
.no-br{display: none;}/*スマホでbrを解除したい場合に使用*/
.sp_display_block { display: block !important;}/*スマホでflexboxを解除したい場合等に使用*/
.h_tel_fix {background: #000;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9999;overflow: hidden;}/*ページ下部固定電話・メール*/
.wysiwyg img{width:auto !important;height:auto !important;}/*ウィジウィグ内画像の縦横比調整*/
.clearfix { overflow: hidden; }


/*-----float-----*/
.fl_l {
	float: none !important;
}
.fl_r {
	float: none !important;
}

/* Ten
-------------------------------------*/
.mr { margin-right: auto; }
.ml { margin-left: auto; }
.yazi_r a:before { content: "\FF1E"; padding-right: 0.3em; }
img{vertical-align: bottom;}
a { text-decoration: none; color: #090909; }
a:hover { text-decoration: underline; }
.nobd a:hover { text-decoration: none !important; }
a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
.noop a img:hover { -ms-filter: "alpha( opacity=100 )" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; }
.sis-pic { text-align: center; }
.sis-pic img { max-width: 100% !important; height: auto !important; }
.ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ten-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.ten-txt-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.ten-mce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.ten-u { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }
.order { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
.ten-t {-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column; }
.ten-ue{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start;}
.ten-o { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-rt { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; }

.ten-ce-02 { 
    -webkit-align-self:center;
    -moz-align-self:center;
    -ms-align-self:center;
    align-self:center;
}
.c-ttl-01{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #0a090a;
	font-size: 21px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 3px;
}
.c-ttl-01:before {
content: "\25A0" ;
margin-right: 1em;
color: #9f6524;
font-size: 12px;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

.c-tll-Box{
padding-bottom: 12px;
border-bottom: 1px solid #0a090a;
margin-bottom: 40px;
	margin-left: 2%;
	margin-right: 2%;
}



/* contents-pager
-------------------------------------*/
.contents-pager { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #666666; font-size: 14px; font-weight: 400; line-height: 25.778px; }

.contents-pager ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.contents-pager ul li { padding-right: 1.5em; }

.contents-pager ul li :before { content: "\ff1C \a0"; color: #333333; }

.contents-pager ul li:nth-child(2) { padding-left: 1.5em; text-align: right; background-image: url(../images/common/contents-pager-deco.jpg); background-repeat: no-repeat; background-position: left 3px; position: relative; }

.contents-pager ul li:nth-child(2) :before { content: "|"; color: #333333; position: absolute; left: -0.2em; }

.contents-pager ul li:nth-child(2) :after { content: "\a0 \FF1E"; color: #333333; }

/*.contents-pager .list-back :after { content: "\a0 \FF1E"; color: #333333; }*/
.top-bd { margin-top: 32px; padding-top: 20px; background-image: url(../images/common/pager.jpg); background-repeat: repeat-x; background-position: 0 top; }

.bottom-bd { border-bottom: 1px solid #333333; padding-bottom: 16px; }



.s-event .pic{
margin-bottom: 8px;
}
.s-event a{
	color: #5f4e2f;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.65;
}

.s-concept .pic{
margin-bottom: 8px;
}
.s-concept a{
	color: #5f4e2f;
	font-size: 12px;
	font-weight: 400;
		line-height: 1.65;
}

.g-nav-list{
margin-left: auto;
margin-right: auto;
}


.w1100{
position: relative;
margin-left: auto;
margin-right: auto;
}

.sra-link-pic{
position: absolute;
top: -530px;
right: -45px;
z-index: 800;
}


ul.child{
        display: none;
        position: absolute;
        margin-left: -5px;
        padding: 0;
								    z-index: 200;
}

ul.child .w-01{
width: 122px;
}
ul.child .w-01 a{
border-bottom: 1px dotted #000;
padding: 18px 20px 18px 20px;
background-color: #fff;
}
ul.child .w-01 a:hover{
background-color: #ededed;
}
ul.child .w-01:last-child a{
border-bottom: none;
}

ul.child .w-02{
width: 180px;
}
ul.child .w-02 a{
border-bottom: 1px dotted #000;
padding: 18px 20px 18px 20px;
background-color: #fff;
}
ul.child .w-02 a:hover{
background-color: #ededed;
}
ul.child .w-02:last-child a{
border-bottom: none;
}



ul.child li a{
    margin-left: 5px;
    margin-right: 0px;
    display: block;
    color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	background: #f8f8f8;
	padding: 10px 20px;
	font-size: 14px;
	
}
ul.child li a:hover{ background: #fff; text-decoration: none;
}

header { width: 100%; background: #fff; position: relative; padding-bottom: 2.3rem; }
header .h_tel { position: absolute; top: 5.5rem; right: 34%; width: 15%; z-index: 300; text-align: right;}
header .h_mail { position: absolute; top: 5.5rem; right: 17%; width: 15%; z-index: 300; text-align: right;}
header .h_menu { position: fixed; top: 5.5rem; right: 0; width: 15%; z-index: 300; text-align: right;}
header &gt; p{ padding: 0 1rem;}
header &gt; p.logo_sp{ width: 50%; margin-bottom: 2.5rem;}
header h1{ font-size: 2.8vw; color: #666; padding: 10px 1rem 20px; line-height:1.3;}


#js-fixNav, #gl-navi{ display: none;}
#sp_global_nav { z-index: 9999;overflow: scroll;position: fixed;top: 0; left: 0;width: 100vw;height: 100vh;display: none;background: rgba(164,102,0,0.98);padding: 5% 5% 30%;box-sizing: border-box;color: #fff;}/*スマホ用ニュー*/
#sp_global_nav li a {color: #fff;font-size: 1.6rem;line-height: 1.4;text-decoration: none;padding: 4% 0;display: block;border-bottom: 1px solid #3d311c;}/*スマホ用ニュー*/
#sp_global_nav .closebtn {text-align: center;background: #000;color: #fff;margin: 2rem 0 0 0;font-size: 1.6rem;font-weight: bold;padding: 1rem;}/*スマホ用ニュー*/


.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
}


footer{ color: #fff; width: 100%; background:#181919; font-size: 1em; }
footer .inner{  margin: 0px auto; }
footer .inner #foot-left{ padding: 40px 0px; margin: 0px auto; width: 94%; }
footer .inner #foot-right{ color: #8c8c8c; background: #000;  padding: 3em 4%; line-height: 180%; }
footer .inner #foot-right a{ color: #8c8c8c; }

footer .inner #foot-right .ttl{font-weight: bold; margin-bottom: 10px; color: #8c8c8c;}

footer a{ color: #fff; }

footer .inner #foot-left p{ line-height: 1.4;}
footer .inner #foot-left li span {
	display: none;
}
footer .inner #foot-left li a{
	display: block;
	padding: 1.3em 0;
	border-bottom: 1px solid #474745;
	line-height: 1.2;
}
footer .inner #foot-left ul.w1{}
footer .inner #foot-left ul.w2{}

.copyright{ display:  block; padding: 0 4% 2em; width: 100%; background: #000; text-align: center; color: #a18230; line-height: 1.2; font-size: 1em;}
.copyright a{ color: #a18230;}

.pagetop {
	background: #a46600;
	text-align: center;
}
.pagetop a {
	display: block;
	padding: 2.5rem 0 2.2rem;
	font-size: 1.3em;
	color: #fff;
	text-decoration: none;
	letter-spacing: .3rem;
}


#side-right{ display: none;}

/*-----------------------------------------
SEO強化型　パンくずリスト
------------------------------------------*/

.seo_bread_list{
    margin-bottom: 20px;
    color: #838383;
    font-size: 13px;
    letter-spacing: .8px;
	padding-left: 1rem; padding-right: 1rem;
}
.seo_bread_list a span{
color: #838383;

}
.seo_bread_list li{
float: left;
margin-right: 5px;
}
.seo_bread_list li span{
padding-right: 5px;
}
.seo_bread_list li:after {
content:"＞";

}
.seo_bread_list li:last-child:after {
content:none;
}
.seo_bread_list li:last-child:after {
content:none;
}

#common-header h1 { min-height: 60px;}
#common-header .h_tel { position: absolute; top: 5rem; right: 34%; width: 15%; z-index: 300; text-align: right;}
#common-header .h_mail { position: absolute; top: 5rem; right: 17%; width: 15%; z-index: 300; text-align: right;}
#common-header .h_menu { position: fixed; top: 5rem; right: 0; width: 15%; z-index: 300; text-align: right;}
#common-header div &gt; p{ padding: 0 1rem;}
#common-header div &gt; p img { max-height: 50px;}
#common-header div &gt; p.logo_sp{ width: 50%; margin-bottom: 1.5rem;}


#main-title{ height: 150px; width: 100%; text-align: center; margin-bottom: 24px; letter-spacing: 4px;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
#main-title h2{ 
margin-left: auto;
margin-right: auto;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold; font-size: 1.3em;
}
#main-title h2 span{ font-size: 14px; ; display: block;margin-bottom: 11px;}
#main-title.wh h2{ color: #fff; }

#all-contents{ margin: 0px auto;}
#all-contents #left-contents{ display: none;}


#all-contents #right-contents{ }
#all-contents #right-contents #contact-inner-box{ color: #fff; position: relative; margin: 3em auto 0; background: url(../images/common/contact-back02_sp.gif); border-top: 12px solid #383838; border-bottom: 12px solid #383838; padding-bottom: 2em;}
#all-contents #right-contents #contact-inner-box h2{ background: url(../images/common/btm-contact-title_sp.png) no-repeat 40% 50%; color: #fff; font-weight: 400; font-size: 1.3em; text-align: center; padding: 3em 0 2em;}
#all-contents #right-contents #contact-inner-box p{margin-bottom: .5em; font-size: 1.2em; text-align: center; padding-left:4%; padding-right: 4%; line-height: 1.4;}
#all-contents #right-contents #contact-inner-box #bbtn01{ text-align: center;}
#all-contents #right-contents #contact-inner-box #bbtn02{ text-align: center;}


.h3title{ border-bottom:#0a090a 1px soid;  }

}
	
	
/* wysiwyg */
.wysiwyg strong{font-weight: bolder}
.wysiwyg em{font-family: "ＭＳ ゴシック",sans-serif; font-style: italic;}
.wysiwyg img{max-width:100% !important;height: auto !important;}
.wysiwyg p{ margin: 1.2em 0 1.6em; line-height: 1.75; }
.wysiwyg a{ color: #33bad2; text-decoration: underline;}
.wysiwyg a:hover{ text-decoration: none; }
.wysiwyg h1  { font-size: 1.2em; font-weight: bold; line-height: 1.333em; }
.wysiwyg h2  { background: #F3F3F3; color: #ffffff; position: relative; border: none; font-size: 1.2em; padding: 1em 1.1em; margin-top: 2.1em; margin-bottom: 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000; box-shadow: 0 1px 5px rgba(0, 0, 0, .03); font-weight: bold; }
.wysiwyg h3  { font-size: 1.2em; padding: 18px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 1em; font-weight: bold; }
.wysiwyg h4  { font-size: 1em; font-weight: 700; margin-bottom: 1em; }
.wysiwyg h5  { font-size: 0.8em; font-weight: 700; line-height: 2em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em; }
.wysiwyg h6  { font-size: 0.6em; margin: 1.67em 0; font-weight: bold; margin-bottom: 1em; }
.wysiwyg blockquote { font-size: 0.95em; padding: 6% 4% 2%; margin: 2.5em 0 3em; position: relative; border: 1px solid; opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=90)"; }
.wysiwyg blockquote:before{ content: '\f10d'; left: -.2em; top: -.3em; }
.wysiwyg blockquote:after{ content: '\f10e'; right: -.2em; bottom: -.4em; }
.wysiwyg blockquote:before,.wysiwyg blockquote:after{ font-family: 'FontAwesome'; position: absolute; width: 1em; height: 1em; display: block; padding: .2em; text-align: center; font-size: 1.3em; line-height: 1; background: #fff; }
.wysiwyg ol{ margin: 30px 0; padding-left: 23px; }
.wysiwyg ol li{ margin: 0 0 7px; line-height: 1.7; position: relative; list-style-type: decimal; padding-left: 8px; }
.wysiwyg ul{margin: 30px 0;}
.wysiwyg ul li{ margin: 0 0 7px; line-height: 1.7; position: relative; padding-left: 33px;}
.wysiwyg ul li:before{display: block; width: 7px; height: 7px; content: ""; position: absolute; left: 5px; top: 8px; background: #000; border-radius: 50%;}
.wysiwyg {word-wrap: break-word;}
	
	
}









</pre></body></html>