@charset "utf-8";

/**-- texts ------------**/
h1 {font-size: 1.5em; font-weight:normal;}
h2 {font-size: 1.4em; font-weight:normal;}
h3 {font-size: 1.3em; font-weight:normal;}
h4 {font-size: 1.2em; font-weight:normal;}
h5 {font-size: 1.2em; font-weight:normal;}
h5 span{font-size: 0.88em; margin:8px; color:#192e5f;}
h6 {font-size: 1.2em; font-weight:normal;}
h6 i{color:#888888; padding:0 4px 0 0;}

/* text --------------------------------------------*/
.texts {font-size: 0.7em;}
.textlg {font-size: 1.3em;}
.textlgg {font-size: 1.8em;}
.textb {font-weight: bolder; font-size:1.04em;}

.textmaincolor {color:#192e5f; font-weight:normal;}

.textblue {color:#036eb8;}
.textgreen {color:#006a2e;}
.textred {color:#d90000;}
.textreds {color:#d90000; font-size:0.8em;}
.textredb {color:#d90000; font-size:1.3em;/* font-weight: bold;*/}
.tel {font-size:1.2em; font-weight:normal;}

.text00 {color:#333333; font-size:1.2em; font-weight:normal;}
.text01 {color:#192e5f; font-size:1.2em; font-weight:normal;}
.text02 {color:#00605a; font-size:1.2em; font-weight:normal;}
.text03 {color:#036eb8; font-size:1.2em; font-weight:normal;}
.text04 {color:#367c7a; font-size:1.2em; font-weight:normal;}
.text05 {color:#89be6d; font-size:1.2em; font-weight:normal;}
.border-yellow {background: linear-gradient(transparent 60%, #ffff66 60%); }

[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.5em;
}
.shadow img{max-width: 100%; height: auto;
/*border: none*/
border: solid 1px #f5f5f5;
padding:0px;
background-color:#f5f5f5;
border-radius: 5px;
box-shadow: 2px 2px 3px #888888;
}

/* ------------------------------------------------------------*/
.eria-c{text-align:center;}
.eria-r{text-align:right;}
.eria-l{text-align:left;}
.eria-tab{text-align:left; margin:0 18px; padding:0 22px;}
.img-thumbnail001 img{max-width: 318px; height: auto; margin:0 auto 22px; padding:0;}

/* img-overlap --------------------------------------------*/
.img-overlap {position: relative; margin:0 auto 50px; text-align: center; width:fit-content; /*親要素img width指定*/}
.img-overlap img {max-width: 100%; height: auto; }
.img-overlap_zoom{position: absolute; color: #333333; font-weight: normal;  bottom:15px; right:15px; /*右下テキスト*/}
.img-overlap_zoom i {width: 30px; height: 30px; margin: 0; background: #ffffff; border: 1px solid #ffffff; border-radius: 10%; line-height: 30px; text-align: center;}
.img-overlap_zoom i:before { padding: 0; line-height: 30px; }
.img-overlap_zoom a:hover i { background: #fff000; }

/*- hr.style -----------------------------------------------------*/
hr.style-00 {border-top: 1px dashed #888888;  margin:22px auto;}
hr.style-01 {border-top: 1px solid #888888; margin:22px auto;}
hr.style-02 {margin:48px auto;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
    background-image:    -moz-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
    background-image:     -ms-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
    background-image:      -o-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
}
hr.style-03 {border-top: 1px dashed #192e5f;  margin:88px auto;}

/* ------------------------------------------------------------*/
dl {margin:auto; clear:both;}
dt {float:left; margin:auto; padding:0; clear:both;}
dd {margin:auto; padding:0 0 0 0;}

/* ------------------------------------------------------------*/
ul.list{list-style:none; margin:8px 0 18px 0; padding:0;}
ul.list li{margin:8px; padding:0; list-style: none; font-size:1.08em;}
ul.list li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.list i{margin:0 8px 0 0; font-size:1.1em; color:#d24d79; }
ul.list span{}

ul.listcon{list-style:none; margin:22px auto; padding: 8px 0;}
ul.listcon li{margin:8px; padding:0; list-style: none; font-size:1.1em; color:#192e5f; font-weight:normal;}
ul.listcon li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.listcon i{margin:0 8px 0 0; font-size:1.1em; color:#d24d79; }
ul.listcon span{display: block;}

ul.news{list-style:none; margin:100px 0 18px 0; border-top: dashed #888888 1px; border-bottom: dashed #888888 1px; padding: 0.5em 0 0.5em 1.5em;}
ul.news li{margin:8px; padding:0; list-style: none; font-size:1.08em;}
ul.news li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.news i{margin:0 8px 0 0; font-size:1.1em; color:#d24d79; }
ul.news span{display: block;}

ul.listfont1{list-style:none; margin:8px 18px 0; padding:0;}
ul.listfont1 li{margin:10px; padding:0; list-style: none; font-size:1em;}
ul.listfont1 li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1em;}
ul.listfont1 i{margin:0 8px 0 0; font-size:1em; color:#333333; }
ul.listfont1 span{}

ul.listawesome {list-style:none; margin:8px 0 18px 0; padding:0;}
ul.listawesome li{margin:8px; padding:0; list-style: none; font-size:1.08em;}
ul.listawesome li:before {color:#888888; margin:0 4px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f101"; font-size:1.2em;}
ul.listawesome li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.listawesome i{}
ul.listawesome span{}

ul.listawesome-red {list-style:none; margin:0 0 18px 0; padding:0;}
ul.listawesome-red li{margin:0; padding:0; list-style: none; font-size:1em; color:#ff0000;}
ul.listawesome-red li.sub{margin:0 0 0 38px; padding:0; list-style: none; font-size:1em;}
ul.listawesome-red li.sub:before {color:#ff0000; margin:0 4px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f101"; font-size:1.2em;}
ul.listawesome-red i{font-size:1.2em; padding:0 8px;}
ul.listawesome-red span{}

ul.listdesign_00{list-style:none; margin:8px auto 0; padding:0;}
ul.listdesign_00 li{font-size:1.05em; color:#192e5f; margin:0 0 18px; padding:0; list-style: none;}
ul.listdesign_00 li i{color:#192e5f; font-size:1.1em; padding:0 8px 0 0;}
ul.listdesign_00 li.sub{font-size:1.05em; color:#333333; margin:8px 30px; padding:0; list-style: none;}
ul.listdesign_00 li.sub i{color:#333333; font-size:2em; padding:0 8px 0 0;}
ul.listdesign_00 li span{font-size:0.8em; margin:0 8px 0; padding:0;}

ul.listdesign_01{list-style:none; margin:8px auto 0; padding:0;}
ul.listdesign_01 li{font-size:1.5em; color:#192e5f; margin:8px 0 0; padding:0; list-style: none;}
ul.listdesign_01 li i{color:#192e5f; font-size:1.2em; padding:0 4px 0 0;}
ul.listdesign_01 li.sub{font-size:1.3em; color:#333333; margin:8px 30px; padding:0; list-style: none;}
ul.listdesign_01 li.sub i{color:#333333; font-size:1.2em; padding:0 4px 0 0;}
ul.listdesign_01 li span{font-size:0.8em; margin:0 8px 0; padding:0;}

/* ovlight-img2 2カラム------------------------------------------------------------*/
.ovlight-img2{margin: 0 auto 48px; padding:0px;}
.ovlight-img2 p{text-align: center;}
.ovlight-img2 ul{margin: 0 auto 8px; padding: 0; list-style: none; text-align: center;}
.ovlight-img2 li a{display: block; }
.ovlight-img2 ul:after{content: ""; display: block; clear: both}
.ovlight-img2 li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2 li:nth-child(2) {float: right; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2 img{max-width: 100%; height: auto; padding:0;}

/* ovlight-img3 3カラム------------------------------------------------------------*/
.ovlight-img3{margin: 0 auto 48px; padding:0px;}
.ovlight-img3 p{text-align: center;}
.ovlight-img3 ul{margin: 0 auto 8px; padding: 0; list-style: none; text-align: center;}
.ovlight-img3 li a{display: block; }
.ovlight-img3 ul:after{content: ""; display: block; clear: both}
.ovlight-img3 li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 33.3%;}
.ovlight-img3 li:nth-child(2) {float: left; margin:0; padding:0.25%; width: 33.3%;}
.ovlight-img3 li:nth-child(3) {float: left; margin:0; padding:0.25%; width: 33.3%;}
.ovlight-img3 img{max-width: 100%; height: auto; padding:0;}

/* ovlight_2-text 2カラム------------------------------------------------------------*/
.ovlight_2-text{margin: 0 auto 8px; padding:0px;/* text-align: center;*/}
.ovlight_2-text ul{margin: 0; padding: 0; list-style: none;}
.ovlight_2-text ul:after{content: ""; display: block; clear: both}
.ovlight_2-text li:nth-child(1) {float: left; margin:0; padding:0.5% 1% 0.5% 0; width: 50%;}
.ovlight_2-text li:nth-child(2) {float: right; margin:0; padding:0.5% 0 0.5% 1%; width: 50%;}

/* ovlight_3-text 3カラム------------------------------------------------------------*/
.ovlight_3-text{margin: 0 auto 8px; padding:0px;/* text-align: center;*/}
.ovlight_3-text ul{margin: 0; padding: 0; list-style: none;}
.ovlight_3-text ul:after{content: ""; display: block; clear: both}
/*.ovlight_3-text li{float: left; margin:0; padding:0.5%; width: 33.3%;}*/
.ovlight_3-text li:nth-child(1) {float: left; margin:0; padding:0.5% 1% 0.5% 0; width: 33.3%;}
.ovlight_3-text li:nth-child(2) {float: left; margin:0; padding:0.5% 1% 0.5%; width: 33.3%;}
.ovlight_3-text li:nth-child(3) {float: left; margin:0; padding:0.5% 0 0.5% 1%; width: 33.3%;}

/* ovlight_4-text 4カラム------------------------------------------------------------*/
.ovlight_4-text{margin: 0 auto 8px; padding:0px;/* text-align: center;*/}
.ovlight_4-text ul{margin: 0; padding: 0; list-style: none;}
.ovlight_4-text ul:after{content: ""; display: block; clear: both}
.ovlight_4-text li{float: left; margin:0; padding:0.25%; width: 25%;}
.ovlight_4-text p{text-align:center;}
.ovlight_4-text p span{display: block; font-size: 0.8em;}
/* ovlight_4-img 4カラム------------------------------------------------------------*/
.ovlight_4-img{margin: 0 auto 18px; padding:0px;/* text-align: center;*/}
.ovlight_4-img ul{margin: 0; padding: 0; list-style: none;}
.ovlight_4-img li a{display: block;}
.ovlight_4-img ul:after{content: ""; display: block; clear: both}
.ovlight_4-img li{float: left; margin:0; padding:0.5%; width: 25%;}
.ovlight_4-img p{text-align:center;}
.ovlight_4-img p span{display: block; font-size: 0.8em;}
.ovlight_4-img img{max-width: 100%; height: auto; border: solid 1px #ffffff; /*border: none;*/ float: none; vertical-align:baseline; padding:0px; margin: 0;
border-radius: 0;
box-shadow: 2px 2px 8px -3px rgba(0, 0, 0, 0.8); /*横下ぼ広色*/}

/* ovlight_2works 2カラム------------------------------------------------------------*/
.ovlight_2works{margin: 0 auto 48px; padding:0px;/* text-align: center;*/line-height:1.2;}
.ovlight_2works ul{margin: 0; padding: 0; list-style: none;}
.ovlight_2works ul:after{content: ""; display: block; clear: both}
.ovlight_2works li:nth-child(1) {float: left; margin:0; padding:5% 1% 0% 0; width: 48%;}
.ovlight_2works li:nth-child(2) {float: right; margin:0; padding:15% 0 0% 1%; width: 48%;}
.ovlight_2works img{max-width: 100%; height: auto; padding:0;}

/* img-report --------------------------------------------*/
.img-report{border-radius: 3px; margin:0 auto 33px; padding:18px; border:solid 1px #cccccc;}
.img-report img{float: left; margin-right:18px; vertical-align: bottom; /*max-width: 318px; height: auto; border: none*/
border: solid 1px #f5f5f5; padding:0px; background-color:#F8F9CF; border-radius: 8px;
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横下ぼ広色*/}
.img-report p{margin: 0; padding:4px;}
.img-report:after{content: ""; display: block; clear: both;}
.img-report{*zoom: 1;}


/* img-left_works --------------------------------------------*/
.img-left_works{border-radius: 4px; background:#eeeeee; margin:0 auto; padding:18px;}
.img-left_works img{float: left; margin-right:18px; vertical-align: bottom; max-width: 318px; height: auto; /*border: none*/
border: solid 1px #f5f5f5; padding:0px; background-color:#F8F9CF; border-radius: 8px;
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横下ぼ広色*/}
.img-left_works p{margin: 0; padding:4px;}
.img-left_works:after{content: ""; display: block; clear: both;}
.img-left_works{*zoom: 1;}
.img-left_works ul{list-style:none; margin:0 auto 8px; padding:0;}
.img-left_works ul li{margin:4px; padding:0; list-style: none; font-size:1em;}
.img-left_works ul li.sub{margin:4px 0 0 38px; padding:0; list-style: none; font-size:1em;}
.img-left_works ul .fa{margin:0 4px 0 0;}

/* img-left --------------------------------------------*/
.img-left{padding:0; margin:22px auto; /*border:solid 1px #cccccc;*/}
.img-left img{float: left; margin: 0 33px 0 0; vertical-align: top; border-radius:4px;}
.img-left p{margin: 4px auto; padding:0;}
.img-left:after{content: ""; display: block; clear: both;}
.img-left{*zoom: 1;}

/* img-right --------------------------------------------*/
.img-right{padding:0; margin:22px auto; /*border:solid 1px #cccccc;*/}
.img-right img{float: right; margin: 0 0 0 33px; vertical-align: top; border-radius:4px;}
.img-right p{margin: 4px auto; padding:0;}
.img-right:after{content: ""; display: block; clear: both;}
.img-right{*zoom: 1;}

/* div_box --------------------------------------------*/
.div_box000{width: 98%; margin:0px auto 22px; padding:18px; border:solid 1px #cccccc; border-radius: 4px;}
.div_box001{width: 100%; margin:22px auto; padding:18px; border:solid 1px #cccccc; border-radius: 4px;}
/* 「」 -----------------------------------------------------*/
.boxkk00 {position: relative; padding:0.25em 1em;}
.boxkk00:before,
.boxkk00:after{ content:''; width: 40px; height: 40px; position: absolute; display: inline-block;}
.boxkk00:before{border-left: solid 2px #cccccc; border-top: solid 2px #cccccc; top:0; left: 0;}
.boxkk00:after{border-right: solid 2px #cccccc; border-bottom: solid 2px #cccccc; bottom:0; right: 0;}
.boxkk00 p {margin: 8px auto; padding: 0;}


/**--table_info ---------------------------------------------**/
.table_info{width: 98%; margin:0px auto 22px; border-collapse: collapse;}
.table_info td{text-align: left; font-weight: normal; padding:18px; border: 1px solid #cccccc;}
.table_info th{text-align: left; font-weight: normal; padding:18px; border: 1px solid #cccccc;}
.table_info td.nor {white-space: nowrap; font-weight: normal;}
.table_info th.nor {white-space: nowrap; font-weight: normal;}
.table_info thead th{padding:8px; border-bottom: 1px solid #cccccc;}
.table_info p{margin:8px auto 8px; padding:4px; border:1px solid #cccccc;}
.table_info ul{list-style:none; margin:0; padding:0;}
.table_info ul li{margin:3px 0; padding:0; list-style: none; font-size:1em;}
.table_info ul li span{margin:2px 0 3px 22px; padding:0; list-style: none; font-size:0.88em;}
.table_info li.sub{margin:4px 0 18px; padding:0; list-style: none; font-size:0.8em;}
.table_info i{margin:0 8px 0 0; font-size:1.1em; color:#d24d79; }
.table_info span{}

/* --- map google -----------------------------------------------*/
/* google-maps -----------------------------------------------------*/
.google-maps {width: 100%; position: relative; padding-top: 56.25%; border: 1px solid #cccccc;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/**-- feed ------------------------------------------------------**/
#feed{clear: both;
/*border:dotted 2px #ffffff;*/
/*background-color:rgba(255,255,255,0.5);*/
/*height:290px;*/
/*background-color:#eddddb;*/
margin:2px auto; padding:0;}

#feed li{margin:0px 0px 0px 0px; padding:0px 0px 4px 8px;
overflow:hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
white-space: nowrap;}