@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:#182578;}
h6 {font-size: 1.2em; font-weight:normal;}
h6 i{color:#888888; padding:0 4px 0 0;}

/* text --------------------------------------------*/
.textss {font-size: 0.7em;}
.texts {font-size: 0.8em;}
.textlg {font-size: 1.3em;}
.textlgg {font-size: 1.8em;}
.textb {font-weight: bolder; font-size:1.04em;}
.textmaincolor {color:#182578; font-weight:normal;}
.textblue {color:#036eb8;}
.textgreen {color:#006a2e;}
.textred {color:#d90000;}
.textpurple {color:#9f1b58;}
.textreds {color:#d90000; font-size:0.8em;}
.textredb {color:#d90000; font-size:1.3em;/* font-weight: bold;*/}
.tel {font-size:1em; font-weight:normal;}
.text-tel01 {color:#138c43; font-size:2.5em; font-weight:bold;}
.text00 {color:#333333; font-size:1.4em; font-weight:normal;}
.text01 {color:#a94c23; font-size:1.4em; font-weight:normal;}
.text02 {color:#00605a; font-size:1.4em; font-weight:normal;}
.text03 {color:#20439A; font-size:1.4em; font-weight:normal;}
.text04 {color:#ea5514; font-size:1.4em; font-weight:normal;}
.text05 {color:#138c43; font-size:1.4em; font-weight:normal;}
.border-yellow-red {background: linear-gradient(transparent 60%, #ffff66 60%); color:#d90000; font-size:1.5em;}
.border-yellow-redb {background: linear-gradient(transparent 60%, #ffff66 60%); color:#d90000; font-size:1.3em; font-weight: bold;}
.border-yellow-black {background: linear-gradient(transparent 60%, #ffff66 60%); color:#333333; font-size:1.2em;}

.textbkg001 {color: #ffffff; border: solid 1px #20439A; background:#20439A; font-size: 1.4em;
 padding: 0.25em 0.5em;/*文字周りの余白*/
 border-radius: 1em;/*角丸*/
}


/* ------------------------------------------------------------*/
.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;}

/*- 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:22px 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 #888888;  margin:88px auto;}

/* ------------------------------------------------------------*/
.listsp dl {margin:4px auto 0;}
.listsp dt {float:left; margin:auto; padding:0; clear:both;}
.listsp dd {margin:4px 18px 8px; 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.news{list-style:none; margin:8px 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.listshop{list-style:none; margin:0 auto; padding:0;}
ul.listshop li{margin:18px auto 0; padding:0; list-style: none; font-size:1.1em; line-height: 1.3;}
ul.listshop li.sub{margin:1px 0 0 18px; padding:0; list-style: none; font-size:1em;}
ul.listshop i{margin:0 8px 0 0; font-size:1em; color:#333333; }
ul.listshop span{}

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.listhistory {list-style:none; margin:22px auto; padding:0;}
ul.listhistory li{margin:0; padding:0; list-style: none; font-size:1.1em;}
ul.listhistory li.sub{margin:0 0 2px 18px; padding:0; list-style: none; font-size:1.1em;}
ul.listhistory li.sub:before {color:#888888; margin:0 2px 0 0; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f058"; font-size:1.08em;}
ul.listhistory i{}
ul.listhistory span{}

ul.listawesome {list-style:none; margin:0 auto 22px; 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.1em;}
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.listdesign_01{list-style:none; margin:8px auto 0; padding:0;}
ul.listdesign_01 li{font-size:1.5em; color:#182578; margin:8px 0 0; padding:0; list-style: none;}
ul.listdesign_01 li i{color:#182578; 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;}

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

ul.listdesign_03{list-style:none; margin:22px auto; padding:8px; border:solid 1px #20439A; background:#ffffff;}
ul.listdesign_03 li{font-size:1.2em; color:#20439A; margin:2px auto; padding:0; list-style: none;}
ul.listdesign_03 li i{}
ul.listdesign_03 li.sub{font-size:1em; color:#333333; margin:0 18px 2px; padding:0; list-style: none;}
ul.listdesign_03 li.sub i{color:#20439A; font-size:1.1em; padding:0 4px 0 0;}
ul.listdesign_03 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_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-img3 3カラム------------------------------------------------------------*/
.ovlight-img3{margin: 0 auto 8px; padding:0px;/* text-align: center;*/}
.ovlight-img3 ul{margin: 0; padding: 0; list-style: none;}
.ovlight-img3 ul:after{content: ""; display: block; clear: both}
/*.ovlight-img3 li{float: left; margin:0; padding:0.5%; width: 33.3%;}*/
.ovlight-img3 li:nth-child(1) {float: left; margin:0; padding:0.5% 1%; width: 33.3%;}
.ovlight-img3 li:nth-child(2) {float: left; margin:0; padding:0.5% 1%; width: 33.3%;}
.ovlight-img3 li:nth-child(3) {float: left; margin:0; padding:0.5% 1%; width: 33.3%;}
.ovlight-img3 img{max-width: 100%; height: auto; border: solid 2px #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_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-img4 4カラム------------------------------------------------------------*/
.ovlight-img4{margin: 0 auto 8px; padding:0px;/* text-align: center;*/}
.ovlight-img4 ul{margin: 0; padding: 0; list-style: none;}
.ovlight-img4 ul:after{content: ""; display: block; clear: both}
/*.ovlight-img4 li{float: left; margin:0; padding:0.25%; width: 25%;}*/
.ovlight-img4 li:nth-child(1) {float: left; margin:0; padding:0.5% 1%; width: 25%;}
.ovlight-img4 li:nth-child(2) {float: left; margin:0; padding:0.5% 1%; width: 25%;}
.ovlight-img4 li:nth-child(3) {float: left; margin:0; padding:0.5% 1%; width: 25%;}
.ovlight-img4 li:nth-child(4) {float: left; margin:0; padding:0.5% 1%; width: 25%;}
.ovlight-img4 img{max-width: 100%; height: auto; border: solid 2px #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%; width: 48%;}
.ovlight_2works li:nth-child(2) {float: right; margin:0; padding:5% 1%; width: 48%;}
.ovlight_2works img{max-width: 100%; height: auto; padding:0;}

/* display2container 2カラム------------------------------------------------------------*/
.display2container{display: flex; justify-content: space-between; flex-wrap: wrap;}
.display2container div{width: 50%; border: 1px solid #cccccc; padding: 10px;}

/* 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;}

/**--table_info ---------------------------------------------**/
.table_info{width: 98%; margin:0px auto 22px; border-collapse: collapse;}
.table_info td{text-align: left; font-weight: normal; padding:18px 8px; border: 1px solid #cccccc;}
.table_info th{text-align: left; font-weight: normal; padding:18px 8px; 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:2px auto 0; padding:0;/* 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%;}