@charset "utf-8";
/* CSS Document */

ul.category_top{margin: 50px 0 0 -2%; list-style: none; width:102%; display: flex;
 flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
ul.category_top li {width: 31.33%; margin: 0 0 40px 2%; background: #EEE; transition:all 0.25s ease-in-out;}
ul.category_top li a{display: block;}
ul.category_top li a .category_img{width: 100%; height:15%; overflow: hidden;}
ul.category_top li a .category_img img{width:100%; height:auto; transition:all 0.25s ease-in-out; overflow: hidden;}
ul.category_top li a:hover .category_img img{transform: scale(1.1,1.1); opacity: 0.8;}
ul.category_top li a p{padding: 5px 10px; color: #333; margin: 0;}
ul.category_top li a:hover{text-decoration: none; background: #CCC;}

.img_box{margin: 30px 0; width: 100%;}
.img_box img{width: 100%; height: auto;}
.about_right{text-align: right; margin-top: 30px; padding-right: 5px;}

table.profile_tbl{width: 100%; border-spacing: 0; margin: 30px 0 30px;}
table.profile_tbl th{width: 18%; border-bottom: solid 2px #009E96; padding:15px 10px; vertical-align: top; font-weight: bold;}
.en table.profile_tbl th{width: 25%;}
table.profile_tbl td{border-bottom: dotted 1px #999; padding:15px 10px;}
#map {height: 0; overflow: hidden; padding-bottom: 70%; position: relative; margin: 10px 0;}
#map iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
dl.profile_sub{margin-top: 10px;}
dl.profile_sub dt{width: 75px; float: left; font-weight: bold; padding: 10px 0 10px 20px;}
dl.profile_sub dd{padding: 10px 0 10px 95px; border-top: 1px dotted #999;}

table.history_tbl{width: 100%; border-spacing: 0; margin: 30px 0 60px;}
table.history_tbl th{width: 18%; border-bottom: solid 2px #3D9F00; padding:15px 10px; vertical-align: top; font-weight: bold;}
.en table.history_tbl th{width: 13%;}
table.history_tbl td{border-bottom: dotted 1px #999; padding:15px 10px;}

h4{background: #D7F3ED; padding: 15px; font-weight: bold; font-size: 18px; border-radius: 5px 5px 0 0; margin:40px 0 20px;}
h4 span{font-size:30px; color: #00413D; font-family: Georgia, "Times New Roman", Times, "serif";}
p.values_txt{ padding: 0 15px 0 30px; background: url(../images/bg_values_txt.png) no-repeat 8px 8px;}
p.values_txt span{font-weight: bold;}

.office_box{border: 1px solid #d6e2e0; border-radius: 5px; margin: 0 0 40px;}
.office_box>h4{margin: 0;}
.office_photo{width: 30%; min-width: 180px; padding: 15px; float: left; margin: 0 2% 0 0;}
.office_photo img{width:100%; height: auto;}
.office_data p{margin: 15px 0;}
.btn_map{ margin-bottom: 20px;}
.btn_map a{background: url(../images/icon_map.png) no-repeat 10px 50% #009E96; padding: 4px 10px 5px 30px; border-radius:10px; font-size: 11px; color: #FFF; transition:all 0.25s ease-in-out;}
.btn_map a:hover,.btn_map a:focus{background: url(../images/icon_map.png) no-repeat 10px 50% #4BB500; text-decoration: none;}

ul#policy_list{list-style: none; border-top: 1px dotted #DDD;}
ul#policy_list li a{display: block; padding: 15px 0 15px 30px; background: url(../images/bg_values_txt.png) no-repeat 5px 50%; font-size: 15px; border-bottom: 1px dotted #DDD; transition:all 0.25s ease-in-out;}
ul#policy_list li a.bodernone{border-bottom:none; padding-bottom:0; background: url(../images/bg_values_txt.png) no-repeat 5px 75%;}
ul#policy_list li ul li{list-style: none;}
ul#policy_list li ul li a{display: block; padding: 5px 0 5px 35px; background:none; font-size: 14px; border-bottom: 1px dotted #DDD; transition:all 0.25s ease-in-out;}
ul#policy_list li a:hover, ul#policy_list li a:focus{ background: url(../images/bg_values_txt.png) no-repeat 5px 50% #F7F7F7; text-decoration:none; }
ul#policy_list li a:hover.bodernone,ul#policy_list li a:focus.bodernone{border-bottom:none; padding-bottom:0; background: url(../images/bg_values_txt.png) no-repeat 5px 75%;}
ul#policy_list li ul li a:hover,ul#policy_list li ul li a:focus{display: block; padding: 5px 0 5px 35px; background:none; font-size: 14px; border-bottom: 1px dotted #DDD; transition:all 0.25s ease-in-out;}


dl.privacy_flo dt{width: 125px; float: left;}
dl.privacy_flo dd{margin-left: 125px;}
p.indent15{text-indent:-1.5em; padding-left:1.5em; line-height: 1.9;}
.indent01{text-indent: -1em; padding-left: 2em;}
ul.sub_list{list-style: url(../images/listmark_sub.png); margin:0 0 15px 20px; padding: 0;}
ul.sub_list li{margin:0; padding: 0 0 5px;}
.torikumi{border: 1px solid #333; padding: 2px;}

.health{margin: 40px 0 0;}

.img_brochure_box{width:50%; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); float: left; border: 1px solid #CCC; margin-right: 30px;}
.img_brochure_box img{width:100%; height: auto;}
.brochure_title{font-size: 20px; font-weight: bold; border-bottom: 1px solid #009e96; padding:0 0 3px 0;}

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

ul.category_top{margin: 20px 0 0; list-style: none; width:100%;}
ul.category_top li{width:100%; margin: 0 0 15px 0; background: #EEE;}
ul.category_top li a{margin: 0; background: #EEE; transition:all 0.25s ease-in-out;}
ul.category_top li a p{padding: 5px 10px; color: #333; font-size: 14px; text-align: center;}
ul.category_top li a:hover{text-decoration: none; background: #CCC;}

.about_right{margin-top: 15px;}

table.profile_tbl,table.history_tbl{margin: 20px 0 40px;}
table.profile_tbl th,table.history_tbl th{padding:5px; white-space: nowrap;}
.en table.profile_tbl th,table.history_tbl th{ white-space: wrap;}
table.profile_tbl td,table.history_tbl td{padding:5px;}
dl.profile_sub dt{width:100%; white-space: nowrap; float:none; padding: 5px 0 0 15px; border-top: 1px dotted #999;}
dl.profile_sub dd{padding:0 0 5px 15px; border-top:none;}

h4{ padding: 10px; font-size: 14px; margin:20px 0 10px;}
h4 span{font-size:24px;}
p.values_txt{ padding: 0 10px 0 24px; background: url(../images/bg_values_txt.png) no-repeat 4px 6px;}

.office_box{ margin: 0 0 20px;}
.office_photo{width:40%; min-width:inherit; padding:3%; float: left; margin:0;}
.office_data p{margin: 3% 2% 0 0;}
.btn_map{ margin:1% 0 20px 3%;}

ul#policy_list li a{ padding: 10px 0 10px 24px; background: url(../images/bg_values_txt.png) no-repeat 5px 15px; font-size: 14px;}
ul#policy_list li a:hover, ul#policy_list li a:focus{ background: url(../images/bg_values_txt.png) no-repeat 5px 15px #F7F7F7;}

dl.privacy_flo dt{width: 105px; float: left;}
dl.privacy_flo dd{margin-left: 105px;}

.health{margin: 20px 0 0;}

.img_brochure_box{width:86%; float:none; margin:20px auto;}
.img_brochure_box img{width:100%; height: auto;}
.brochure_title{font-size: 18px; font-weight: bold; border-bottom: 1px solid #009e96; padding:0 0 3px 0; margin: 20px 0 0;}
.brochure_txt{text-align: center; font-size: 15px; line-height: 1.8;}

}