@charset "utf-8";


/*ひろば*/

a{font-size: 14px;color:#489B96 }

span.font_l{font-size: 120%}
.center_box{text-align: center;margin: 40px auto}
.center_box_search{text-align: center;margin: 0px auto}
section.mess_box{border: 1px solid #57aaa6;}

section.mess_box .mess_title{color: #fff;background-color: #57aaa6;float: left;width: 140px;text-align: center;padding: 25px 0}
section.mess_box .mess_title p{font-size: 16px;line-height: 1.6em}

ul.list_txt li{line-height: 1.6em;
    margin-bottom: 10px;font-size: 14px;
background-image: url( "../../practice/img_practice/arrow.png");
background-repeat: no-repeat;
background-position: 0 5px;background-size: 10px;padding-left: 15px}

.merit_box ul.list_txt li{font-size: 16px}

ul.list_txt_ball li{line-height: 1.6em;
    margin-bottom: 10px;font-size: 14px;
background-image: url( "../../practice/img_practice/ball.png");
background-repeat: no-repeat;
background-position: 0 5px;background-size: 12px;padding-left: 15px;margin-bottom: 10px}

ul.list_txt_ball li a{color: #489B96;}

ul.list_txt_ball li a.pdf2{color: #fff}

.merit_box ul.list_txt li{font-size: 16px}


.mess_txt {padding: 0px;float: left;width: 100%;
  margin-left: -140px;
  padding-left: 140px;
  box-sizing: border-box;}

.mess_txt p{margin: 20px;font-size: 14px;line-height: 1.6em;height: 125px;vertical-align: middle;display: table-cell;padding-left: 10px;padding-right: 10px;}

.st-Auto2Col p span{font-weight: bold;text-decoration: underline}

.display_block{display: block}

.tabsp_pd{padding: 0}

input[type=checkbox]{width: 20px;height: 20px}

/*事例*/

/*tab*/

ul.tab-menu {
	max-width : 600px;
	margin : 0 auto;
	list-style-type : none;
	display : flex;
	flex-wrap : wrap;
}

ul.tab-menu li {border: solid 1px #489B96;color: #489B96;padding:10px 40px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display:block;text-align: left;margin: 20px auto!important;text-decoration: none;background-image: url(../images/arrow_g.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#fff;text-align: left;width:auto!important}

ul.tab-menu li:hover {
border: solid 1px #489B96;color: #fff;padding:10px 40px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 20px auto!important;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#489B96;text-align: left;width:auto!important;cursor:pointer;
}



ul.tab-menu li.active {
border: solid 1px #489B96;color: #fff;padding:10px 40px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 20px auto!important;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#489B96;text-align: left;width:auto!important
}

ul.tab-menu li.active:hover {
border: solid 1px #489B96;color: #fff;padding:10px 40px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 20px auto!important;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;text-align: left;width:auto!important;cursor:default;
}




/* -- div.tab-* -------------------------------------------------------------------------------------------- */

div.tab-1,
div.tab-2 {

	margin : 0 auto;
	padding : 0px;
	background : #ffffff;
	display : none;
}

div.active {
	display: block;
}




img.displaybl{display: block}

i.fa-search{font-size: 130%}

/*pager*/
.pager_hit {text-align: center}

.pager_hit .pagination {
  text-align: center;
	margin-top: 20px
}

.pager_hit .pagination li {color: #489B96;
  display: inline;
  margin: 0 1px;
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}

.pager_hit .pagination li img{width: 10px;vertical-align: text-top}


.pager_hit .pagination li a{color: #489B96;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pager_hit .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager_hit .pagination li a:hover,
.pager_hit .pagination li a.active{
  color: #fff;
  background: #489B96;
}



p.hit_txt{font-size:15px;color: #489B96;text-align: center;margin: 0 0 40px}
p.hit_txt span{font-size: 24px;margin-right: 3px}


/*検索結果*/

.mark_pd{margin-top: 25%; height:35px;}
.hit_spec table td{text-align: left}

.hit_spec .tbl-r03 p {
  font-size: 14px;
   margin: 0px auto 0px;
    text-align: left
}


.hit_spec table.tbl-r03 {width: 100%;background-color: #fff;
  margin: 0 auto;
text-align: center;font-size: 14px;line-height: 1.7em;
}
.hit_spec .tbl-r03 th {background-color: #fff; border: none;line-height: 1.7em;font-weight: bold;
  color: #000;
  padding: 10px;
width: 140px;max-width: 100%
}
.hit_spec .tbl-r03 td {background-color: #fff;line-height: 1.7em;
padding: 10px; border: none;width: auto
}


.hit_spec{float:right;width: 65%;margin-bottom: 30px}
.hit_box_pic{float: left;width: 30%}
img.gaikan_hit{width: 100%;display: block}
.hit_box ul li{border-top: 1px solid #9D9E9E;padding: 40px 0 0}

.hit_box ul li:last-child{border-bottom: 1px solid #9D9E9E }
.hit_title_h4 a{font-size: 18px}

.hit_title{width: 130px}
.jouken table tbody th,.jouken table tbody td {font-size: 14px;padding: 10px;line-height: 1.3em;text-align: left;border: none}

.hit_box ul.nintei li{padding:10px 0 0;width: 24%;margin-right: 1%}

.hit_box ul.nintei li:last-child{margin-right: 0;border: none}

/*アーカイブテーブル 取り組み*/

.archive_table_torikumi th.shurui{width: 45%}
.archive_table_torikumi th.kibyou{width: 40%}
.archive_table_torikumi th.shozai{width: 25%}

.archive_table_torikumi th,td {font-size: 14px;padding: 10px;line-height: 1.3em  }

.archive_table_torikumi a{color:#489B96;font-size: 14px }

.archive_table_torikumi thead{background-color:#489B96;color: #fff;text-align: center}

.archive_table_torikumi thead th.table_head{text-align: center;border-top: solid 1px #489B96;border-left: solid 1px #489B96;border-bottom: solid 1px #489B96;border-right: solid 1px #fff}

.archive_table_torikumi thead th.table_head:nth-child(3){border-right: solid 1px #489B96}

.archive_table_torikumi tbody th,td{text-align: center;border: solid 1px #A9A9A9}


.archive_table_torikumi table { width: 100%;
        border-collapse:  collapse;
    }


/*アーカイブテーブル 事例*/

.archive_table th,td {font-size: 14px;padding: 10px;line-height: 1.3em  }

.archive_table a{color:#489B96 }

.archive_table thead{background-color:#489B96;color: #fff;text-align: center}

.archive_table thead th.table_head{text-align: center;border-top: solid 1px #489B96;border-left: solid 1px #489B96;border-bottom: solid 1px #489B96;border-right: solid 1px #fff}

.archive_table thead th.table_head:nth-child(4){border-right: solid 1px #489B96}

.archive_table tbody th,td{text-align: center;border: solid 1px #A9A9A9}


.archive_table table { width: 100%;
        border-collapse:  collapse;
    }

ul.bt_archive{   list-style: none;
    display:flex;
    justify-content: center;}

ul.bt_archive li{display: -webkit-flex;margin: auto 5px;display: inline-block;
  list-style: none;}



button.bt_opcl{background-color: #489B96;color: #fff;padding:15px 20px;font-size: 14px;margin: 0px auto;border: none}

.freeword{min-width: 600px;padding: 3px;}

.mark_form_box{border-top: solid 1px #ccc;padding: 10px 0 0;margin: 10px 0 0}

.mark_form_box ul.shozai_list li{min-height: 40px;margin-bottom: 0px}

img.nintei_mark{vertical-align: middle;width: 35px;margin-left: 5px;margin-bottom: 5px;}

img.nintei_mark2{vertical-align: middle;height: 20px;margin-left: 5px;margin-bottom: 5px;}

#jirei section.form_box{margin: 0 0 20px}

#jirei h2.form_title{font-size: 18px;border: 1px solid #489B96;border-left: 5px solid #489B96;padding:5px 10px;display: block; /* margin-bottom: 20px; */ font-weight: normal}

.jirei_title{font-size: 24px;text-align: center;color: #489B96;margin: 0 0 20px;padding: 0}

.jirei_title_results{font-size: 24px;text-align: center;color: #489B96;margin: 20px 0 ;padding: 0}

.merit_box{background-color: #EDF5F4;padding: 20px;margin: 0 0 40px}

.merit_title{font-size: 20px;margin-bottom: 20px;color: #489B96;}

p.coment_title{font-size: 14px;margin: 45% 0 0 100px;line-height: 30px;height: 300px;vertical-align: middle;display: table-cell; padding-top: 60px;}

p.coment_txt{font-size: 14px;margin: 30px 0 0}

.coment_l{float: left;width: 50%;position: relative;}
.coment_r{float: right;width: 28%}

.title_h5{font-size: 16px;color: #489B96;text-align: left;}

p.txt_nomal{margin-bottom: 30px;font-size: 14px}

p.txt_nomal span{font-weight: bold;text-decoration: underline}

#jirei h4.title_h4{font-size:20px;color: #489B96;border-bottom: 1px solid #489B96;padding: 0;
margin-bottom: 10px;font-weight: bold;}

#jirei h4.title_h4_2{font-size:20px;color: #489B96;padding: 0;
margin-bottom: 5px;font-weight: bold;margin-top: 30px}

.title_txt{line-height: 1.3em;margin: 0 0 5px}

.footer_logo .jirei_logo{width: 370px}

.voice_body{padding:0 0 20px}

#jirei section.voice h4{color: #000;line-height: 1.3em;font-size:18px;margin:0 0 0px; font-weight:bold;}

.voice_name_s{font-size: 15px;margin-top: 10px;line-height: 1.3em}
.voice_name{font-size: 27px;margin: 0 0 10px;padding: 0;line-height: 1.3em}
.voice_name span{font-size: 70%}

.voice_copy{font-size:24px; color:#489B96; line-height:1.3em; margin-top:70px;}
.voice_copy_no_photo{font-size:24px; color:#489B96; line-height:1.3em; margin-top:70px;}

.voice_head{margin-bottom: 30px}

.voice_head_l{float: left;width: 30%;position: relative}
.voice_head_l90{float: left;width: 30%;position: relative}
.voice_head_r{/* float: right; width: 67% */ margin-left: 38%; padding-top: 1px;}
.voice_head_r_78{/* float: right; width: 67% */ margin-left: 42%; padding-top: 1px;}

img.voice_img{width: 80%;margin: 20% 0 0 30%; border-radius: 3%;}

img.voice_img_78{width: 100%;margin: 20% 0 0 30%; border-radius: 3%;}

.coment_l img.voice_img{width: 120%;margin: 40% 0 0 20%; border-radius: 3%;}

.jirei_box2{margin-bottom: 40px}
.st-Auto2Col{column-count: 2;column-gap: 2.5em;}
.st-Auto2Col p{font-size: 14px}

.voice_head_l img.voice_title{position: absolute;top:20px;left: 0;width: 50%}
.voice_head_l90 img.voice_title{position: absolute;top:20px;left: 0;width: 50%}

.coment_l img.voice_title{position: absolute;top:10px;left: 0;width: 50%}

section.voice{background-color: #EDF5F4;margin-bottom: 30px}


#jirei h4{font-size: 17px;color: #489B96;line-height: 1.5em;margin-bottom: 10px;font-weight: normal}

#jirei h4 span{background-color: #489B96;color: #fff;margin-right: 5px;padding: 5px;font-size: 14px}

.gaikan{position: relative}

.gaikan p{position: absolute; bottom: 30px;right: 10px;color: #fff;text-shadow:
    black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;}

.name{font-size: 24px;margin-bottom: 20px}
.name span{font-size: 70%}


.interbeau .interbeau_box{margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;}
.interbeau .interbeau_box:nth-child(1){width: 26%;}
.interbeau .interbeau_box:nth-child(2){width: 55%;margin: 0 2% 0 0.5%}

.interbeau .interbeau_box:nth-child(3){width: 26%; margin: auto;}

.interbeau  .interbeau_box p{text-align: left;line-height: 1.5em}

.interbeau .interbeau_box p.inter_title{text-align: center;line-height: 1.5em;display: block;width: 100%;margin: auto;font-size: 16px; height: 1.5em;}

.interbeau  .interbeau_box img{width: 100%; height: 100%;}

.interbeau  .interbeau_box.interbeau_box__height_fix img{width: auto; height: 300px}

.interbeau_title{background-color:#489B96;color: #fff;text-align: center;width: 26%;}


.interbeau{border: solid 1px #489B96;margin:0 auto 40px;padding: 5px;max-width: 900px; display:flex;}

ul.nintei li{float: left;width: 15%;margin-right: 1%;border: none}

ul.nintei li:last-child{margin-right: 0}
/*
ul.nintei li img{width: 100%}
*/
img.gaikan_img{margin-bottom: 20px}

ul.bt_database li{float: left;list-style: none;
margin-right: 6%;width: 47%}

ul.bt_database li:nth-child(2){margin-right: 0}

ul.torikumi_list li{font-size: 14px;line-height: 1.5em;margin-bottom: 10px;
background-image: url("../../practice/img_practice/arrow.png");
background-position: top 2px left 0;
padding-left: 15px;
background-repeat: no-repeat;
background-size: 10px}

.icon_jirei {
    background-color: #489B96;;
    color: #fff;
    margin: 0 5px 5px 0;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;}

.hit_spec .icon_jirei {
    background-color: #489B96;;
    color: #fff;
    margin: 0 5px 5px 0;
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;}


#jirei .jirei_box_s{margin-bottom: 30px}

#jirei dt {font-size: 14px;
	    float: left ;
	    clear: left ;
	    margin-right: 0.5em ;
	    max-width: 120px ;line-height: 1.5em;
	margin-bottom: 10px;
	width: 30%
}

#jirei dd {font-size: 14px;
	    float: left ;
	    margin-left: 1em ;
	max-width: 350px;line-height: 1.5em;width: 70%
}

#jirei h3{color:#489B96;font-size:18px;border-bottom: solid 1px #489B96;display: block;margin-bottom: 15px}

.gaikan img{width: 100%}

#jirei .jirei_box{margin: 60px 0 0}

.jirei_copy{font-size: 26px;color: #595757;margin-top: 5px;line-height: 1.3em}

.jirei_bar{background-color: #d8e8da;height: 3px}

.corp_title{position: relative}

#jirei h2{font-size: 25px;margin: 0;padding: 0;color: #489B96;border: none}

.keisai{position: absolute;font-size: 16px;margin-top: 10px;right: 0;bottom: 5px;display: inline-block}

.jirei_head{  box-shadow: 0px 0px 4px gray;background-color: #fff;
height: 90px}

.jirei_head .mark img{width: 135px}

h1.title_jirei{width: 368px;float: left;margin-top: 5px;padding-top: 0
}

.title_jirei img{width: 100%}


/*ひろば共通*/
.nav_pull li {
  position: relative;

}

.nav_pull  > li li:hover > a {/*layer-2*/
  color: olive;
}
.nav_pull li ul {width: 100%;
  top: 45px;
  left: 0px;list-style: none;
  position: absolute;
}

.nav_pull li ul li:first-child{height: 0;padding: 0;border: none;}
.nav_pull li ul li:last-child{height: 0;padding: 0;border: none;}


.nav_pull li ul li {width: 100%;background-color: #fff;
  overflow: hidden;border: none;
  height: 0;
  transition: 0.2s;
	list-style: none;
}
.nav_pull li ul li a {background-color: #fff;width: 100%; transition: 0.2s;font-size: 14px;padding:10px 0px 0;
  border-bottom: 1px solid #888;
}

.nav_pull li ul li a.border_gr_qa {border-top: 3px solid #489B96;}


.nav_pull li:hover > ul > li {width: 100%;background-color: #fff;  transition: 0.2s;
  overflow: visible;float: none;
  height: 45px;
}
.nav_pull li ul li ul {
    top: 0;
    left: 110px;
  }
.nav_pull li ul li ul:before {/*layer-2▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
  }
.nav_pull li ul li ul li:hover > a {/*layer-3*/
    color: pink;

  }
.nav_pull  li ul li ul.left {
    top: 0;
    left: -190px;
  }
.nav_pull  li ul li ul.left:before,/*layer-2-left▷*/
.nav_pull  li ul li ul li ul.left:before {/*layer-3-left▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 190px;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
  }
.nav_pull  li ul li ul.left li:hover > a {/*layer-2-left*/
    color: pink;
    background: #afc6e2;
  }
.nav_pull  li ul li ul li ul.left li:hover > a {/*layer-3-left*/
    color: purple;
    background: #afc6e2;
  }





.bk_gw{background-color: #f0f7f0;width: 100%;margin: auto}

.txt_center{text-align: center!important}

/*トップ*/

.top_box01{margin-bottom: 30px}

p.pk_title {font-size: 16px !important; color: #ee2a81; padding-bottom: 10px;text-align: left;font-weight: bold;line-height: 1.3em !important;}
.pk_title span{font-size: 75%}

#bannerArea {text-align: center;margin:0 auto 100px}

ul.bn_list {margin: auto;display: inline-block}

ul.bn_list li{float: left;margin: 10px;text-align: center}

.slider li img{width: 100%; margin: auto}
.topics{max-width: 750px;margin: auto;padding: 0 20px}

.bn_box{text-align: center;margin: 100px auto}

.bn_box img{max-width: 300px}

a.bt_news_list {
    border: solid 1px #489B96;
    color: #fff;
    padding: 10px 30px 10px 10px;
	display: inline-block;
    font-size: 14px;
    line-height: 1.3em;
    position: relative;
    text-align: left;
    margin: 20px auto;
    text-decoration: none;
    background-image: url(../images/arrow_w.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
	background-size: 10px;
    background-color: #489B96;
	border-radius: 5px;        /* CSS3草案 */
        -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 5px;   /* Firefox用 */
}

.new{vertical-align: middle;width: 30px;margin-left: 5px}

.topics dl {
padding: 20px 0 5px;font-size: 14px;line-height: 1.3em;
border-bottom: 1px solid #ccc;
}

.topics dt {
padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
.topics dt {
clear: left;
float: left;
width: 10%;
}
.topics dd {
margin-left: 11%;
}

}



ul.top_menu_3 li{float: left;width: 33.3333333%;box-sizing:border-box;border-right: solid 1px #fff;text-align: center;border-bottom: solid 1px #489b5e}

ul.top_menu_3 li:nth-child(3){border-right: none;border-bottom:none}

ul.top_menu_3 li p{padding: 10px;text-align: center;color: #fff;font-size: 20px;line-height: 1.4em}

ul.top_menu_3 li p span{font-size: 13px;line-height: 1em}

ul.top_menu_3 li p span.qa_point{background-color: #fff;margin-right: 5px;padding:5px 5px;color: #000;font-size: 12px;border-radius: 10px;        /* CSS3草案 */
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;   /* Firefox用 */ }

ul.top_menu_3 li img{width: 100%;display: inline-block}

ul.top_menu_3 li a{text-decoration: none}


a.bt_work_red{font-size: 14px;line-height: 1.3em;display: block;text-decoration: none;background-image: url(../images/top/arrow_red.png);background-repeat: no-repeat;background-position:right 5px center;background-size: 12px;padding-bottom: 20px;color: #000;}

a.bt_work_red span{color:#d34835;font-size: 23px;line-height: 1.6em}

a.bt_work_green span{color:#489B96;font-size: 22px;line-height: 1.6em;}

a.bt_work_green {font-size: 14px;color: #000;line-height: 1.3em;display: block;text-decoration: none;background-image: url(../images/top/arrow_green.png);background-repeat: no-repeat;background-position:right 5px center;background-size: 12px}

.bt_block{background-color: #fff;padding: 10px;min-height: 70px;}

.hiroba_top_img {
    background-image: url(.././images/top/top_img.jpg);
    background-size:cover;
	background-position: center;
    height: 550px;
    text-align: center;
    border-bottom: solid #daebdf 3px;
    margin-bottom: 30px
}


.hiroba_top_img h1{width: 620px}

.hiroba_top_img h1 img{width: 100%}

.works_box_l{float: left;width: 40%;border: solid 1px #dcdddd;box-sizing:border-box;background-color: #fff}

.works_box_r{float: right;width: 40%;border: solid 1px #dcdddd;box-sizing:border-box;background-color: #fff}

.qa_box{width: 20%;float: left;text-align: center;}

.top_menu_box .qa_box img{width: 85%;margin: 35% auto 0}

.top_menu_box img{width: 100%;display: block}
.top_menu_box {background-color: #f0f7f0}


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



	a.bt_work_red span{font-size: 2vw}
	a.bt_work_red {font-size: 1.3vw}
		a.bt_work_green span{font-size: 2vw}
	a.bt_work_green {font-size: 1.3vw}

}

/*検索結果一覧*/
a.corp_link{text-decoration: none}


/*行動計画・取組を検索する*/

.g_box a.bt_gbk4{border: solid 1px #489B96;color: #fff;padding:10px 20px 10px 10px;max-width: 105px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: auto;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#489B96;}

.g_box a.bt_gbk4:hover{border: solid 1px #38AC66;background-color:#38AC66;color: #fff;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center }

input,
select,
textarea {
    font-size: 100%;
    /* font-family: kozuka-gothic-pr6n, sans-serif, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; */
    font-size: 14px;vertical-align: inherit;
	line-height: 1.3em
}

.txt_search{text-align: center;
margin-bottom: 50px}


/*検索結果*/

.container{width: 840px;
margin: 1.5em auto;}

div.estform {
  margin: 0.8em 1.0em; padding: 0em 1.0em;
  background: #eeeeff none; border: solid 1pt #bbbbcc;
  -moz-border-radius: 0.4em;
}
div.form_navi {
  position: absolute; top: 1.5em; right: 2em;
  margin: 0em 0em; padding: 0em 0em; text-align: right;
  font-size: smaller;
  display:none;
}
div.form_navi a,div.form_navi span {
  display: block; margin: -0.1em 0em; padding: 0em 0em;
}
a.navilink {
  color: #5588cc; text-decoration: none;
}
a.navilink:hover {
  color: #4499ee; text-decoration: underline;
}
span.navivoid {
  color: #99aaaa;
}
div.form_advanced {
  margin: 0.4em 0em; padding: 0em 0em;
}
th.ilabel {
  padding-right: 0.3em; text-align: right;
  font-weight: normal; font-size: smaller;
}
td.ivalue input.submit {
  width: 12em;
}
td.ivalue input.reset {
  width: 5em;
}
div.form_basic {
  margin: 0.5em 0em 0.5em 0em; padding: 0em 0em;
  font-size: smaller;
}

div.form_basic imput{width: 700px}

input.submit:hover,select:hover {
  cursor: pointer;
}
div.form_extension,div.form_genrecheck {
  margin: 0.3em 0em 0.3em 0em; padding: 0em 0em;
  font-size: smaller;
  display:none;
}
label.genrecheck {
  margin-right: 0.5em;
}
span.inputunit {
  margin: 0em 0.3em;
}
input.button {
  margin: 0.1em 0.1em; padding: 0em 0.5em;
  background: #dddddd none; border: solid 1pt #cccccc;
  -moz-border-radius: 0.3em;
  color: #888888;
}
input.button:hover {
  cursor: pointer;
}
input.abutton {
  background: #ccccdd none; border: inset 1pt #bbbbbb;
  color: #222222;
}
input.wbutton {
  width: 7.5em;
}
input.mbutton {
  width: 6.0em;
}
input.nbutton {
  width: 4.5em;
}
div.estresult {
  margin: 1.0em 1.0em; padding: 0em 0em;
	font-size:90%;
}
div.resinfo {
  margin-right: 0.3em; text-align: right;
  font-size: smaller;
}
div.hints {
  margin-right: 0.8em; text-align: right;
  font-size: smaller; color: #555555;
}
div.relkeys {
  margin-right: 0.3em; text-align: right;
  font-size: smaller; color: #555555;
  opacity: 0.70;
}
div.relkeys a {
  color: #007777; text-decoration: none;
}
div.relkeys a:hover {
  color: #0066dd; text-decoration: underline;
}
dl.doc {
  margin: 1.3em 0em;
}
dl.doc dd {
  font-size: smaller; color: #222222;
}
a.doc_title {
  color: #0011ee; text-decoration: underline;
  margin: 0.3em 0em;
}
a.doc_title:hover {
  color: #0033ff; text-decoration: underline;
}
span.doc_score {
  font-size: smaller; color: #555555;
}
span.doc_score:before {
  content: "(";
}
span.doc_score:after {
  content: ")";
}
span.doc_link {
  color: #007744;
  margin: 0.3em 0em;
}
dd.doc_attr {
  margin: 0em 0.8em;
}
span.doc_val {
  color: #111111;
}
dd.doc_text {
  margin: 0.3em 1.3em;
  line-height:1.5em
}
strong.key {
  margin: 0em -0.1em; padding: 0em 0.1em;
  color: #000011;
  -moz-border-radius: 0.3em;
}
strong.key1 { background-color: #ffffcc; }
strong.key2 { background-color: #ffeeee; }
strong.key3 { background-color: #eeeeff; }
strong.key4 { background-color: #eeffdd; }
code.delim { color: #555555; letter-spacing: -0.1em; }
dd.doc_navi {
  margin: 0em 1.1em;
}
div.doc_clip {
  margin-left: 2.5em; margin-top: -0.6em;
}
div.doc_clip p {
  font-size: smaller; color: #444444;
}
a.display,a.detail,a.similar,a.dir,a.include {
  color: #007777; text-decoration: none;
}
a.display:hover,a.detail:hover,a.similar:hover,a.dir:hover,a.include:hover {
  color: #0066dd; text-decoration: underline;
}
p.note {
  margin: 3em 1.5em;
  color: #444444;
  display:none;
}
div.paging {
  margin: 2em 1em; text-align: right;
  font-size: smaller;
}
a.navi {
  margin: 0em 0.2em; padding: 0em 0.5em;
  background: #eeeeff none; border: solid 1pt #bbbbcc;
  -moz-border-radius: 0.25em;
  color: #0022aa; text-decoration: none;
  display:inline;
}
span.void {
  margin: 0em 0.2em; padding: 0em 0.5em;
  background: #eeeeee none; border: solid 1pt #bbbbcc;
  -moz-border-radius: 0.25em;
  color: #aaaaaa;
  opacity: 0.70;
}
a.pnum {
  margin: 0em 0em; padding: 0em 0.2em;
  background: #eeeeff none; border: solid 1pt #bbbbcc;
  -moz-border-radius: 0.25em;
  font-size: smaller; color: #0022aa; text-decoration: none;
  display:inline;
}
span.pnow {
  margin: 0em 0em; padding: 0em 0.2em;
  background: #ffeedd none; border: solid 1pt #bbbbcc;
  -moz-border-radius: 0.25em;
}
div.estinfo {
  margin: 1.5em 1.0em; padding: 0em 0em; text-align: right;
  font-size: smaller; color: #555555;
  opacity: 0.80;
  display:none;
}
div.estinfo a {
  color: #555555; text-decoration: none;
}
div.logo {
  margin: 15.0em 1em; text-align: center;
}
div.logo h1 {
  color: #000000;
}
div.logo div.caption {
  margin-top: -0.9em;
  color: #222222;
}
div.help {
  margin: 2em 4em; padding: 2em 2em;
  background-color: #eeeeff; border: 2pt solid #ddddee;
  -moz-border-radius: 0.8em;
}
div.help h1 {
  margin: -1em 0em; padding: 0em 0em; text-align: right;
  font-weight: normal; font-size: smaller;
}
div.help h2 {
  margin-top: 1.2em;
}
div.help p {
  line-height: 145%; text-indent: 0.8em;
}
div.help pre {
  margin: 0em 2em; padding: 0em 0.2em;
  background-color: #ffffff; border: 1pt solid #999999;
  -moz-border-radius: 0.2em;
}





#ryouritsu-body {

	margin:0;
	padding:0;

	overflow-x:hidden;

	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:76%;
	color:#464646;
	background-color: #FFF;

}

#ryouritsu-body * {

	margin:0;
	padding:0;

}

#ryouritsu-body a {
color:#464646;
text-decoration:none;
display:inline;
}

#ryouritsu-body a:hover {
color:#45AD1F;
text-decoration:underline;
}

#ryouritsu-body .mark00 {
color:#45AD1F;
font-weight:bold;
}

#ryouritsu-body img.nodisp {
	display:none;
}

#ryouritsu-wrapper {
	width:948px;
	margin:0 auto;
	position: relative;
}
#ryouritsu-container {
	float:left;
	width:100%;
}

#ryouritsu-header {

	width: 948px;
	background-color: #FFF;
}

/* header ------------------------ */
#ryouritsu-headerMenu {
	position:absolute;
	width:575px;
	left: 350px;
	top: 66px;
	padding:0.3em;

}
#ryouritsu-headerMenu #ryouritsu-LBox {
	width:318px;
	font-size:11px;
	margin:12px 0 0;
	padding: 0;
	float: left;
}
#ryouritsu-headerMenu #ryouritsu-RBox {
	width:255px;
	float:right;
	padding:0.3em 0;
}
#ryouritsu-headerMenu #ryouritsu-RBox table td {
	text-align:left;
	vertical-align:middle;
}
#ryouritsu-headerMenu #ryouritsu-RBox table td.lt { border-top:solid 1px #A1A1A1; }
#ryouritsu-headerMenu #ryouritsu-RBox table td.lb { border-bottom:solid 1px #A1A1A1; }
#ryouritsu-headerMenu #ryouritsu-RBox table td.ll { border-left:solid 1px #A1A1A1; }
#ryouritsu-headerMenu #ryouritsu-RBox table td.lr { border-right:solid 1px #A1A1A1; }
#ryouritsu-headerMenu #ryouritsu-RBox table td.bg { background-color:#EFEFEF; }





#ryouritsu-headerMenu ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#ryouritsu-headerMenu ul li {
	display:inline;
	margin:0.2em 0.1em 0.2em 0;
}
#ryouritsu-headerMenu ul li a {
	margin:0 0.1em;
}
#ryouritsu-headerMenu input.serchbox {
	width:160px;
	margin:0 0.2em 0 0.3em;
}
#ryouritsu-headerMenu input.serchbtn {
	margin:0 0.2em 0 0.3em;
}
#ryouritsu-headerMenu input.printbtn {
}

/* headerSubMenu ------------------ */

#ryouritsu-headerSubMenu {
	width:895px;
	margin:0 auto;
	padding:0 0 0.5em;
	border-bottom:solid 1px #2BA200;
	height: 102px;
	background-color: #FFF;
}
#ryouritsu-headerSubMenu #ryouritsu-siteLinkBox {
	width: 878px;
	margin: 0 auto 0.4em;
	height: 46px;
}
#ryouritsu-headerSubMenu #ryouritsu-siteLinkBox a.site1 {
	width:422px;
	float: left;
	height: 44px;
	display: block;
	background:url(../common/img/hd_btn_of_site01.jpg) left top no-repeat;
}
#ryouritsu-headerSubMenu #ryouritsu-siteLinkBox a.site1:hover {
	width:422px;
	float: left;
	height: 44px;
	display: block;
	background:url(../common/img/hd_btn_on_site01.jpg) left top no-repeat;
	z-index:1;
}
#ryouritsu-headerSubMenu #ryouritsu-siteLinkBox a.site1on {
	width:422px;
	float: left;
	height: 44px;
	display: block;
	background:url(../common/img/hd_btn_on_site01.jpg) left top no-repeat;
	z-index:1;
}
#ryouritsu-headerSubMenu #ryouritsu-siteLinkBox a.site2{
	width:422px;
	float: right;
	height: 44px;
	display: block;
	background:url(../common/img/hd_btn_of_site02.jpg) left top no-repeat;
}
#ryouritsu-headerSubMenu #ryouritsu-siteLinkBox a.site2:hover {
	width:422px;
	float: right;
	height: 44px;
	display: block;
	background:url(../common/img/hd_btn_on_site02.jpg) left top no-repeat;
}
#ryouritsu-headerSubMenu #ryouritsu-siteLinkBox a.site2on {
	width:422px;
	float: right;
	height: 44px;
	display: block;
	background:url(../common/img/hd_btn_on_site02.jpg) left top no-repeat;
}


#ryouritsu-headerSubMenu ul.hd2 {
	list-style:none;
	font-size: 10px;
	margin: 0 0 0.8em;
	padding: 0;
}
#ryouritsu-headerSubMenu ul.hd2 li {
	display:inline;
}
#ryouritsu-headerSubMenu ul.hd2 li a {
	width:150px;
	height:12px;
	background:url(../common/img/hd_mark_of.jpg) 3px 3px no-repeat #FFF;
	float: left;
	padding: 0.3em 0 0.3em 18px;
	margin: 0.2em 0 0.5em 8px;
	border-bottom: solid 1px #C8C8C8;
	border-left: solid 1px #C8C8C8;
	text-decoration:none;
	overflow: hidden;
}
#ryouritsu-headerSubMenu ul.hd2 li a:hover,
#ryouritsu-headerSubMenu ul.hd2 li a.on {
	width:150px;
	height:12px;
	background:url(../common/img/hd_mark_on.jpg) 3px 3px no-repeat #2BA200;
	float: left;
	text-decoration:none;
	color:#FFF;
	overflow: hidden;
}

#footer {
	width: 948px;
}
#footer ul {
	list-style:none;
	float: right;
	margin: 0;
	padding: 0 1.2em 1.2em 0;
}
#footer ul li {
	display: inline;
	margin: 0;
	border-right: solid 1px #CCC;
	padding: 0 1.2em;
}
#footer ul li.nob {
	border:none;
}
#footer #copyright {
	width:100%;
	background-color: #3C8E4C;
	color: #FFF;
	text-align: center;
	float: left;
	padding: 0.2em 0;
	margin: 0 0 0.5em;
}

#ryouritsu-footer {
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	color:#464646;
	background-color: #FFF;
}

#ryouritsu-footer a {
color:#464646;
text-decoration:none;
display:inline;
}

#ryouritsu-footer a:hover {
color:#45AD1F;
text-decoration:underline;
}


/*サイトバナーを貼ろう*/
#subcontentsBoxBN {
	width:704px;
	margin:1em auto 2em;
	position: relative;
	padding: 0.5em 0;
	font-size: 120%;
}
#subcontentsTextboxBN {
	width:704px;
	margin:10px auto 13px;
	line-height: 1.4em;
	background:url(../../banner/img/ryoritsu_banner_base.jpg) 12px top no-repeat;
	height: 360px;
	padding: 0; }
#subconcenterboxBN {
	width:721px;
	margin:0.5em auto 1.5em;
	text-align:left;
}
ul.banner {
	width:336px;
	margin: 0 auto;
	padding: 5px 0 0;
}
ul.banner li {
	list-style:none;
	margin: 2em 0 1.8em;
}
ul.bannerCome {
	width:98%;
	margin: 0 auto;
	font-size: 85%;
	border-top: solid 1px #3C8E4C;
	padding: 1.3em 0;
}
ul.bannerCome li {
	margin: 0.3em 0.3em 1em 1.8em;
	padding: 0;
	line-height: 1.2em;
	font-size: 12px;
	list-style: disc
}


.sizeBox1 {
	width:90px;
	height:62px;
	background:url(../../banner/img/ryoritsu_banner_m1.gif) right center no-repeat;
	position: absolute;
	margin: 0 0 0 12px;
}
.sizeBox2 {
	width:90px;
	height:62px;
	background:url(../../banner/img/ryoritsu_banner_m2.gif) right center no-repeat;
	position: absolute;
	margin: 0 0 0 12px;
}
.sizeBox3 {
	width:90px;
	height:50px;
	background:url(../../banner/img/ryoritsu_banner_m3.gif) right center no-repeat;
	position: absolute;
	margin: 0 0 0 12px;
}




/*公表サイト*/

.mark_box{float: left;width: 25%}

.top_img2 {
    background-image: url(../../hiroba/images/top/top_img.jpg);
    background-size: cover;
	background-position: center top -1.5vw;
    height: 220px;
    text-align: center;
}

.bk2{background-color: #f6fdf6;margin-top: 60px; padding: 60px 0;}

.mt_10 {
    margin-top: 10px !important;
}

  .parent {margin: 40px 10px 40px;
    display: flex;
  }
  .left {
    order: 1;
  }
  .center {
    order: 2;
  }
  .right {
    order: 3;
  }



.f40{font-size: 40px; color: #f5a117}

.box_c{text-align: left; float: none; width: 33.3333%; background-color: #fff; padding:0px 20px 0;border-left: solid 1px #ccc;border-right: solid 1px #ccc}
.box_c img{text-align: center; float: none; width:100%;margin: 0;}
.box_c p{line-height: 1.8em;}

.box_c2{text-align: center; float: none; width: 33.3333%; background-color: #fff; padding:0px 20px 0 0;}
.box_c2 img{text-align: center; float: none; width:100%;margin-top: 10px;margin: 0;}
.box_c2 p{ line-height: 1.8em;}


.box_c3{text-align: center; float: none; width: 33.3333%; background-color: #fff; padding:0px 0 0 20px;}
.box_c3 img{text-align: center; float: none; width:100%;margin: 0px 0;}
.box_c3 p{line-height: 1.8em;}


.box_pk{background-color: #fff; padding: 0px;text-align: left; float: right;width: 70%}


a.bt_gline6{color: #489B96;background-color: #fff;padding:5px 25px 5px 10px;max-width: 220px;font-size: 13.25px;line-height: 1.3em; position: relative;display: block;text-align: left;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;border-radius:5px;margin-top: 10px;background-size: 8px}

a.bt_gline5{color: #489B96;background-color: #fff;padding:5px 20px 5px 10px;max-width: 110px;font-size: 13.25px;line-height: 1.3em; position: relative;display: block;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;border-radius:5px;margin-right: 5px;margin-top: 10px;background-size: 8px;vertical-align: middle;margin-top: 30px}

.main_box p.bt_gline5{color: #489B96;background-color: #fff;padding:5px 20px 5px 10px;max-width: 110px;font-size: 13.25px;line-height: 1.3em; position: relative;display: inline-block;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;border-radius:5px;margin-right: 5px;margin: 0px auto 15px;background-size: 8px;vertical-align: middle}

.top_menu_3 a.bt_gline5{color: #489B96;background-color: #fff;padding:5px 20px 5px 10px;font-size: 13.25px;line-height: 1.3em; position: relative;display:inline-block;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;border-radius:5px;margin: 0px auto 15px;background-size: 8px;vertical-align: middle}

.box_l_2 .box_r_l_2 a.bt_gline5{color: #489B96;background-color: #fff;padding:5px 15px 5px 10px;max-width: 110px;font-size: 1.1vw;line-height: 1.3em; position: relative;display: block;text-align: left;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;border-radius:5px;margin-right: 5px;margin-top: 30px}

.gyu{line-height: 1.35em;}

.gyu2{line-height: 0.5em;}



@media screen and (min-width: 1100px) {
  .wc{color: #fff;font-size: 12px;}
	.f19{font-size: 19px;}
  .nobr_line{display: inline-block;}
}



.box_l_2 .box_r_l_2 a.bt_gline5{color: #489B96;background-color: #fff;padding:5px 15px 5px 10px;max-width: 110px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;border-radius:5px;margin-right: 5px;margin-top: 10px}


@media screen and (max-width: 1099px) {
	.wc{color: #fff;font-size: 1.2vw;}
	.f19{font-size: 1.6vw;}
a.bt_gline6{color: #489B96;background-color: #fff;padding:5px 15px 5px 10px;max-width: 220px;font-size: 1.1vw;line-height: 1.3em; position: relative;display: block;text-align: left;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;border-radius:5px;}

a.bt_gline5{color: #489B96;background-color: #fff;padding:5px 15px 5px 10px;max-width: 110px;font-size: 1.1vw;line-height: 1.3em; position: relative;display: block;text-align: left;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;border-radius:5px;margin-right: 5px;margin-top: 2.6vw}

	.box_l_2 .box_r_l_2 a.bt_gline5{color: #489B96;background-color: #fff;padding:5px 15px 5px 10px;max-width: 110px;font-size: 1.1vw;line-height: 1.3em; position: relative;display: block;text-align: left;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;border-radius:5px;margin-right: 5px;margin-top: 1.2vw}

}




.box_l_l_2{float: left;width: 67%; margin: 20px 0;}

.box_r_l_2{float: right;width: 67%; margin: 20px 0 0; }


.box_l_s2{float: left;width: 30%;}
.box_l_s2 img{float: left;width:100%;padding-right: 10px;}

.box_r_s2{float: right;width: 30%}
.box_r_s2 img{float: left;width: 100%;padding-right: 10px;}


.f25{font-size: 25px;}

.w_2{text-align: center;padding: 30px 0px 0px;}

.r_bk{background-color: #489b5e}

.shozai_list ul li{float: left}

.g_b{color: #489b5e;font-weight: bold;}

.bt_list{text-align: center}

.bt_list ul {margin: auto;display:inline-block}

.bt_list ul li{float: left;display:inline-block;margin: 0 5px 0 5px; }

.list_corp ul li span{background-color: #2F8C44;padding:5px;margin-right: 5px;color: #fff}

.list_corp ul li img{width: 40px;margin-right: 5px;vertical-align: middle}
.list_corp ul li{font-size: 14px;color: #fff;margin-right: 20px;color: #000;float: left;vertical-align: middle;padding-top: 7px;}

.list_corp ul li.nintei{padding: 0}

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

.list_corp_box{border-top: solid 1px #ccc}

.list_corp{padding: 20px 0;border-bottom: solid 1px #ccc }

.jouken{padding: 30px 30px;background-color: #EDF5F4;margin-bottom: 20px}

.jouken p{font-size: 16px;margin: 0;padding: 0}

.jouken ul li{margin-bottom: 20px;line-height: 1.6em;font-size: 14px;word-break:normal}

.jouken ul li span{margin-right: 10px;display: inline-block}

ul.hit_number_box{margin-bottom: 40px}

ul.hit_number_box li{width: 33.33333%;float: left;text-align: center;font-size: 14px}

ul.hit_number_box li p{font-weight: bold;font-size: 15px}

ul.hit_number_box li p span{font-size: 22px;color:#489B96 }

ul.shozai_list li{float: left;margin-right: 20px;font-size: 14px;display: inline-block;height: auto;vertical-align:middle}

.g_b{color: #489b5e;font-weight: bold;}

.k ul {table-layout: fixed;}
.k li{margin-right: 35px;table-layout: fixed;}


.k2 li{margin-right: 12px;}

.k3 li{margin-right: 12px;}

.b_c2 li{float: left;}



.b_c li{float: left;width: 49%;margin-right:2%;}
.b_c li:nth-child(2){margin-right: 0}
.b_c{top: 10px;right: 0px;margin: auto;text-align: center;width: 350px}

.g2{color: #489b5e;}
.g a{color: #489b5e;}

.yg{color: #c3e2ca;}

.w{text-align: center;padding: 30px 0px;}

.bk{background-color: #f6fdf6;margin-top: 60px; padding: 60px 0;}

.b2{background-color: #f6fdf6;margin-top: 60px; padding: 60px 0;}

.r{color: #d14835;}
.r a{color: #489b5e;}

.g_box{margin: 20px 0 30px; line-height: normal; border: 1px solid #489B96;box-sizing: border-box;padding: 30px;}

.g_box a{color:#489b5e;
text-decoration:underline;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

.g_box2{margin: 20px 0 20px; line-height: normal; border: 1px solid #489B96;box-sizing: border-box;padding: 30px;}

.g_box2 a{color:#489b5e;
text-decoration:underline;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}



.pic_1 {text-align: center;}

.pic_1 img{max-width: 100%;width: 100%}

a.bt_pbk{border: solid 1px #ee2a81;color: #fff;padding:10px 20px 10px 10px;max-width: 200px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#ee2a81;}

a.bt_pbk:hover{border: solid 1px #ee2a81;background-color:#ee2a81;color: #fff;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center }

.box_l_s{float: left;width: 30%;}
.box_l_s img{float: left;width:85%;padding-right: 10px;}

.box_r_s{float: right;width: 30%}
.box_r_s img{float: left;width: 90%;padding-right: 10px;}

.box_l_l{float: left;width: 68%}

.box_r_l{float: right;width: 68%}


.box_r_s2{float: right;width: 22%}


.box_l_l2{float: left;width: 75%;vertical-align:  middle;}






.p_box{margin: 20px 0 70px; line-height: normal; border: 1px solid #ee2a81;box-sizing: border-box;padding: 25px;}


.main_box_out{margin-bottom: 40px}

ul.list_ball{
    list-style: none;
    padding:0;
    margin:0;
}
ul.list_ball li { font-size:  14px;line-height: 1.6em;margin-bottom: 20px;
    padding-left: 1em;
    text-indent: -1em;
}

ul.list_ball li i{  padding-left: 0;
    text-indent: 0;
}

ul.list_ball li:before {
    content: "●";
    color: #489B96;
}

a.word{margin: 0 0px 0 5px;color: #fff;padding: 10px;background-color: #336EB1;font-size:13px;text-decoration: none;line-height: 1em; display: inline-block}

a.pdf{margin: 0 0px 0 5px;color: #fff;padding: 10px;background-color: #E5411A;font-size: 13px;text-decoration: none;line-height: 1em; display: inline-block}

a.pdf2{margin: 0 0px 0 0px;color: #fff;padding: 10px;background-color: #E5411A;font-size: 13px;text-decoration: none;line-height: 1em; display: inline-block}

a.word i{font-size: 120%}

a.pdf i{font-size: 120%}

a.pdf2 i{font-size: 120%}

.pic {text-align: center;margin:20px auto}

.pic img{max-width: 100%;width: 80%}

.box_l{float: left;width: 48%}
.box_l_33{float: left;width: 48.1%}

.box_r{float: right;width: 48%}

.jirei_box2 .box_l{float: left;width: 48%;margin-bottom: 20px;}

.jirei_box2 .box_r{float: right;width: 48%;margin-bottom: 20px;}

.box_l_2{float: left;width: 49.5%}

.box_r_2{float: right;width: 49.5%}

.box_r_3{float: right;font-size:14px;}

a.bt_zoom i{margin-left: 10px;font-size: 120%}

a.bt_zoom{border: solid 1px #489B96;color: #489B96;padding:10px 10px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: inline-block;text-align: left;margin: 20px auto;text-decoration: none}

a.bt_zoom:hover{background-color:#489B96;color: #fff }

a.bt_gline{border: solid 1px #489B96;color: #489B96;padding:10px 20px 10px 10px;max-width: 550px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 20px auto;text-decoration: none!important;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center}

a.bt_gline:hover{background-color:#489B96;color: #fff;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center }


a.bt_gline2{border: solid 1px #489B96;color: #489B96;padding:10px 18px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: center;margin: 20px auto;text-decoration: none;}

a.bt_gline2:hover{background-color:#489B96;color: #fff;}

input.bt_gline2{border: solid 1px #489B96;color: #489B96;padding:11px 18px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: center;margin: 20px auto;text-decoration: none;background-color: #fff;width: 170px}

input.bt_gline2:hover{background-color:#489B96;color: #fff;}


a.bt_gline3{border: solid 1px #489B96;color: #489B96;padding:10px 10px 10px 30px;max-width: 110px;font-size: 14px;line-height: 1.3em; position: relative;display: inline-block;text-align: right;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_2.png);background-repeat: no-repeat;background-position:left 5px center}

a.bt_gline3:hover{background-color:#489B96;color: #fff;background-image: url(../images/arrow_w_2.png);background-repeat: no-repeat;background-position:left 5px center }


a.bt_gline4{border: solid 1px #489B96;color: #489B96;padding:10px 40px 10px 10px;max-width: 410px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: right;margin: 20px auto;text-decoration: none;background-image: url(../images/koushin.png);background-repeat: no-repeat;background-position:right 5px center}

a.bt_gline4:hover{background-color:#489B96;color: #fff;background-image: url(../images/koushin_w.png);background-repeat: no-repeat;background-position:right 5px center }



a.bt_gline i{position: absolute;top:1.5vw;right: 10px}


a.bt_gbk_3{border: solid 1px #489B96;color: #fff;padding:10px 20px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#489B96;}

a.bt_gbk_on{border: solid 1px #489B96;color: #fff;padding:10px 40px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: inline-block;text-align: left;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#489B96;text-align: left}

a.bt_gbk_of{border: solid 1px #489B96;color: #489B96;padding:10px 40px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: inline-block;text-align: left;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_g.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#fff;text-align: left}

a.bt_gbk_of:hover{border: solid 1px #489B96;color: #fff;padding:10px 40px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: inline-block;text-align: left;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#489B96;text-align: left}


a.bt_gbk_of_back{border: solid 1px #489B96;color: #489B96;padding:10px 10px 10px 40px;font-size: 14px;line-height: 1.3em; position: relative;display: inline-block;text-align: left;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_g_back.png);background-repeat: no-repeat;background-position:left 5px center;background-color:#fff;text-align: left}

a.bt_gbk_of_back:hover{border: solid 1px #489B96;color: #fff;padding:10px 10px 10px 40px;font-size: 14px;line-height: 1.3em; position: relative;display: inline-block;text-align: left;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_w_back.png);background-repeat: no-repeat;background-position:left 5px center;background-color:#489B96;text-align: left}

a.bt_gbk_1{width:20%;border: solid 1px #489B96;color: #fff;padding:10px 5px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left; margin: 0 auto; text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat; border-radius:5px; background-position:right 5px center;background:linear-gradient(to right, #2AA3DA, #6EC07E);}


a.bt_gbk{border: solid 1px #489B96;color: #fff;padding:10px 20px 10px 10px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;background-color:#489B96;}

a.bt_gbk:hover{border: solid 1px #38AC66;background-color:#489B96;color: #fff;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center }



a.bt_gbk2{border: solid 1px #489B96;color: #fff;padding:10px 18px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: center;margin: 20px auto;text-decoration: none;background-color:#489B96;}

a.bt_gbk2:hover{border: solid 1px #489B96;background-color:#489B96;color: #fff;}




a.bt_gline_01{border: solid 1px #489B96;color: #489B96;padding:10px 20px 10px 10px;max-width: 550px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 5px auto;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;}

a.bt_gline_01:hover{background-color:#489B96;color: #fff;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center }

a.bt_gline_01 i{position: absolute;top:1.5vw;right: 10px}

a.bt_gline_01 span{padding: 10px 10px 10px 40px;display: block}



a.bt_gline_02{border: solid 1px #489B96;color: #489B96;padding:20px 20px 18px 10px;max-width: 550px;font-size: 14px;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 5px auto;text-decoration: none;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 5px center;}

a.bt_gline_02:hover{background-color:#489B96;color: #fff;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center }

a.bt_gline_02 i{position: absolute;top:1.5vw;right: 10px}

a.bt_gline_02 span{padding: 10px 10px 10px 40px;display: block}


span.bt_book{background-image: url(../../hiroba/images/manual/book.png);background-repeat: no-repeat;background-position: left 0 top 12px}

span.bt_book_2{background-image: url(../../hiroba/images/manual/book.png);background-repeat: no-repeat;}

span.bt_document{background-image: url(../../hiroba/images/manual/document.png);background-repeat: no-repeat;background-position: left 0 top 12px}

span.bt_document_2{background-image: url(../../hiroba/images/manual/document.png);background-repeat: no-repeat;}

span.bt_graph{background-image: url(../../hiroba/images/manual/graph.png);background-repeat: no-repeat;background-position: left 0 top 12px}


span.bt_human{background-image: url(../../hiroba/images/manual/human.png);background-repeat: no-repeat;}


.bt_book_2:hover{background-image: url(../../hiroba/images/manual/book_w.png);background-repeat: no-repeat;}

.bt_book:hover{background-image: url(../../hiroba/images/manual/book_w.png);background-repeat: no-repeat;background-position: left 0 top 12px}

.bt_document:hover{background-image: url(../../hiroba/images/manual/document_w.png);background-repeat: no-repeat;background-position: left 0 top 12px}

.bt_document_2:hover{background-image: url(../../hiroba/images/manual/document_w.png);background-repeat: no-repeat;}

.bt_graph:hover{background-image: url(../../hiroba/images/manual/graph_w.png);background-repeat: no-repeat;background-position: left 0 top 12px}


.bt_human:hover{background-image: url(../../hiroba/images/manual/human_w.png);background-repeat: no-repeat;}





.txt_box_750_5{max-width: 780px;margin: 0px auto 60px;text-align: center;padding: 0 15px}

.txt_box_750_5 p{text-align: center;font-size: 11px}

.txt_box_750_4{max-width: 780px;margin: 0px auto;text-align: left;padding: 20px 15px;}

.txt_box_750_4 p{text-align: left}

.txt_box_750_3{max-width: 780px;margin: 0px auto 60px;text-align: center;padding: 0 15px}

.txt_box_750_3 p{text-align: left}

.txt_box_750_2{max-width: 780px;margin: 0px auto 0px;text-align: center;padding: 0 15px}

.txt_box_750_2 p{text-align: left}

.txt_box_750_1{max-width: 780px;margin: 30px auto 30px;text-align: center;padding: 0 15px}

.txt_box_750_1 p{text-align: left}

.txt_box_750_1 a{color:#489b5e;
text-decoration:underline;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}


.txt_box_750{max-width: 780px;margin: 30px auto 60px;text-align: center;padding: 0 15px}

.txt_box_750 p{text-align: left}

.txt_box_750 a{color:#489b5e;
text-decoration:underline;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}




.box_content{margin: 20px 0 50px}

/*パンくず*/
.topicpath ul li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
	font-size: 13px
}

.topicpath ul li a{color: #489B5E}

.topicpath ul li:before {

        content: " > ";
}

.topicpath ul li:first-child:before {
        /* 最初のliだけcontentを消す */
        content: none;
}



/* manual
========================================== */

h1{margin: auto;padding-top: 30px;color: #489B5E;font-size: 20px;line-height: 1.6em;
margin-bottom: 10px}


h1.kouhyou_title{margin: auto;padding-top: 30px;color: #489B5E;font-size: 20px;line-height: 1.6em;
margin-bottom: 10px}


h1 span{color: #FF8424;font-size: 70%;background-color: #FFF5C1;padding:5px 10px;border-radius: 10px;        /* CSS3草案 */
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;   /* Firefox用 */}


h2{border-top: solid 1px #489B96;color: #595757;font-size: 30px;font-weight: normal;
display: inline-block;line-height: 1.3em;
padding: 5px 20px}

.title_bar{background-image:url(../images/border_title.jpg);padding: 0 0px;background-position: bottom;background-repeat: repeat-x;margin-bottom: 20px
}

h3 {font-size: 22px;height: 100%;
	font-weight: normal;line-height: 1.3em;display: inline-block;
	border-bottom:solid 5px #489B96;color: #489B96;
	padding-bottom: 5px
	}

h4{font-size: 19px;color: #ee2a81;padding-bottom: 10px;}

h5{font-size: 16px;color: #489B96;text-align: left;font-weight: normal}

h5.archive_title{font-size: 16px;color: #000;text-align: left;font-weight: normal;margin: 0px auto 0px;font-weight: bold}

h6{background-color: #489b5e;color: #fff;text-align: center;font-size: 18px;font-weight: inherit;}


.top_img {background-image: url(../images/top_img.jpg);
background-size: cover;
height: 150px;text-align: center}


/* header ------------------------ */
#headerMenu {
	position: absolute;
	right: 0;
	top: 30px;

	height: auto;
	padding: 0.3em;
}
#headerMenu #RBox {
	width: 286px;
	text-align: right;
	font-size: 13px;
float: right;
	height: 19px;
    margin: 16px

}


@media all and (-ms-high-contrast:none) {
#headerMenu #RBox ul li a{
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

#headerMenu #LBox {
	width: 240px;
	padding: 0.75em 0 0 0;

	height: 35px;
    float: right
}
#headerMenu #RBox table td {
	text-align:left;
	vertical-align:middle;
}
#headerMenu #LBox table td.lt { border-top:solid 1px #A1A1A1; }
#headerMenu #LBox table td.lb { border-bottom:solid 1px #A1A1A1; }
#headerMenu #LBox table td.ll { border-left:solid 1px #A1A1A1; }
#headerMenu #LBox table td.lr { border-right:solid 1px #A1A1A1; }
#headerMenu #LBox table td.bg { background-color:#EFEFEF; }



#headerMenu ul {
	list-style:none;
	margin: 0;
	padding: 0;

}
#headerMenu ul li {
	display:inline;
	margin:0.2em 10px 0.2em 0px;

}
#headerMenu ul li a {
	margin:0 0.1em;
	font-size: 12px
}

#headerMenu ul li a i{color: #489B96;
}

#headerMenu input.serchbox {
	width:160px;
	height:15px;
	margin:3.5px 2px;
}
#headerMenu input.serchbtn {
	margin:5px 2px 0 0;
	font-size: 85%;
	padding: 0px 2px;
	height: 20px;vertical-align: top;line-height: 1em;
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#headerMenu input.printbtn {
}


#headerMenu #RBox2 {
	width:255px;
	float:right;
	padding:12px 0 0;
}



/* headerSubMenu ------------------ */




/* gmenu  on
========================================== */
.gn li.on {padding: 0;
border-bottom: 3px solid #489B96;
    border-image-slice: 100%;
border-image-slice: 0 0 1 0;
}





.gn li .linktop:hover {opacity: 1;transition: all 0s linear;
	border-bottom: solid 3px #489B96;}

.w h2{border-top: none;color: #595757;font-size: 5.5vw;font-weight: bold;
display: inline-block;line-height: 0em;
padding: 5px 0px;margin:40px 0 0}



.gn li .link {	opacity: 1;transition: all 0.3s linear;
padding-bottom: 2px;
}



.gn li .link:hover {opacity: 1;transition: all 0s linear;
	border-bottom: solid 3px #489B96;}

.gn li .on {opacity: 1;transition: all 0s linear;
	border-bottom: solid 3px #489B96;

}

.gn li .ontop {opacity: 1;transition: all 0s linear;
	border-bottom: solid 3px #489B96;height: 27px
}
.gn li a {line-height: 1.3em;
	display: block;
	padding: 8px 0 2px;
	text-decoration: none;
	color: #000;
	font-size: 10px;
height: 30px}


.gn li a.kouhyou {line-height: 1.3em;
	display: block;
	padding: 5px 0 5px;
	text-decoration: none;
	color: #000;
	font-size: 10px;
height: 35px}




.gn li.gnavst a {padding: 4px 0 0 ;
	font-size:9px;
	line-height:12px;
	letter-spacing:0px;
}

.gn li a span {
	font-size: 14px;
	line-height: 1.3em;

}
.gn li p {
	border-bottom: solid 1px transparent;
	}
.gn li.on p {
	border-bottom: solid 1px #98803a;
	transition: all 0.5s linear;
	}
.gn li:hover p {
	border-bottom: solid 1px #ffffff;
	transition: all 0.5s linear;
	}

/* gmenu  no
========================================== */
.gn li.no, .gn li.no:hover {
	opacity: 0.6;
}
.gn li.no p, .gn li.no:hover p{
		border-bottom: solid 4px transparent;
}
.gn li.no a{
	cursor: default;
}




/* gmenu
========================================== */

.gnw {width: 100%;
    margin-top: 20px;
    max-width: 1200px;
    margin: auto;
}
.gn {
	width: 100%;
	margin:10px 0 0;
	max-width: 1200px;
	padding-bottom: 0px;
}
.gn li {
	width: 19.85%;
	float: left;
	height: 43px;
	position: relative;
	text-align: center;
	padding: 5px 0 0;
	margin:0 auto;
display:inline;
	list-style-type:none;
	border-left:1px solid #999;

}

.gn li:last-child {margin-right: 0;padding: 5px 0 0;border-right:1px solid #999;
	}

.gn li:nth-child(2) {padding: 0px;
	height: 48px;


}





.gmenu_new {
	position: absolute;
	left: -2px;
	top: -2px;
}



/* ==================
gmenu_end
======================== */





/* ==================
title_position
======================== */

.title_position{text-align: left;
	margin-bottom:10px;
margin-top: 10px;
width: 100%;
max-width: 300px}

.title_position a img{width: 100%}

/* ==================
title_position
======================== */


/* ==================
header_border
======================== */

.border_top{width: 100%;
    height: 4px;
  background: -moz-linear-gradient(left, #2AA3DA, #6EC07E);
  background: -webkit-linear-gradient(left, #2AA3DA, #6EC07E);
  background: linear-gradient(to right, #2AA3DA, #6EC07E);}

/* ==================
header_border
======================== */



.mark{
position: absolute;
right: 0px;
}

.mark2{
position: absolute;
right: 0px;
	margin-top: 10px;
width: 135px;}


.mark img{width: 100%;max-width: 119px;display: block}

.mark2 img{width: 100%}

.copy {

	font-size: 11px;
	color: #000;
	text-align: center;
	padding: 0px 0 10px;
}






/*e-tab*/

#e-tab{margin: 0 0 70px;}
#e-tab li{float: left;
	text-align: center;
width: 19%;
margin: 0 1.25% 0 0; line-height: 47px; border: 1px solid #489B96;box-sizing: border-box;}
#e-tab li:last-of-type{margin: 0;}
#e-tab li a{text-decoration: none; display: block; text-align: center;font-size: 17px; color: #489B96;}
#e-tab li.act,#e-tab li:hover{ background: #489B96; color: #fff;}
#e-tab li:hover a{opacity: 1; color: #fff;}



#e-tab2{margin:0px;}
#e-tab2 li{float: left;
	text-align: center;
width: 20%;
height: 169px;
line-height: 1.35em; border: 1px solid #489B96;box-sizing: border-box;border-right: none;}
#e-tab2 li:nth-child(5){border-right: 1px solid #489B96 }
#e-tab2 li:last-of-type{margin: 0;}
#e-tab2 li a{text-decoration: none; display: block; text-align: center;font-size: 16px; color: #000;font-weight: normal;height: 100%}
#e-tab2 li a:hover{background-color: #E3FFF4}
#e-tab2 li img{text-align: center;margin-bottom: 10px;margin-top: 10px; margin-right: 0px;}



#e-tab3{margin:0 ;}
#e-tab3 li{float: left; box-sizing:border-box;
	text-align: center;
width: 16.6666666%;
height: 169px;
line-height: 1.35em; border: 1px solid #489B96;box-sizing: border-box;border-right: none;}
#e-tab3 li:nth-child(6){border-right: 1px solid #489B96 }
#e-tab3 li:last-of-type{margin: 0;}
#e-tab3 li a{text-decoration: none; display: block; text-align: center;font-size: 14px; color: #000;font-weight: normal;height: 100%}
#e-tab3 li a:hover{background-color: #E3FFF4}
#e-tab3 li img{text-align: center;margin-bottom: 10px;margin-top: 20px; margin-right: 0px;}





.p_nav{padding: 60px 0 90px;}
/*e-tab*/






/* ==================
footer_border
======================== */

.footer_border{border-bottom: solid 4px;
color: #489B96}



/* ==================
footer_border
======================== */



.f18_1{font-size: 18px;}









/*ここらら下は使ってないかもしれないCSS*/

.top_info_txt{font-size: 150%;color: #bb0048;}

  header {
    position: relative;
    background: #fff;
  }

  nav {
text-align: right;
	  position: relative;

	  width: 100%
  }

nav img{width: 28%;
margin-right: 20px;
margin-top: 10px}

nav#e-tab3 img{width: 38%;
margin-right: 0px;
margin-top: 20px}


  /* demo style */
  .is-fixed {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
  }

.main_box{max-width: 1100px;margin:10px auto 0}

.main_box2{max-width: 1100px;width: 100%;margin:0 auto 80px}

.pcOnly {
	display: inline-block;
}

#fader .pcOnly {
	display: block;
}


.spOnly {
	display: none;
}


#fader .spOnly {
	display: none;
}


.tabOnly{
	display:none;
}
.pctabOnly {
display: block
}


#fader .pctabOnly {
display: block
}



.tabspOnly {
	display: none;
}
.eng2{font-family: 'Times New Roman', "Hiragino Mincho Pro", "MS PMincho",serif;border-top:1px solid ;padding: 15px 50px 0; margin: 10px 0 0;}

.sp_pd{padding: 0}
body {
	width: 100%;

	background-size:contain
}



.seminar {
  border: solid 1px #00193b;
  max-width: 1000px;
  width:96%;
  margin: 0 auto 10px;
  padding: 10px 2% 10px;
  margin-top:20px;
}
.seminar h3 {
  background-color: #00193b;
  color:#ffffff;
  font-size:22px;
  padding:7px 10px 4px;
  margin-bottom:20px;
}
.seminar ul {}
.seminar ul li {
  font-size: 21px;
  text-align: center;
  margin-bottom: 10px;
  color: #000000;
  font-weight: bold;
}
.seminar p {
  float: right;
  width: 48%;
  padding: 5px 2%;
  text-align:left;
  background-color:#efefef;
  font-size: 14px;
  line-height: 1.5;
}

.seminar .fp{
	/* float:right; */
	/* width:49%; */
	background-color: #ffffff;
	padding: 10px;
	border: solid 1px #b54c4c;
}
.seminar .fp h3{
    background-color: #b54c4c;
    color: #ffffff;
    margin-bottom: 10px;
}
.seminar .fp ul{
	text-align:center;
	/* flex-wrap: wrap; */
	/* display: flex; */
}
.seminar .fp ul li{
	width: 47%;
	display:inline-block;
	padding:5px 1%;
	/* border:dotted 1px #ff0000; */
	font-size: 15px;
	text-align: left;
	background-color: #ffe4e4;
	margin-bottom: 5px;
	color: #8a0707;
}
.seminar .fp span{
	font-size:14px;
}

@media (max-width: 767px) {

.seminar {
  max-width: 800px;
  width:96%;
  padding: 10px 2% 10px;
  margin-top: 0px;
}
.seminar h3 {
  font-size:22px;
  padding:7px 10px 4px;
  margin-bottom:20px;
}
.seminar ul {width: 100%;}
.seminar ul li {
  font-size: 19px;
  text-align:left;
  margin-bottom: 10px;
}
.seminar p {
  float: right;
  width: 100%;
  padding: 5px 2%;
  text-align:left;
  background-color:#efefef;
  font-size: 13px;
  line-height: 1.5;
}
.seminar .fp ul li{
	width: 98%;}


.checkbox_new > td{
  font-size: 14px !important;
  display: inherit;
}

a.bt_gbk_1{width: 70%;}
a.bt_gbk_1{border: solid 1px #489B96;color: #fff;padding:10px 20px 10px 10px;max-width: 550px;font-size: 4vw;line-height: 1.3em; position: relative;display: block;text-align: left;margin: 10px auto;text-decoration: none;background-image: url(../images/arrow_w.png);background-repeat: no-repeat;background-position:right 5px center;background:-webkit-linear-gradient(left, #2AA3DA, #6EC07E);}



}


.w100{width: 100%}

/* headerf
========================================== */

.hdw {
	width: 100%;
/*  background: linear-gradient( #00231b, #024434);*/
	background-size: cover;

}
.hdw h1 {
	float: right;
	width: 65%;
	text-align: right;
	color: #000;
	font-size: 11px !important;
	font-weight: normal;
	margin:0 0 10px;
}
.hd {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


.hd2 {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 10px 0 10px;
	position: relative;
}


.hdw .logo {
	width: 34%;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
}

.hdw .logo img{margin-bottom: 5px}
.hdw .logo .logo_img {
	width: 100%;

	float: left;
}
.hdw .hdnav {
	width: 910px;
	float: right;
	margin-top: 0px;
}
.hdw .hdnav li {
	float: right;
	margin-left: 10px;

	/* position: relative; */
}

.bt_w100{width: 150px}
.bt_raijo{width: 460px}

.hdw .hdnav .entry:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
 background-color:#DEDBDB;transition: all 0.3s linear;
}

.hdw .hdnav .entry_sp:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
 background-color:#DEDBDB;transition: all 0.3s linear;
}

.hdw_sp .hdnav .entry_sp:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
 background-color:#DEDBDB;transition: all 0.3s linear;
}



.hdw .hdnav .entry_sp a:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
 background-color:#DEDBDB;transition: all 0.3s linear;color: #333
}

.hdw_sp .hdnav .entry_sp a:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
 background-color:#DEDBDB;transition: all 0.3s linear;color: #333
}




.hdw .hdnav .out:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
 background-color:#D0E8DB;transition: all 0.3s linear;
}

.hdw .hdnav .bt_bland:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
 background-color:#DEDBDB;transition: all 0.3s linear;
}

.hdw .hdnav .map:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
 background-color:#DEDBDB;transition: all 0.3s linear;
}

.hdw .hdnav .req:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
	opacity: 0.8;transition: all 0.3s linear;
}

.hdw .hdnav .res:hover{/*box-shadow: 0px 0px 10px 5px #ffffff;*/
	opacity: 1;transition: all 0.3s linear;
}

.hdw .hdnav li a{
	display: block;
	color:#333;
	position: relative;
	text-decoration:none;
	/* padding: 14px 0; */
	text-align: center;
	line-height: initial;
	/* max-height: 50px; */
	/* min-height: 60px; */
	font-size: 13px;
	font-family:"Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	}

.hdw .hdnav li {

	display: block;
	color:#ffffff;
	position: relative;
	text-decoration:none;
	/* padding: 14px 0; */
	text-align: center;
	line-height: initial;
	/* max-height: 50px; */
	/* min-height: 60px; */
	font-size: 13px;

	font-family:"Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;

	}

.hdw .hdnav li .raijo{margin: 12px 5px;
	padding: 5px 10px;
float: left;
color: #8D0002;
background-color: #fff;
text-shadow: none}

.raijo_txt{padding: 15px 10px;
float: left}

.bt_bkw{background-color: #fff}

.hdw .hdnav li a span{

	display: block;
}

.hdw .hdnav li.req a{
	background:url(../images/bg_req.jpg) center center no-repeat;
}
.hdw .hdnav li.res{
	background:url(../images/bg_res.jpg) center center no-repeat;
}

.res .res_title{color:#fff;
text-align: center;
margin-bottom: 10px}



 /* ******* 繝倥ャ繝€繝ｼ繝懊ち繝ｳ縺ｮ繧ｭ繝ｩ繝ｳ******* */
@-webkit-keyframes flash {
  0% { background-position: -50px -10px; }
  30% { background-position: 195px -10px; }
  100% { background-position: 195px -10px; }
}

  .flashBtn a span{
  	display:block;
  	position: relative;
  	z-index: 23;
  	opacity:0.8;
  	content:"";
  	/* width: 150px; */
  	height: 24px;
  	padding: 14px 0;
  	background: url(../images/bnr_lighting.png) -90% 0px no-repeat;
  	background-size:100px 100px;
  	-webkit-animation-duration: 5s;
  	-webkit-animation-timing-fanction: ease-in-out;
  	-webkit-animation-iteration-count: infinite;
  	-webkit-animation-name: flash;
}


.border_gray{ border: solid 1px #ccc}

.border_gr{ border: solid 1px #000}

.border_red{ border: solid 1px #FF5255 }

.border_orange{ border: solid 1px #FFAC00 }

.hdw .hdnav li.map a, .hdw .hdnav li.entry a{color: #333;text-shadow:none;}

.hdw .hdnav li.entry_sp a{color: #fff;text-shadow:none;}

.hdw_sp .hdnav li.entry_sp a{color: #fff;text-shadow:none;}


.hdw .hdnav li.map {
	width:80px;}

.hdw .hdnav li.bt_bland {
	width:120px;}

.hdw .hdnav li.map, .hdw .hdnav li.out, .hdw .hdnav li.entry {/* width:120px; */}
.hdw .hdnav li.map a, .hdw .hdnav li.out a, .hdw .hdnav li.entry a, .hdw .hdnav li.bt_bland a {padding:5px 0 ; line-height: 1.3em;
	height:16px}


.hdw .hdnav li.entry_sp a {padding:5px 0 ; line-height: 1.3em;
	height:16px}

.hdw_sp .hdnav li.entry_sp a {padding:5px 0 ; line-height: 1.3em;
	height:16px}

.hdw .hdnav li.entry {
	width:80px;}


.hdw .hdnav li.entry_sp {
	width:150px;background-color: #000}

.hdw_sp .hdnav li.entry_sp {width: 292px;

	background-color: #000}

.hdw .hdnav li.out a{color: #000;text-shadow:none;}
.hdw .hdnav li.out {
	width:100px;
}

.hdw_sp {
	display: none;
}

.hdw .hdnav li{margin-bottom: 5px}







.top_txt{
position: relative;
display: inline-block;
padding: 0 45px;
	margin: auto;

}

.top_txt:before, .top_txt:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 35px;
height: 2px;
background-color: black;
}

.top_txt:before {left:0;}
.top_txt:after {right: 0;}


/* 繝｡繧､繝ｳ
========================================== */


.mainw {
	width: 100%;
	height: auto;
	/* background-image: url(../../hiroba/images/top/mainbg.jpg); */
	position: relative;
}

.mainw .main {
	width: 100%;

	margin: 0 auto;
	position: relative;
}

.mainw .main img {
	width:100%;
}

.mainw .main .kiseki{
	text-align:center;
	margin: 78px auto 0;
	width: 660px;
}
.mainw .main .kiseki img{
width:100%;
}
.mainw .main .txt_main{
	position:absolute;
	left: 4%;
	top: 176px;
	z-index:100;
	display: none;
}
.mainw .main .mansion{
	position:relative;
	z-index:200;
	width: 536px;
	margin: 134px auto 0;
}
.mainw .main .mansion img{
	width:100%;
}
.mainw .main .min3{
	position:absolute;
	right: 1%;
	bottom: 220px;
	z-index:300;
}


/* 繝医ャ繝励€€迚ｹ蠕ｴ
========================================== */

.bt_inner{width: 100%;
margin: 20px auto;
text-align: center}

.bt_inner img{margin: 0 auto;
text-align: center}

.point_top{background-color:#064738;
	text-align: center;
	width:100%;
/*	max-width: 1300px;*/
	margin: 0 auto
}

.point_top2{
	text-align: center;
	width:100%;
/*	max-width: 1300px;*/
	margin: 0 auto;
background-color: rgba(147,210,179,0.50);
}

.point_top_copy p{color: #fff;
padding: 20px 0 0;
font-size: 35px}


.point_line{border: 2px solid #ff7200;
	width: 25%;
display: inline-block;background-color:#fff;
float: left}

.point_line_l{border: 2px solid #ff7200;
	width: 25%;
display: inline-block;background-color:#fff;
float: left}

.point_line_r{border: 2px solid #ff7200;
	width: 35%;
display: inline-block;
float: left;
background-color:#fff}

.point_line p{
font-family:"Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	font-size: 19px;padding: 15px 10px;}

.point_line_l p{
font-family:"Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	font-size: 19px;padding: 15px 10px;}

.point_line_r p{
font-family:"Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	font-size: 19px;padding: 15px 10px;}

.point_box{
	text-align: center;
	padding:20px 0px 20px 10%;
margin: 0 auto 0 ;
max-width: 1300px;
color:#ff7200}


.point_closs{
	float: left;

}

.cen_ma{margin: 0 1%}

.point_closs p{color: #fff;
	display: inline-block;

	padding: 5px 30px;
	font-size: 45px
}

.info_box{   background-color: rgba(147,210,179,0.50);
	padding: 30px 0
}

.info_title{background-image: url(../../hiroba/images/top/infobar.png);
background-repeat: repeat-x;
background-position: center;
margin: 0 auto;
width: 100%;
	text-align: center;
	max-width: 1140px
}


.info_title p{
font-family:"Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	font-size: 24px;}


.info_txt{
margin: 0 auto;
width: 100%;
	text-align: center;
	max-width: 1300px;
	padding: 30px 0 20px
}

.info_txt p{
font-family:"Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	font-size: 33px;}

.pointw {
	    width: 100%;
	    margin: 0 auto;
	    padding: 0;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    z-index: 500;
	    height: 96px;
}
/* ***************
 繝昴う繝ｳ繝郁レ譎ｯ縺ｮ繧ｰ繝ｩ繝�
 *************************************** */
.pointw {
  /* 閭梧勹繧ｰ繝ｩ繝��繧ｷ繝ｧ繝ｳ縺ｮ菴懈� */
  background: linear-gradient(to right,     rgba(0, 0, 0, 0.2),     rgba(0, 0, 0, 0.4),     rgba(0, 0, 0, 0.6),     rgba(255, 255, 255, 0.9),     rgba(0, 0, 0, 0.6),     rgba(0, 0, 0, 0.4),     rgba(0, 0, 0, 0.2)             );
  background-size: 300% 100%;
  animation: AnimationName 10s ease infinite;
}

@keyframes AnimationName {
  0% { background-position: 100% 0% }
  50% { background-position: -50% 0% }
  100% { background-position: -50% 0% }
}



.point_sp{
	display:none;
}
.point {/* background: url(../../hiroba/images/top/bg_point.png) top center repeat-x; */}
.point ul:nth-child(1) {
	width: 100%;
	max-width: 1100px;
	margin:0 auto;
	padding: 0px 0 0px;
	position: relative;
}
.point ul:nth-child(1) li {
	float: left;
	width: 33.3333%;
	text-align: center;
}
.point ul:nth-child(2) {
	width: 58%;
	max-width: 735px;
	margin: 0px auto 0;
	padding: 0px 0 0px;
	position: relative;
	top: -82px;
}
.point ul:nth-child(2) li {
	float: left;
	width: 50%;
	text-align: center;
}


.point li img{
	margin:0 auto;
	text-align: center;
	width: 100%;
}



/* 繧､繝ｳ繝輔か
========================================== */
.top .infow {margin-top: 30px;}
.infow {
	width: 100%;
	margin-top: 30px;
}


.info {
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 35px;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 40px 0;
}


.info .ttl_info {
	margin-bottom: 20px;
	text-align:center;
	color:#ffffff;
	font-size:20px;
	letter-spacing:1px;
	position:relative;
}
.info .ttl_info::after {
	content:"";
	position:absolute;
	top: 18px;
	left: 28%;
	width: 43%;
	border-bottom:solid 1px #ffffff;
}
.action{text-align: center;color: #ffffff;font-size: 51px;letter-spacing: 9px;line-height: 53px;}
.action span{
	font-size: 30px;
	letter-spacing: 6px;
}
.action span.small{
	font-size: 20px;
	letter-spacing: 0;
	display: block;
	line-height: 1;
}

.action span.yotei {
	font-size: 20px;
	letter-spacing: 5px;
}


/* 譚･蝣ｴ莠育ｴ�き繝ｬ繝ｳ繝€繝ｼ
========================================== */


.top_main{max-width: 1000px;margin: 40px auto 15px;font-family:kozuka-gothic-pr6n, sans-serif,  "Hiragino Mincho Pro", "MS PMincho", serif;
text-align: center}

.top_txt{text-align: center;
	line-height: 1em;
font-size: 30px}

.top_txt2{text-align: center;
font-size: 24px;
margin-top: 30px}


.calendar{width: 1000px;margin: 40px auto 15px;font-family:kozuka-gothic-pr6n, sans-serif, "Hiragino Mincho Pro", "MS PMincho", serif;}
.calendar p{
	text-align: center;
	font-size: 26px;
	margin-bottom: 5px;
	color: #000;
	font-weight: bold;
	border: solid 1px;
}
.calendar table{
	border-left: solid 1px #333333;
	border-top: solid 1px #333333;
	width: 100%;
}
.calendar table tr{

}
.calendar table th,.calendar table td{
		vertical-align: middle;
		padding: 3px 0;
		border-right: solid 1px #6a6a6a;
		border-bottom: solid 1px #6a6a6a;
		font-size: 18px;
		font-weight: bold;
		width: 12.5%;
		text-align:center;
		background-color: #ffffff;
}
.calendar table th{background-color: rgb(255, 255, 255);color: #ffffff;}
.calendar table th.sun{/* background-color: #FFBFBF; */color: #c00000;}
.calendar table th.sat{/* background-color: #D5E2FF; */color: #0041a3;}
.calendar table td{
	font-size: 24px;
	padding: 3px 0;
	background-color: #ffffff;
	color: #333333;
}
.calendar table td:first-child{
	font-size:18px;
}
.calendar table td.close{background-color: #e7e7e7;color: #333333;}
.calendar table td.full{background-color: #FFE1E1;color: rgb(250, 34, 0);font-size: 18px;}
.calendar table td.little{background-color: #ffffff;color: #2367c6;font-weight: bold;}
.calendar table td.able{/* background-color: #ffffff; */color: rgb(250, 34, 0);font-weight: bold;background: url(../../images/top/ico_able.png) #ffffff no-repeat center center;}

.calendar .chushaku{
	font-family: inherit;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	border: none;
	margin: 20px 0
}
.calendar .gw{
	border-top:dotted 1px #fff1af;
	border-bottom:dotted 1px #fff1af;
	margin:10px 0;
	color:#fff1af;
	text-align:center;
	padding:5px 0;
}
.calendar .gw dt{
	font-size: 18px;
}
.calendar .gw dd{

}



/* 繝輔ャ繧ｿ繝ｼ
========================================== */


.fbtn {
	width: 100%;
	margin: 0px auto;
	padding: 30px 0;
	text-align: center
}
.fbtn ul {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 30px;
}
.fbtn li {
	width:350px;
}


.fbtn li img{width: 100%}

.fbtn li.res {
	float: right;background:url(../images/bg_res.jpg) center center no-repeat;
}
.fbtn li.req {
	float: left;
	margin: 0 auto;
}
.fbtn li a{
	display: block;
	text-align:center;
	position: relative;
}
.fbtn li a span{
	display:block;
	height: 100%;
	padding: 0;
}

.fbnr {
	width: 500px;
	margin:0 auto;
	margin-bottom: 20px;
}


.fbnr .left {
	float:left;
}

.fbnr .right {
	float:right;
}


.fbtn  li.req a{
background-color:  rgba(255,28,0,0.20);
	border: solid 4px #000;
}

.fbtn  li.req a:hover{background:#FF8082;
	transition: all 0.3s linear;
	border: solid 4px #000;}

.fbtn  li.res a{
background-color:  rgba(217,180,78,0.30);
	border: solid 4px #000;
}

.fbtn  li.res a:hover{background:#CCAA56;
	transition: all 0.3s linear;
	border: solid 4px #000;}

.fbtn  li.res a{
	padding:5px;
	color:#6E0001;
	font-size: 90%
}



.fbtn  li.res a.req_bt_pd{padding:15px 10px 16px;
margin-left: 10px}

.fbtn  li.req a.req_bt_pd{padding:15px 10px}

.bt_res{background-color: #fff;
margin: 5px}

.bk_entry{background-color:  rgba(255,28,0,0.20);}

.bk_entry a:hover{background-color:  rgba(255,28,0,0.50);}

.bk_res{background-color:  rgba(217,180,78,0.30);}

.bk_res a:hover{background-color:  rgba(217,180,78,0.50);}


 /* ******* 繝輔ャ繧ｿ繝ｼ繝ｼ繝懊ち繝ｳ縺ｮ繧ｭ繝ｩ繝ｳ******* */
@-webkit-keyframes flash2 {
  0% { background-position: -150px -30px; }
  30% { background-position: 360px -30px; }
  100% { background-position: 400px -30px; }
}

  .flashBtn2 a span{
  position: relative;
  z-index: 23;
  opacity:0.7;
  content:"";
  display: block;
  background: url(../images/bnr_lighting.png) -190px 0px no-repeat;
  background-size:200px 400px;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-fanction: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: flash2;
}


.hbt a span{	display:block;
  	position: relative;
  	z-index: 23;
  	opacity:0.8;
  	content:"";
  	/* width: 150px; */
  	height: 24px;
	padding: 14px 0;}




.fnavw {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.fnavw ul {
	width: 100%;
	margin: 0 auto;
}
.fnavw ul li{
		float:left;
		width: 14.285%;
		text-align: center;
}

.fnavw ul li.map{
		/* width: 11%; */

}

.fnavw ul li a {
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
	display: block;
	padding: 15px 0;
}

.fnavw ul li.map a {
	font-size:10px;
}

.fnavw ul li a:hover,
.fnavw ul li.on a
 {
	background-color: #004a95;
}
.fnavw ul li.no a {
	color:#4d7cab;
	cursor: default;
}


footer {
	width: 100%;
	padding: 20px 0 0;
	background-color: #ffffff;


}




footer .telw {
	width: 80%;
	max-width: 1000px;
	margin: 0 auto 30px;
	padding: 10px 2%;

}

footer .footer_list{text-align: center;width: 100%;padding: 0;margin: 0}

footer .footer_list ul li{float: left;list-style: none;margin-right: 20px}
footer .footer_list ul li a{color: #000;}

footer .footer_list ul li:last-child{margin-right: 0}

footer .footer_list ul li a{text-decoration: none;font-size: 13px}

footer .footer_list ul{display: inline-block;margin: 0 auto; padding: 0}


footer .footer_logo{width: 100%;text-align: center;padding: 10px 0;margin-top: 40px;}
footer .telw .contact {float:left;margin-top: 17px;width: 100%}
footer .telw .contact p{
	font-size: 16px;
	line-height: 20px;
}
footer .telw .tel {
	width: 100%;
	margin: 0 auto;
}

footer .tel {

}

footer .tel .teltime{float: left;
margin-top: 5px
}

footer .tel .telnum {
	margin-right: 0px;
	text-align: left;
	margin-bottom: 5px;
	font-style: italic;
	float: left;
	width: 380px
}
footer .tel .telnum a{
	font-size: 50px;
	text-decoration:none;
	text-align: right;
	line-height: 1;
	color:#000000;
}
footer .tel .telnum img{
	margin-right:10px;
	margin-bottom: 6px;
	vertical-align:bottom;
	width:50px
}

footer .tel .eigyo {
	font-size: 13px;
	line-height: 16px;
	text-align:right;
}
footer .flogow {
	width: 100%;
	padding:0;
	margin-bottom: 10px;
}
footer .flogo {
	margin: 0 auto;
	width: 600px;
}

/*footer .flogo li{
	text-align:center;
}*/

footer .flogo li{
	margin-right: 30px;
	float: left;
}

footer .flogo li:last-child{
	margin-right: 0px;
}


.page_top {
	width: 70px;
	right: 20px;
	bottom: 100px;
	z-index: 9999;
	position: fixed;

}











/* 繝懊ち繝ｳ蝗槭ｊ邱壹′襍ｰ繧�
 *************************************** */
/* 謫ｬ莨ｼ隕∫ｴ�縺ｮ蜈ｱ騾壹せ繧ｿ繧､繝ｫ */
.change-border01::after,
.change-border01::before,
.change-border01__inner::after,
.change-border01__inner::before {
  background-color: #00d09c;
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
/* 蟾ｦ荳翫∈驟咲ｽｮ */
.change-border01::after {
    height: 5px;
    left: -5px;
    top: -5px;
    width: 0px;
}
/* 蜿ｳ荳九∈驟咲ｽｮ */
.change-border01::before {
  bottom: -5px;
  height: 5px;
  right: -5px;
  width: 0px;
}
/* 蟾ｦ荳九∈驟咲ｽｮ */
.change-border01__inner::after {
  bottom: -5px;
  height: 0px;
  left: -5px;
  width: 5px;
}
/* 蜿ｳ荳九∈驟咲ｽｮ */
.change-border01__inner::before {
  height: 0px;
  right: -5px;
  top: -5px;
  width: 5px;
}

/* hover */
.change-border01:hover::after,
.change-border01:hover::before {
  width: 100%;
  width: calc(100% + 5px);
}
.change-border01:hover .change-border01__inner::after,
.change-border01:hover .change-border01__inner::before {
  height: 100%;
  height: calc(100% + 5px);
}








/****
荳句ｱ､繝壹�繧ｸ蜈ｱ騾壹�繝�Φ繝励Ξ繝ｼ繝�
*******************************************/
.conw {
	width: 100%;
	min-width: 1000px;

	background-attachment: fixed;
	background-position: center -30px;
	background-size: contain;
	position: relative;
	background-repeat-y: no-repeat;

}
.top .conw{
	background-position: center -46px;
}
.con {
	width: 100%;
	padding: 0 0 40px;
	margin: 0 auto;
}
.block{
	max-width:1300px;
	width: 1000px;
	margin:0 auto;
}

.panw {
	 background-color: #fff;
	border-bottom: solid 1px #BAB1B1;
	border-top: solid 1px #BAB1B1
}

.pan {
	text-align: left;
	font-size: 11px;
	color: #000;
	padding: 5px 0;
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
}
.pan a {
	color: #000;
}

.titw {
    position: relative;
}
.tit {
	width: 96%;
	height: auto;
	margin: 0 auto;
	padding: 55px 0 55px;
	text-align: center;
}
.tit p {
	text-align: center;
	width: auto;
	margin: 0 auto;
	color: #000000;
	font-size:35px;
	letter-spacing: 5px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #ffffff;}

.tit h2{
    color:#ffffff;
    font-size:20px;
}




/****
繧ｿ繧､繝医Ν閭梧勹縺ｮ繧ｭ繝｣繝ｳ繝舌せ
*******************************************/
#particles-js{
	    width: 100%;
	    height: 318px;
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    }

.chushaku2{font-size: 12px;
	color: #333;
	line-height: 26px;}

.txt {
	font-size: 13px;
}

.chuw {
	max-width: 1200px;
	padding: 0 20px;
	margin: 40px auto 20px;
}
.chu {
	font-size: 12px;
	color: #000;
	text-align: left;
}

.chu2 {
	font-size: 12px;
	color: #000;
	text-align: left;margin: 3px 0 20px;line-height: 1.6em
}


/****
荳句ｱ､繝壹�繧ｸ蛟句挨繧ｹ繧ｿ繧､繝ｫ
*******************************************/

/****
繝�じ繧､繝ｳ逕ｨ
*******************************************/
.design{}



/****
繝励Λ繝ｳ隧ｳ邏ｰ
*******************************************/

.detail {

}
.detail .conw{
	min-width:900px;
}
.detail .con {padding-bottom: 0;padding-top: 0;}

.detail .tit {
	padding: 30px 0;
}


.detail .planw {
	max-width: 750px;
	padding: 0 0 20px;
	margin: 0 auto 30px;
}

.detail .planttl {
	text-align: left;
	width: inherit;
	padding: 5px 0.5% 5px;
	margin-bottom: 0px;

	box-sizing: border-box;

}


.detail .planttl img{width: 100%}
.detail .catch {
	width: 60%;
	margin:0 auto;
}

.detail .catch ul li {float:left;border: 1px solid #a3a3a3;width: 46.5%;margin-right:1%;margin-bottom:10px;text-align:center;padding: 10px 1% 5px;color: #073c1e;background-color:#EEFEF8;height: 46px; line-height: 1.2em}

.detail .catch ul li:nth-child(even) {
	margin-right:0;
}


.detail .planttl .typew{width: 54%;float: left;}
.detail .planttl .number{
	float: left;
	width: 150px;
	margin-right: 20px;
	text-align: center;
	color: #ffffff;
	border: 1px solid;
	font-size: 55px;
	line-height: 60px;
	padding: 10px 0px 0px 0px;
}
.detail .planttl .number span{
	font-size:28px;
	margin-left: -13px;
}

.detail .planttl .type{
	float: left;
	margin-right: 0px;
	margin-top: 20px;
	font-size: 32px;
	color: #ffffff;
}
.detail .planttl .type span{
	font-size:20px;
}
.detail .planttl .opt{
	margin-top: 10px;
	color: #ffffff;
	font-size: 18px;
	width: 580px;
	float: left;
}
.detail .oth_area {
	text-align: left;
	width: 45%;
	float: right;
	margin-top:12px;
	color: #ffffff;
	font-size: 16px;
}
.detail .oth_area span{
	font-size: 26px;
}
.detail .oth_area p{
		color: #fff4d1;
	font-size: 18px;
}
.detail .oth_area p span{
	font-size: 24px;

}

.detail .planfig {
	text-align: center;
	height: auto;
	padding: 20px 0;
	float: none;
}
.detail .planfig img {
}

.detail .detail_txt{
	width: 280px;
	float: right;
	margin-right: 30px;
	margin-top: 40px;
}
.detail .detail_txt ul{width: 220px;margin: 0 auto;}

.detail .detail_txt ul li{
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	float: left;
	margin-right: 20px;
	list-style-type: square;
	height: 100%;
}


.detail .hanrei {
	border: solid 1px #cccccc;
	width: 94%;
	margin: 10px auto 0;
	margin-bottom: 20px;
	padding: 10px;
	text-align: left;
}
.detail .hanrei img{vertical-align: middle;}
.planpay {
    width: 90%;
    margin: 10px auto 0;
    padding: 10px 3%;
    border: solid 1px #16006E;
    background-color: #FFFFF8;
}

.detail .mainarea {
	border:  solid #000 3px;
	background-image: url(../../hiroba/images/plan/bk.jpg);
	background-size: cover;
	padding-top: 25px;
}


/****
繝｢繝�Ν繝ｫ繝ｼ繝�
*******************************************/
.modelroom {

}
.modelroom .con{width:1000px;margin:auto;}
.modelroom .sec02{
}







/****
迴ｾ蝨ｰ譯亥�蝗ｳ
*******************************************/
.map .con {
	padding-top: 0px;
}

.map h3 {
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
	font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN","HG譏取悃B","�ｭ�ｳ 譏取悃",serif;
}

.map .hdw .hdnav li.out, .detail .hdw .hdnav li.out {
	display: none;
}
.map .hdw .hdnav li.map, .detail .hdw .hdnav li.map {

}


.map .fnavw, .detail .fnavw {
	/* display: none; */
}

.map .mapimg{
    text-align: center;
    margin-bottom: 30px;
}
.map .mapimg img{
width:100%;
}
.map .carnavi{
	background-color:#000000;
	color:#ffffff;
	margin-bottom: 60px;
	padding: 7px;
	font-size: 21px;
	text-align: center;
	line-height: 34px;
	letter-spacing: 2px;
}
.map .carnavi span{
	font-size:36px;
	font-weight:bold;
}
.map .carnavi small{
	font-size:16px;
}

.pribtnw {
	width: 300px;
	margin: 0 auto;
}
.pribtnw .pri {
	float: left;
}
.pribtnw .clo {
	float: right;
}




/****
迚ｩ莉ｶ讎りｦ�
*******************************************/
.outline .con{
	max-width:1300px;
	background-color:#ffffff;
}

.outline .block {
	padding-top:40px;
}

.outline .ttl_out {
	font-size: 16px;
	margin-bottom: 10px;
	color: #ffffff;
}
.table_outline  .sec01{
}
.table_outline  .notice{
	margin-bottom: 10px;
	/* padding-top: 30px; */
}
.table_outline  .notice .kokuchi{
	border: solid 1px #333333;
	color: #333333;
	float: left;
	padding: 5px 5px;
	margin-right: 1%;
	width: 9%;
	text-align: center;
	font-size:12px;
}
.table_outline  .notice .txt{
	float: left;
	width:87%;
	line-height: 1.2;
	font-size: 12px;
	color: #333333;
}
.table_outline  h3 {
	font-size: 16px;
	/* color: #ffffff; */
	margin-bottom: 10px;
	font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN","HG譏取悃B","�ｭ�ｳ 譏取悃",serif;
}
.table_outline   table {
	border-top: dotted 1px #939393;
	margin-bottom: 10px;
	width: 100%;
	margin: 0 auto;
}
.table_outline  th,.table_outline table td {
	vertical-align: middle;
	padding: 5px 0 5px 10px;
	border-bottom: dotted 1px #939393;
	font-size: 13px;
}
.table_outline   table th {
	width: 20%;
	background-color:#C5D9D1

}
.table_outline   table td {
	width: 70%;
	background-color: #ffffff;
}

.table_outline  .chu{
	color:#333333;
}


/****
繝｢繝�Ν繝ｫ繝ｼ繝�
*******************************************/
.modelroom {

}



/****
險ｭ蛯吩ｻ墓ｧ�
*******************************************/

.quality {

}
.quality .con{width: 96%;max-width: 1300px;padding: 0px 0 40px;}


.quanav{
	max-width:1150px;
	margin: 50px auto 50px;
}
.quanav li{
	float:left;
	width: 23%;
	margin-right:2%;
}
.quanav li:last-child{
	margin-right:0;
}
.quanav li a{
	text-align:center;
	display:block;
	/* font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN","HG譏取悃B","�ｭ�ｳ 譏取悃",serif; */
	font-family: "Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","繝｡繧､繝ｪ繧ｪ","Meiryo";
	color: #000000;
	text-decoration: none;
	padding:13px 0;
	border:solid 1px #fdf9f6;
	background: url(../../hiroba/images/equipment/bg_equ_title.jpg);
}

.equipment .quanav li:nth-child(1) a,
.ecology .quanav li:nth-child(2) a,
.structure .quanav li:nth-child(3) a,
.planning .quanav li:nth-child(4) a
{
	border: solid 1px #d1e1a3;
	color: #d1e1a3;
	background: none;
}


.quality .qua_box {
}
.quality .qua_box li{
	margin-bottom:30px;
}
.quality .qua_box figure{margin: 0 0 10px 0;}
.quality .qua_box figure img{
width:100%;
}

.quality .qua_box h4{
	color: #ffffff;
	/* font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN","HG譏取悃B","�ｭ�ｳ 譏取悃",serif; */
	font-family: "Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","繝｡繧､繝ｪ繧ｪ","Meiryo";
	font-size: 16px;
	margin-bottom: 5px;
}
.quality .qua_box p.txt{
	color:#ffffff;
	/* font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN","HG譏取悃B","�ｭ�ｳ 譏取悃",serif; */
	font-family: "Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","繝｡繧､繝ｪ繧ｪ","Meiryo";
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.quality .qua_box span{
	color:#ffffff;
	font-size: 11px;
	line-height: 1.2;
	padding-top: 7px;
	display: inline-block;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
.quality h2{
	font-family: 'Times New Roman', "Hiragino Mincho Pro", "MS PMincho",serif;
	padding: 10px 0 10px 20px;
	color: #ffffff;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 45px;
	letter-spacing: 7px;
	text-align:center;
}

.quality .setsumei {
	color:#ffffff;
	text-align:center;
	font-size:16px;
	margin-bottom:40px;
}

.quality h3{
	/* font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN","HG譏取悃B","�ｭ�ｳ 譏取悃",serif; */
	font-family: "Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","繝｡繧､繝ｪ繧ｪ","Meiryo";
	/* padding: 10px 0 10px 20px; */
	color: #ffffff;
	border-bottom: solid 1px #ffffff;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 0px;
}


.bt_equ{text-align: center	;max-width: 1200px;margin: 0 auto 40px}

.bt_equ ul{display: inline-block;
margin: 0 auto;
	text-align: center;
	max-width: 1300px;
width: 100%}

.bt_equ ul li{list-style: none;
width: 19.2%;
float: left}

.bt_equ ul li:nth-child(2){margin: 0 0 0 1%}
.bt_equ ul li:nth-child(3){margin: 0 0 0 1%}
.bt_equ ul li:nth-child(4){margin: 0 1% }


.bt_equ ul li a{padding: 8px 0 5px;border: 2px solid  #000;display: block; color: #000;font-size: 18px;text-decoration: none}

.bt_equ ul li a:hover{padding: 8px 0 5px;border: 2px solid  #000;display: block; color: #fff;font-size: 18px;background-color: #000}

.bt_equ ul li .on{padding:8px 0 5px;border: 2px solid  #000;display: block; color: #fff;font-size: 18px;background-color: #000}






.equipment .con{width: 100%;max-width: 1200px;padding: 0px 0 40px;}


.equipment .catch {
	color: #ffffff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin-bottom:40px;

}



.equipment .txtmidashi {
	color:#ffffff;
	font-size:16px;
}

.equipment .sec01{
	margin-bottom: 50px;
}

.equipment .sec01:last-child{margin-bottom: 0}

.equipment .sec01 .sec01_1 .left,
.equipment .sec02 .sec01_1 .left{
	float:left;
	width: 49%;
}

.equipment .sec01 .sec01_1 .right,
.equipment .sec02 .sec01_1 .right{
	float:right;
	width: 49%;
}

.equipment .sec01 .sec01_1 .right li,
.equipment .sec02 .sec01_1 .right li {
	width: 48%;
	float:left;
	margin-right: 4%;
	margin-bottom: 45px;
}


.equipment .sec01 .sec01_1 li:nth-child(2),
.equipment .sec01 .sec01_1 li:nth-child(4) {
	margin-right:0;
}


.equipment .sec01 .sec01_2 li,
.equipment .sec02 .sec01_2 li{
	float:left;
	width: 31%;
	margin-right:3.5%;
	margin-bottom: 20px;height: 470px
}
.equipment .sec01 .sec01_2 li:nth-child(3n){
	margin-right:0;

}

.equipment .sec01 .sec01_1 {
	margin-bottom: 20px;
}

.equipment .sec01_1 {
	margin-bottom: 10px;
}

.equipment .sec02{
	margin-bottom: 50px;
}

.equipment .sec02 h2 {
	margin-bottom:30px;
}

.equipment .sec02 .sec01_1 .left ul li:last-child{
	margin-right:0;
}

.equipment .sec02 .sec01_1 .right li:nth-child(2n),
.equipment .sec02 .sec01_1 .right li:last-child {
	margin-right:0;
}

.equipment .sec02 .sanmen {
	border: 1px solid #749fc5;
	box-sizing:border-box;
	padding: 1.5%;
	margin-bottom: 30px;
}

.equipment .sec02 .sanmen h4 {
	font-size: 24px;
}

.equipment .sec02 .sanmen .txt {
	font-size: 16px;
	line-height: 30px;
}

.equipment .sec02 .sanmen .left {
	width: 52%;
	float:left;
	padding-top: 10px;
}

.equipment .sec02 .sanmen .right {
	width: 45%;
	float:right;
}

.equipment .sec02 .sanmen img {
	width:100%;
}

.equipment .sec02 .eco6 {
	box-sizing:border-box;
	padding: 1.5%;
	margin-bottom: 30px;
	background-color: #ffffff;
}

.equipment .sec02 .eco6 h4 {
	font-size: 24px;
	color:#333333;
}

.equipment .sec02 .eco6 .txt {
	font-size: 16px;
	line-height: 30px;
	color:#333333;
}

.equipment .sec02 .eco6 .left {
	width: 60%;
	float:left;
}

.equipment .sec02 .eco6 .right {
	width: 37%;
	float:right;
	padding-top: 5px;
}

.equipment .sec02 .eco6 img {
	width:100%;
	border: 1px solid #cccccc;
}

.equipment .sec03 ul li{
	width:49%;
	float:left;
	margin-right:2%;
}
.equipment .sec03 ul li:nth-child(2n){
	margin-right:0;
}

.equipment .sec03 .sentaku {
	border: 1px solid #749fc5;
	box-sizing: border-box;
	padding: 1.5%;
}

.equipment .sec03 .sentaku h4 {
	font-size:14px;
}

.equipment .sec03 .sentaku .txt {
	font-size: 13px;
}

.equipment .sec03 .sentaku .left {
	width: 62%;
	float:left;
}

.equipment .sec03 .sentaku .right {
	float:right;
	width: 35%;
}
.equipment .sec03 .sentaku .right img {
	width:100%;
}

.equipment .sec03 .ecos {
	margin-bottom:30px;
}

.equipment .sec03 .ecosimg {
	background-color:#ffffff;
	padding: 0 1% 0;
	margin-bottom: 10px;
}

.equipment .sec03 .ecos img {
	width:100%;
}

.equipment .sec03 .ecos .left {
	float:left;
	width: 42%;
	padding-top: 40px;
}

.equipment .sec03 .ecos .right {
	float:right;
	width: 57%;
}

.equipment .setsu {
	background-color:#ffffff;
	margin-bottom: 20px;
}

.equipment .setsu .setsuw {
	padding:2%;
}

.equipment .setsu img {
	width:100%;
}

.equipment .setsu .ttl {
	background-color:#a38b78;
	color:#ffffff;
	text-align:center;
	font-size:25px;
	padding:1% 0;
	letter-spacing:2px;
}

.equipment .setsu ul.two {padding-bottom: 30px;}

.equipment .setsu ul.two li {
	width: 49%;
	float:left;
	margin-right: 2%;
}

.equipment .setsu ul li:last-child {
	margin-right:0;
}

.equipment .setsu h4 {
	text-align:center;
	font-size: 19px;
	border-bottom: 1px solid #333333;
	margin-bottom:20px;
	font-family: "Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	padding-bottom: 10px;
}

.equipment .setsu ul.two li .left {
	float:left;
	width:48%;
	padding-right:2%;
}

.equipment .setsu ul.two li .right {
	float:left;
	width:48%;
}

.equipment .setsu ul.four {
	padding-bottom:20px;
}


.equipment .setsu ul.four li {
	width: 23%;
	float:left;
	margin-right: 2%;
}

.equipment .setsu  .chu {
	color:#333333;
	font-size: 10px;
}





/****
讒矩€�繝ｻ繧ｻ繧ｭ繝･繝ｪ繝�ぅ
*******************************************/


.structure .con{width: 100%;max-width: 1200px;padding: 0px 0 40px;}


.structure .catch {
	color: #ffffff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin-bottom:40px;

}



.structure .txtmidashi {
	color:#ffffff;
	font-size:16px;
}

.structure .sec01{
	margin-bottom: 50px;
}

.structure .sec01:last-child{margin-bottom: 0}

.structure .sec01 .sec01_1 .left,
.structure .sec02 .sec01_1 .left{
	float:left;
	width: 49%;
}

.structure .sec01 .sec01_1 .right,
.structure .sec02 .sec01_1 .right{
	float:right;
	width: 49%;
}

.structure .sec01 .sec01_1 .right li,
.structure .sec02 .sec01_1 .right li {
	width: 48%;
	float:left;
	margin-right: 4%;
	margin-bottom: 45px;
}


.structure .sec01 .sec01_1 li:nth-child(2),
.structure .sec01 .sec01_1 li:nth-child(4) {
	margin-right:0;
}


.structure .sec01 .sec01_2 li,
.structure .sec02 .sec01_2 li{
	float:left;
	width: 31%;
	margin-right:3.5%;
	margin-bottom: 50px;height: 100%
}
.structure .sec01 .sec01_2 li:nth-child(3n){
	margin-right:0;

}

.structure .sec01 .sec01_1 {
	margin-bottom: 20px;
}

.structure .sec01_1 {
	margin-bottom: 10px;
}

.structure .sec02{
	margin-bottom: 50px;
}

.structure .sec02 h2 {
	margin-bottom:30px;
}

.structure .sec02 .sec01_1 .left ul li:last-child{
	margin-right:0;
}

.structure .sec02 .sec01_1 .right li:nth-child(2n),
.structure .sec02 .sec01_1 .right li:last-child {
	margin-right:0;
}

.structure .sec02 .sanmen {
	border: 1px solid #749fc5;
	box-sizing:border-box;
	padding: 1.5%;
	margin-bottom: 30px;
}

.structure .sec02 .sanmen h4 {
	font-size: 24px;
}

.structure .sec02 .sanmen .txt {
	font-size: 16px;
	line-height: 30px;
}

.structure .sec02 .sanmen .left {
	width: 52%;
	float:left;
	padding-top: 10px;
}

.structure .sec02 .sanmen .right {
	width: 45%;
	float:right;
}

.structure .sec02 .sanmen img {
	width:100%;
}

.structure .sec02 .eco6 {
	box-sizing:border-box;
	padding: 1.5%;
	margin-bottom: 30px;
	background-color: #ffffff;
}

.structure .sec02 .eco6 h4 {
	font-size: 24px;
	color:#333333;
}

.structure .sec02 .eco6 .txt {
	font-size: 16px;
	line-height: 30px;
	color:#333333;
}

.structure .sec02 .eco6 .left {
	width: 60%;
	float:left;
}

.structure .sec02 .eco6 .right {
	width: 37%;
	float:right;
	padding-top: 5px;
}

.structure .sec02 .eco6 img {
	width:100%;
	border: 1px solid #cccccc;
}

.structure .sec03 ul li{
	width:49%;
	float:left;
	margin-right:2%;
}
.structure .sec03 ul li:nth-child(2n){
	margin-right:0;
}

.structure .sec03 .sentaku {
	border: 1px solid #749fc5;
	box-sizing: border-box;
	padding: 1.5%;
}

.structure .sec03 .sentaku h4 {
	font-size:14px;
}

.structure .sec03 .sentaku .txt {
	font-size: 13px;
}

.structure .sec03 .sentaku .left {
	width: 62%;
	float:left;
}

.structure .sec03 .sentaku .right {
	float:right;
	width: 35%;
}
.structure .sec03 .sentaku .right img {
	width:100%;
}

.structure .sec03 .ecos {
	margin-bottom:30px;
}

.structure .sec03 .ecosimg {
	background-color:#ffffff;
	padding: 0 1% 0;
	margin-bottom: 10px;
}

.structure .sec03 .ecos img {
	width:100%;
}

.structure .sec03 .ecos .left {
	float:left;
	width: 42%;
	padding-top: 40px;
}

.structure .sec03 .ecos .right {
	float:right;
	width: 57%;
}

.structure .setsu {
	background-color:#ffffff;
	margin-bottom: 20px;
}

.structure .setsu .setsuw {
	padding:2%;
}

.structure .setsu img {
	width:100%;
}

.structure .setsu .ttl {
	background-color:#a38b78;
	color:#ffffff;
	text-align:center;
	font-size:25px;
	padding:1% 0;
	letter-spacing:2px;
}

.structure .setsu ul.two {padding-bottom: 30px;}

.structure .setsu ul.two li {
	width: 49%;
	float:left;
	margin-right: 2%;
}

.structure .setsu ul li:last-child {
	margin-right:0;
}

.structure .setsu h4 {
	text-align:center;
	font-size: 19px;
	border-bottom: 1px solid #333333;
	margin-bottom:20px;
	font-family: "Sawarabi Mincho","Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif;
	padding-bottom: 10px;
}

.structure .setsu ul.two li .left {
	float:left;
	width:48%;
	padding-right:2%;
}

.structure .setsu ul.two li .right {
	float:left;
	width:48%;
}

.structure .setsu ul.four {
	padding-bottom:20px;
}


.structure .setsu ul.four li {
	width: 23%;
	float:left;
	margin-right: 2%;
}

.structure .setsu  .chu {
	color:#333333;
	font-size: 10px;
}




/*============================
_print
============================*/
@media print {

.detail .hdw_sp,
.detail .hdw,
.detail .titimg,
.detail .fbtn,
.detail .pribtnw,
.detail .fnavw,
.detail .ftw{
 display: none !important;
}

.map .con{
	padding: 0;
}
.map .carnavi{
	margin:0;
}
.map .hdw_sp,
.map .hdw,
.map .titw,
.map .panw,
.map .fbtn,
.map .pribtnw,
.map .fnavw,
.map .ftw,
.map .copy,
.map .page_top
{
 display: none !important;
}

}



figure.snip1200 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;

  max-width: 33.3333333%;

	height: 100%;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 16px;
}
figure.snip1200 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip1200 img {
  max-width: 100%;
  position:relative;
  opacity: 0.9;

}
figure.snip1200 figcaption {
  position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 45%;
  border: 1px solid white;
  border-width: 1px 1px 0;
}
figure.snip1200 .heading {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 0;
  width: 100%;
}
figure.snip1200 h2 {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight:bold;
	text-shadow: 1px 1px 3px #000;
	font-size: 25px
}
figure.snip1200 h2 span {
  font-weight: 800;
}
figure.snip1200 h2:before,
figure.snip1200 h2:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
  top: 50%;
}
figure.snip1200 h2:before {
  left: -1000%;
}
figure.snip1200 h2:after {
  right: -1000%;
}
figure.snip1200 p {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 20px;
	font-weight: bold
}
figure.snip1200 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1200:hover img,
figure.snip1200.hover img {
  opacity: 0.25;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip1200:hover figcaption,
figure.snip1200.hover figcaption {
  top: 7%;
  bottom: 7%;
}
figure.snip1200:hover p,
figure.snip1200.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}


.bt_top{width:100%;margin: 40px auto;max-width: 1500px}

.more{width: 100%;background-color: #fff;color: #333}





.point_top_copy{max-width: 1000px;margin: 0 auto;display: inline-block;
padding: 30px 20px 5px}

.point_top_copy img{width: 100%;}

.point_top_left01 {float: left;width:200px}

.point_top_left01 p.point_top_left01_txt01{font-size: 33px;
	display: inline-block;
	border-bottom: 1px #fff solid;margin:30px 0 0;padding: 0 0 5px;
	text-align: left;
line-height: 1.3}

.point_top_left01 p.point_top_left01_txt02{
	font-size: 25px;
	text-align: left;
	display: inline-block;
line-height: 1.3;
	margin:5px 0 0;
	padding: 0}

p.point_top_kakaku{font-size: 80px;margin: 0 0 0 ;padding:10px 10px 0}

.point_top_left02 {float: left;width: 33%;text-align: center; margin: 0px 1% 0 3%;padding: 0}

.point_top_left03 {float: left;width: 3%; padding: 20px 0}

.point_top_left04 {float: left;width:40%}

.point_top_kakaku {float: left}

.point_top_tani {float: left;display: inline-block;
line-height: 1em;
margin-top: 10px}

.point_top_left04_01{float: left;width:30%}

.point_top_left04_01 p{
	color:#0b372b;
	background-color: #fff;
	border-radius: 10px;        /* CSS3闕画｡� */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome逕ｨ */
    -moz-border-radius: 10px;   /* Firefox逕ｨ */  ;
display: inline-block;;padding:15px 10px;
text-align: left;
line-height: 1em;
margin: 25px 10px 0;
font-size: 30px;
	font-weight: bold
}

.point_top_left04_02{float: left;width:27%}

.point_top_left04_02 p{line-height: 1em;
margin:15px 10px 0;
}

.point_top_left04_03{float: left;width:15%}

.point_top_left04_03 p{font-size: 80px;margin:0 10px 0;padding:10px 0}

.point_top_left04_04{float: left;width:25%}


.point_top_left04_04 p{line-height: 1em;
margin:15px 0 0;
}

.cf li a{text-decoration: none}

.yoyaku li a{text-decoration: none}




.slick-prev,
.slick-next {
  position: absolute;
display: block;

  height: 70px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
	z-index: 999;


}

.slick-prev:before {
  content: url(../../slick/prev.png);
}

.slick-next:before {
content: url(../../slick/next.png);
}


.top_info{ border-left: solid 1px #000;border-right: solid 1px #000;}

.top_info_l{
	display: inline-block;
padding:10px;
	max-width: 100px;
	text-align: center;
	height: 100%;
float: left}

.top_info_r{float: right;
	border-left: solid 1px #000;

width: 100%;
  margin-right: -100px;
  padding-right: 100px;
  box-sizing: border-box;}

.top_info_day{
	display: inline-block;
	float: left;
	width: 50px;
padding:10px}

.top_info_link{float: right;
width: 100%;
	padding: 10px 0;
  margin-right: -80px;
  padding-right: 80px;
  box-sizing: border-box;}

.top_point{margin: 0px auto;
	padding: 0;
max-width:750px;
}

.top_point ul li{float: left;
width: 23.5%;
margin-right: 2%}

.top_point ul li:nth-child(4){margin-right: 0}



.point_bk{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c7947+0,56410d+50,6b4e2c+99 */
background: #8c7947; /* Old browsers */
background: -moz-linear-gradient(top, #8c7947 0%, #56410d 50%, #6b4e2c 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8c7947 0%,#56410d 50%,#6b4e2c 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8c7947 0%,#56410d 50%,#6b4e2c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c7947', endColorstr='#6b4e2c',GradientType=0 ); /* IE6-9 */
	padding: 10px 0;border-bottom: 3px solid #8E8A68;}

.video_box{text-align: center}

.entry_info{margin: 60px auto;
font-size: 30px;
	display: inline-block;
	padding: 20px;

border-top: 1px solid #000 ;
border-bottom: 1px solid #000 }

.top_bnrbox li{float: left}
.bn_app img{max-width: 300px}




.schedule {
    max-width: 800px;
    margin: 0 auto 60px;
	padding: 0 10px;
}
.sc_ttl{
	max-width: 1280px;
	margin: 0 auto;
	background-color:#000;
	color: #FFF;
	padding:10px 0;
	font-size: 16px;
}
.schedule .sc_mark{
	font-size: 16px;
}
.schedule table{
	border-top: solid 1px #000;
    border-spacing: 0;
    width: 100%;
    box-sizing: border-box;
}

.schedule td {
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    padding: 10px 0;
    box-sizing: border-box;
    background: #fff;
	color:#000;
	text-align: center;
	font-size: 16px;
}
.schedule td:nth-child(1) {
    border-left: solid 1px #000;
}
.schedule td.sut{
	color:#2EA1CE;
}
.schedule td.sun {
	color:#DB6051;
}

.win_main{padding: 0 ;
margin: 10px 0 80px}

.win_l{float: left;
width: 52.5%}

.win_r{float: right;
width: 42.2%}

.win_l2{float: left;
width: 55.5%}

.win_r2{float: right;
width: 42.2%}


.com_l{float: left;
width: 62%}

.com_r{float: right;
width: 33%}


.com_l2{float: left;
width: 47%}

.com_r2{float: right;
width: 47%}




.securty .con {
	max-width:1200px;
}

.securty .catch {
	font-size: 40px;
	margin-bottom: 15px;
	text-align:center;
	letter-spacing: 3px;
}


.securty .catch02 {
	font-size: 28px;
	text-align: center;
}

.securty .catch02 span {
	color:#c10000;
}

.securty .txt {
	text-align:center;
	font-size:14px;
	line-height:30px;
}

.securty .sec01 {
	margin-bottom:80px;
	text-align: center;
	padding-top: 0px;
}

.securty .sec01:nth-child(7){margin-bottom: 0}

.securty .sec02 {
	text-align:center;
	margin-bottom: 50px;
}

.securty .sec03 {
	text-align:center;
	margin-bottom: 40px;
}

.securty .sec03 .catch02 {
	margin-bottom:20px;
}

.securty .sec04 {background: url(../../hiroba/images/access/metrobg.png) top center no-repeat;padding: 35px 0;margin-bottom: 40px;}

.securty .sec04 .wrap {
	width: 77%;
	margin:0 auto;
}

.securty .sec04 .catch02 {
	margin: 0 auto;
	margin-bottom: 15px;
	text-align: left;
}


.securty .sec04 .left .txt {
	width: 100%;
	text-align:left;
	float:left;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 15px;
}

.securty .sec04 .right {
	float:right;
	width: 100%;
}

.securty .sec04 .right .catch03 {
	font-size: 24px;
	text-align:center;
	width: 85%;
	margin: 0 auto;
	margin-bottom: 25px;
}

.securty .sec04 .right img {
	width:100%;
}

.securty .sec04 .right .catch02 {
	font-size:16px;
	text-align:left;
}


.securty .sec05 ul li{
	float: left;
	width: 33.3%;
	text-align:center;
	position:relative;
	padding: 0;
}

.securty .sec07 ul li:nth-child(3n){
	margin-right:0;
}
.securty .sec07 ul li:nth-child(n+4){
height:130px;
min-height:130px;


}
.securty .sec05 ul li .time{
	position:absolute;
	z-index:100;
	text-align: center;
	font-size: 37px;
	color:#ffffff;
	width: 100%;
	padding: 0;
	top: 34%;
	text-shadow: 1px 1px 3px #000000;
	font-family: 'Times New Roman', "Hiragino Mincho Pro", "MS PMincho",serif;
}
.securty .sec05 ul li .time span{
	font-size: 50px;
	line-height:1;
}


.securty ul li h5{
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}
.securty ul li h5 span{
	font-size: 37px;
	color: #bf0000;
}
.securty ul li h6{
		font-size: 18px;
		font-weight: normal;
		color: #00174c;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: solid 1px #adadad;
}


.securty .sec05 {
}

.securty .sec05 .chu {
	width:auto;
	color:#333333;
	text-align:right;
	padding: 5px;
}

.securty .sec06 {
	text-align:center;
	margin-bottom: 50px;
}

.securty .sec06 .catch02 {
	margin-bottom:30px;
}

.securty .sec07 {
	width: 80%;
	margin:0 auto;
	margin-bottom: 30px;
}

.securty .sec07 ul li{
	float: left;
	width: 31%;
	height: 150px;
	margin-right: 3%;
	text-align: left;
	position:relative;
	padding: 0;
	margin-bottom: 20px;
	text-align: center;
}

.securty .sec07 ul li p {
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

.securty .sec07 .ttl {
	background-color: #1a3d7d;
	color:#ffffff;
	text-align:center;
	padding: 15px 0;
	font-size: 25px;
	margin-bottom: 25px;
}

.securty .sec08 {width: 83%;margin: 0 auto;margin-bottom: 30px;border: 3px double #333333;padding: 2%;}

.securty .sec08 .catch02 {
	margin-bottom:15px;
}

.securty .sec08 .txt {
	margin-bottom:30px;
}

.securty .sec08 .left {
	float:left;
	margin-right: 4%;
}

.securty .chu {
	color:#333333;
	max-width:1200px;
	margin:0 auto;
}

.top_btbox{text-align: center;display: block;
margin: auto;}

ul.top_btbox li{list-style: none;float: left;margin: 10px 1%}

.securty .sec01:nth-child(6){margin-bottom: 0}

ul.sp_img{margin: 0 auto;display: inline-block;max-width: 640px;text-align: center}

ul.sp_img li{float: left;
list-style: none;
width: 48%;
margin-right: 4%}

ul.sp_img li:nth-child(2){margin-right: 0}

.border_bottom{border-bottom: 1px solid #000;}




.top_bn ul{text-align: center}

.top_bn ul li{width: 100%;
	max-width: 520px;
margin: auto;
display: inline-block}

.top_bn ul li img{max-width: 500px}

.top_bn ul li:nth-child(2){margin-right: 0}

.top_bn{margin: 40px auto;
text-align: center;
width: 100%}

.fbtn .voice{margin: 20px auto 0;text-align: center}

.fbtn .voice img{margin: auto}

.info_box_top{text-align:center}

.info_box_top img{margin: auto}




.bt_view{text-align: center;margin: 30px auto }

.bt_view a{border: solid 3px #000;background-color: #5999B2;padding: 10px 30px;color: #fff;font-size: 20px;letter-spacing: 0.1em}

.jirei_search_bt{
  border: solid 1px #489B96;
  color: #FFF;
  padding: 10px 18px;
  font-size: 15px!important;
  line-height: 20px;
  position: relative;
  display: block;
  text-align: center;
  margin: 20px auto;
  text-decoration: none;
  background-color: #fff;
  width: 100%;
  cursor: pointer;
  background-color: #489B96;
  -webkit-appearance:none;
}

.jirei_reset_bt{
  border: solid 1px #489B96;
  color: #489B96;
  padding: 11px 18px;
  font-size: 14px;
  line-height: 1.3em;
  position: relative;
  display: block;
  text-align: center;
  margin: 20px auto;
  text-decoration: none;
  background-color: #fff;
  width: 170px;
  cursor: pointer;
}

.jirei_reset_bt:hover{background-color:#489B96;color: #fff;}



 .back_search_bt{
   border: solid 1px #489B96;
   color: #489B96;
   padding: 10px 10px 10px 40px;
   font-size: 14px !important;
   line-height: 1.3em;
   position: relative;
   display: inline-block;
   text-align: left;
   margin: 20px auto;
   text-decoration: none;
   background-image: url(../images/arrow_g_back.png);
   background-repeat: no-repeat;
   background-position: left 5px center;
   background-color: #fff;
   text-align: left;
   border-radius: 0;
   font-family: inherit;
 }

 .back_search_bt:hover{border: solid 1px #489B96;color: #fff;padding:10px 10px 10px 40px;font-size: 14px;line-height: 1.3em; position: relative;display: inline-block;text-align: left;margin: 20px auto;text-decoration: none;background-image: url(../images/arrow_w_back.png);background-repeat: no-repeat;background-position:left 5px center;background-color:#489B96;text-align: left}

.current{
display: inline;
margin: 0 1px;
padding: 0;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
position: relative;
color: #fff;
background: #489B96;
font-size: 14px;
}

.nocurrent{
  color: #489B96;
display: inline;
margin: 0 1px;
padding: 0;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
position: relative;
background: #fff;
text-decoration: none;
}


.nocurrent:hover{
  display: inline;
  margin: 0 1px;
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
  color: #fff;
  background: #489B96;
}

.mark_pd_2{
  height:70px;
}

.mark_ikumen{
  padding-top:15px !important;
}

.mark_ikumen_detail{
  padding-top:1.5% !important;
}

.no_voice_photo1{
  margin-bottom: 60px;
}

.no_voice_photo2{
  margin-left: 20%;
}

.no_voice_photo_name_title1{
  margin-bottom: 0px;
}
.no_voice_photo_name_title3{
  margin-bottom: 210px;
}
.no_voice_photo_name_title3_90{
  margin-bottom: 210px;
}

.no_voice_photo_name1{
  margin-bottom: 120px;
}

.content1_photo_file{
  width: 30%;
}

.title_hosoku{
  font-size:85%;
}

.checkbox_new > tbody > tr > td{
  text-align: left;
  border: none;
  padding-right: 30px;
  padding-left: 0px;
  vertical-align: middle;
}

.db_hi{
  margin-bottom:10px!important;
}

.open_button{
  width: 100%;
  text-align: left;
  background-color: white;
  border: none;
  height: 37px;
  cursor: pointer;
  padding: 0;
  background-image: url(/practice/img_practice/icon_plus.jpg);
  background-repeat: no-repeat;
  background-position: 99% 50%;
}

.close_button{
  width: 100%;
  text-align: left;
  background-color: white;
  border: none;
  height: 37px;
  cursor: pointer;
  padding: 0;
  margin-bottom: 20px;
  background-image: url(/practice/img_practice/icon_minus.jpg);
  background-repeat: no-repeat;
  background-position: 99% 50%;
}

.choise_box{
  margin-left: 10px;
}

.interbeau_name{
  display:flex;
  align-items:center;
}

.archive_year_table{
  margin-bottom: 70px;
}

.archive_table_torikumi{
  margin-bottom: 40px;
}

/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root {
  font-family: Meiryo, sans-serif;
}

.path{
  margin-bottom: 40px;
}

.top_sentence > p,a{
  font-size: 16px;
}

.top_sentence{
  padding: 30px 30px;
    background-color: #EDF5F4;
    margin-bottom: 20px;
}

#newline_49{
  margin-top: 150px;
}

#newline_52{
  margin-top: 150px;
}

.eruboshi_jirei{
  font-size:80%;
}