@charset "utf-8";
/* CSS Document */
@import url(../../sub.css);


/* contents */




#sub5_contents {width : 95%; margin : 0 auto;}
#sub5_contents img { width : 100%; display : block;}

#sub5_contents p{font-size:0.8em; margin-bottom:5%; color:#777777; text-align:left; line-height:1.6em;}


.sub5_title1 {width : 15.894%; margin-bottom : 3%;}
.sub5_title2 {width : 31.1277%; margin-bottom : 3%;}
.sub5_title5_2 {width : 22.786%; margin-bottom : 3%;}
.sub5_title5_3 {width : 21.1475%; margin-bottom : 3%;}


.sub5_1{margin-bottom : 3%; text-align :left;}
.dott {display : block; padding-left : 2.3%; background : url(../images/dott.png) no-repeat 0 50%; background-size : 1.311%; color :#08c3cc; font-size : 0.8em; font-weight : bold; margin-bottom : 2%;}
.dot_pa {display : block; padding-left : 2.5%; font-size:0.8em; margin-bottom:5%; color:#777777; text-align:left; line-height:1.5em;}

.sub5_1.last {margin-bottom : 7%;}

 {}
.sub5_title4{margin-bottom : 3%;}
.sub5_title4 img {display : block; width : 100%;}

.slidearea{position :relative; padding: 3% 11%; border : 1px solid #dcdcdc; margin-bottom : 5%;}
.slide {width : 100%; overflow : hidden;}
.slide ul {width :800%; margin-left : -100%;}
.slide ul li { float : left; width : 12.5%;}


.arrow span {position : absolute; display : block; width : 8.03%; cursor : pointer; top : 43%;}
.left {left : 1%;}
.right {right : 1%;}


.btnbox{margin-bottom : 0.1%;}

.s_btn4 , .s_btn8{margin-right : 0!important;}

.btnbox1{margin-top : 1%;}
.btnbox>span { position : relative; display: block; width : 24.2%; margin-right : 1%; float : left;padding : 7% 0  6%; margin-bottom : 1%;}
.btnbox>span>span{position :absolute; top : 0; left : 0; display : block;padding:23% 46.5%;}
.btnbox>span.active>span {display : block; border : 3px solid #08c3cc;}
.s_btn4 {padding-bottom : 0.7%;}

.btnbox>span.s_btn1{background : url(../images/s_btn1.png) no-repeat; background-size : 100%;}
.btnbox>span.s_btn2{background : url(../images/s_btn2.png) no-repeat; background-size : 100%;}
.btnbox>span.s_btn3{background : url(../images/s_btn3.png) no-repeat; background-size : 100%;}
.btnbox>span.s_btn4{background : url(../images/s_btn4.png) no-repeat; background-size : 100%;}
.btnbox>span.s_btn5{background : url(../images/s_btn5.png) no-repeat; background-size : 100%;}
.btnbox>span.s_btn6{background : url(../images/s_btn6.png) no-repeat; background-size : 100%;}
.btnbox>span.s_btn7{background : url(../images/s_btn7.png) no-repeat; background-size : 100%;}
.btnbox>span.s_btn8{background : url(../images/s_btn8.png) no-repeat; background-size : 100%;}


.sub5_3 {position :relative;}
.sub5_3 .link_5_4{position : absolute; display : block; width : 67%; height : 10%; bottom : 25%; left : 17%;}

.sub5_btnbox {width : 100%; text-align :center; margin-top : 3%;}
.sub5_btnbox a { display : inline-block; width : 19.672%; margin-right : 6.72%;}


.map {position : relative; width : 100%; background : url(../images/map_bg.png) no-repeat; background-size: 100%; height : 242px; margin-bottom : 5%;}

#map_canvas {position : relative; width : 95%; left: 2.5%; height : 95%; top : 2.5%;}
.sub5_3 { margin-bottom : 5%;}

/* cus5.php */
.area_cnt{margin-bottom:40px}
.tit_cus5{margin-bottom:20px;font-size:14px;line-height:14px;font-weight:400;color:#6c6c5e}
.tit_cus5 .num_slant{font-size:20px;font-weight:700;color:#08c3cc}
.tit_cus5 .bold{font-size:14px;font-weight:700}
.cnt_cus5 strong, .cnt_cus5 span{display:block;letter-spacing:-0.05em;}
.cnt_cus5 strong{margin-bottom:4px;font-size:1em;line-height:18px;font-weight:700;color:#ff8a00}
.cnt_cus5 span{margin-bottom:20px;font-size:0.8em;line-height:16px;color:#838a92}

/* cus6.php */
.tit_table{padding:0 0 0 16px;margin:0 0 20px 0;font-size:1em;color:#08c3cc;font-weight:400;background:url("/sub/images/lmenu_list.png") no-repeat 0 50%}
.blind{font-size:0px;line-height:0px;position:absolute;top:0px;left:-9999px;text-indent:-9999px}

.area_table table{width:100%}
.area_table tbody{border:1px solid #dadada;border-top:2px solid #08c3cc;}
.area_table tbody tr{height:40px}
.area_table tbody tr th, tbody tr td{font-size:0.8em;letter-spacing:-0.05em;color:#4e4e4e;border:1px solid #dadada}
.area_table tbody tr th{width:30%;padding-left:2%;font-weight:400;text-align:left;background:#f0f0f0}
.area_table tbody tr td{width:70%;padding-left:3%}

.txt_note{height:60px;margin:7px 0 0 0;text-align:right}
.txt_note span{display:block;font-size:0.8em;letter-spacing:-0.05em;color:#ff8a00}
@media all and (max-width:480px){
	.area_table tbody tr th{width:40%}
	.area_table tbody tr td{width:60%}
}