@charset "UTF-8";
#side_bar .sec01 { border: 1px solid #dcdcdc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 5px 12px; margin-bottom: 20px; }

#side_bar .sec01 .block01 { text-align: center; margin-bottom: 20px; }

#side_bar .sec01 .block01 h3 { padding: 10px 0; }

#side_bar .sec01 .block01 ul li { border: 2px dashed #dcdcdc; margin: 10px 0; }

#side_bar .sec01 .block01 ul li a { color: #3d90cf; display: block; padding: 10px 0; text-decoration: none; font-size: 16px; font-weight: bold; background-color: #FFF; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }

#side_bar .sec01 .block01 ul li a:hover { background-color: #f0f5f9; }

#side_bar .sec01 .block02 { padding-top: 10px; }

#side_bar .sec01 .block02 h3 { text-align: center; }

#side_bar .sec01 .block02 .list_br { padding-top: 20px; }

#side_bar .sec01 .block02 .list_br li { background: url(../common_img/cm_ico.png) no-repeat center left 8px #f0f5f9; border: 1px solid #afc2d1; padding-left: 30px; margin-bottom: 10px; }

#side_bar .sec01 .block02 .list_br li a { font-size: 16px; font-weight: bold; display: block; padding: 10px 0; text-decoration: none; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }

#side_bar .sec01 .block02 .list_br li a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }

#side_bar .sec02 {
	background: url(../common_img/cm_bg01.fw.png) no-repeat center top;
	text-align: center;
	margin-bottom: 20px;
}

#side_bar .sec02 h3 { padding: 15px 0; }

#side_bar .sec02 .list_style { padding-bottom: 5px; }

#side_bar .sec02 .list_style li { padding-bottom: 10px; }

#side_bar .sec03 { border: 1px solid #dcdcdc; text-align: center; }

#side_bar .sec03 h3 { padding: 15px 0; }

#side_bar .sec03 .bnr li { padding-bottom: 10px; }

h3.title { padding: 0 0 5px 20px; margin-bottom: 30px; font-size: 20px; border-bottom: 1px solid #2c6896; position: relative; }

h3.title:before { content: ""; background-color: #2c6896; width: 6px; height: 25px; position: absolute; left: 0; }

.page_product .in_sec { border: 1px solid #dcdcdc; border-top: 5px solid #2c6896; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px; margin-bottom: 20px; }

.page_product .in_sec dl { margin-bottom: 20px; }

.page_product .in_sec dl dt { color: #3d90cf; float: left; padding: 10px 0 10px 0; }

.page_product .in_sec dl dd { font-weight: bold; font-size: 18px; padding: 5px 0 10px 0; border-bottom: 1px solid #dcdcdc; }

.page_product .pro_box { display: table; }

.page_product .pro_img { display: table-cell; padding-right: 25px; vertical-align: top; }

.page_product .text { display: table-cell; vertical-align: top; }

.page_product .block02 { margin-bottom: 60px; }




.page_works .block01 { margin-bottom: 60px; }

.page_works .block01 h4 { font-size: 19px; margin-bottom: 20px; font-weight: normal; }

.page_works .block01 h4 span { font-size: 20px; font-weight: bold; display: block; }

.page_works .block02 .info { width: 445px; min-height: 222px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: justify; position: relative; }

.page_works .block02 .info h4 { font-weight: bold; font-size: 15px; margin-bottom: 20px; }

.page_works .block02 .info h4 span { display: block; font-weight: normal; font-size: 20px; }

.page_works .block02 .info.pull_l { padding-right: 60px; border-right: 1px solid #2c6896; }

.page_works .block02 .info.pull_l:before { content: ""; background: url(../works/images/ico_img_r.png) no-repeat center top; width: 47px; height: 9px; position: absolute; right: 0; top: 50%; }

.page_works .block02 .info.pull_r { padding-left: 60px; border-left: 1px solid #2c6896; }

.page_works .block02 .info.pull_r:before { content: ""; background: url(../works/images/ico_img_l.png) no-repeat center top; width: 47px; height: 9px; position: absolute; left: 0; top: 50%; }

.page_charm p { text-align: justify; }

.page_charm .block .info { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.page_charm .block .info.pull_l { border-right: 1px solid #2c6896; width: 386px; }

.page_charm .block .info.pull_l h3 { font-weight: normal; font-size: 22px; padding: 0 0 15px 50px; margin-bottom: 20px; border-bottom: 1px solid #2c6896; }

.page_charm .block .info.pull_l h3.num01 { background: url(../charm/images/number01.png) no-repeat top left; }

.page_charm .block .info.pull_l h3.num02 { background: url(../charm/images/number02.png) no-repeat top left; }

.page_charm .block .info.pull_l h3.num03 { background: url(../charm/images/number03.png) no-repeat top left; }

.page_charm .block .info.pull_l h3.num04 { background: url(../charm/images/number04.png) no-repeat top left; }

.page_charm .block .info.pull_l h3 span { display: block; font-weight: bold; }

.page_charm .block .info.pull_r { border-left: 1px solid #2c6896; width: 385px; }

.page_charm .block .info.pull_r h3 { font-weight: normal; font-size: 22px; padding: 0 0 15px 75px; margin-bottom: 20px; border-bottom: 1px solid #2c6896; }

.page_charm .block .info.pull_r h3.num01 { background: url(../charm/images/number01.png) no-repeat top left; }

.page_charm .block .info.pull_r h3.num02 { background: url(../charm/images/number02.png) no-repeat top left 20px; }

.page_charm .block .info.pull_r h3.num03 { background: url(../charm/images/number03.png) no-repeat top left; }

.page_charm .block .info.pull_r h3.num04 { background: url(../charm/images/number04.png) no-repeat top left 20px; }

.page_charm .block .info.pull_r h3 span { display: block; font-weight: bold; }

.page_charm .block .pic_r { position: relative; float: right; }

.page_charm .block .pic_r:before { content: ""; background: url(../charm/images/ico_r.png) no-repeat left center; width: 35px; height: 9px; position: absolute; top: 50%; left: -35px; }

.page_charm .block .pic_l { position: relative; float: left; }

.page_charm .block .pic_l:before { content: ""; background: url(../charm/images/ico_l.png) no-repeat right center; width: 35px; height: 9px; position: absolute; top: 50%; right: -35px; }

.page_charm .block .dotted { position: relative; }

.page_charm .block .dotted:before { content: ""; background: url(../charm/images/dotted.png) no-repeat; width: 9px; height: 9px; position: absolute; bottom: 0; left: -5px; }

.page_company h4 { color: #3d90cf; font-weight: bold; font-size: 24px; margin-bottom: 20px; }

.page_company .block01 { margin-bottom: 60px; }

.page_company .block01 .pic_r { float: right; width: 353px; margin-left: 30px; }

.page_company .block01 .pic_r .text { padding-top: 15px; text-align: center; }

.page_company .block01 .pic_r .text span { font-weight: bold; font-size: 16px; }

.page_company .block02 { margin-bottom: 60px; }

.page_company .block03 { margin-bottom: 60px; }

.page_company .block03 .sec { border: 1px solid #afc2d1; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #f0f5f9; margin-bottom: 20px; }

.page_company .block03 .sec h5 { background-color: #2c6896; padding: 5px 10px; color: #FFF; font-weight: bold; font-size: 16px; margin-bottom: 10px; }

.page_company .block03 .sec p span { display: block; font-weight: bold; padding-bottom: 5px; }

.page_company .block04 { margin-bottom: 60px; }

.page_company .block04 .tb_style { width: 100%; }

.page_company .block04 .tb_style tr { border-bottom: 1px solid #dcdcdc; }

.page_company .block04 .tb_style tr th { text-align: left; padding: 20px 0; width: 130px; }

.page_company .block04 .tb_style tr td { padding: 20px 0; }

.page_company .block04 .tb_style tr td span { display: block; font-weight: bold; }

.page_company .block05 .address { width: 260px; }

.page_company .block05 .address span { display: block; font-weight: bold; }

.page_recruit h4 { color: #3d90cf; font-weight: bold; font-size: 24px; margin-bottom: 20px; }

.page_recruit p { color: #3d90cf; font-weight: bold; font-size: 24px; margin-bottom: 20px; }


.page_recruit .block01 { margin-bottom: 60px; }

.page_recruit .block01 h7 { color:#000 ; font-weight: bold; font-size: 20px; margin:20px 0px 10px 0; }

.page_recruit .block02 { margin-bottom: 60px; }

.page_recruit .block02 .tb_style { width: 100%; }

.page_recruit .block02 .tb_style tr { border-bottom: 1px solid #dcdcdc; }

.page_recruit .block02 .tb_style tr th {
	text-align: left;
	padding: 10px 0;
	width: 130px;
}

.page_recruit .block02 .tb_style tr td {
	padding: 10px 0;
}

.page_recruit .block02 .tb_style tr td span { display: block; font-weight: bold; }

.page_recruit .block03 .bnr { position: relative; padding-bottom: 20px; }

.page_recruit .block03 .bnr .box_txt { position: absolute; top: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 180px; height: 180px; background-color: #2c6896; display: table; }

.page_recruit .block03 .bnr .box_txt p { display: table-cell; vertical-align: middle; font-style: italic; font-size: 15px; text-align: center; color: #FFF; }

.page_recruit .block03 .bnr .box_txt p span { display: block; font-weight: bold; color: #FFF; font-size: 18px; }

.page_recruit .block03 .bnr .box_txt.b2 { right: 0; }

.page_recruit .block03 h5 { font-size: 24px; padding-bottom: 5px; font-weight: normal; }

.page_recruit .block03 h6 { color: #2c6896; font-weight: bold; font-size: 18px; }

.page_contact .box_tit { background: url("../images/banner.jpg")no-repeat center top; height: 250px; }

.page_contact .box_tit .txt { font-size: 24px; text-align: center; padding: 30px 0 10px 0; }

.page_contact .box_tit ul li { font-size: 24px; padding: 0 15px; }

.page_contact .box_tit ul li span { font-family: 'Roboto', sans-serif; font-size: 46px; margin-left: 10px; }

.page_contact a { color: #0053b1; }

.page_contact span.hissu { display: inline-block; width: 40px; font-weight: bold; text-align: center; background-color: #d02a22; color: #FFF; margin-right: 10px; font-size: 14px; }

.page_contact span.ninni { display: inline-block; width: 40px; font-weight: bold; text-align: center; background-color: #2c6896; color: #FFF; margin-right: 10px; font-size: 14px; }

.page_contact caption, .page_contact .tit { background-color: #e5e5e5; padding: 10px 20px; font-size: 16px; font-weight: bold; text-align: left; }

.page_contact .tb_style { width: 100%; border: 1px solid #dcdcdc; }

.page_contact .tb_style.bd_n { border: none; }

.page_contact .tb_style .w455 { width: 455px; }

.page_contact .tb_style .list01 li { margin: 0 20px 0 20px; }

.page_contact .tb_style .list02 li { float: left; }

.page_contact .tb_style [textarea] { padding: 20px; }

.page_contact .tb_style tr { border-bottom: 1px solid #dcdcdc; }

.page_contact .tb_style tr:last-child { border-bottom: none; }

.page_contact .tb_style tr th { width: 23%; text-align: left; padding: 20px 0; vertical-align: middle; }

.page_contact .tb_style tr td { padding: 20px 10px 20px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; }

.page_contact .tb_style tr td input[type="text"] { padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.page_contact .tb_style tr td select { padding: 8px; background: #fff; border: 1px solid #999999; }

.page_contact .bd_tb { border: 1px solid #dcdcdc; padding: 0 20px 20px 20px; }

.page_contact .block .box_blue { background-color: #f0f5f9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px; overflow: auto; height: 315px; margin-bottom: 20px; }

.page_contact .block .box_blue span { display: block; color: #2c6896; font-weight: bold; font-size: 16px; }

.page_contact .block .box_blue dl dt { font-weight: bold; }

.page_contact .block .box_blue dl dd { padding-bottom: 5px; }

.page_contact .block span { display: block; font-weight: bold; }

.page_contact .form_btn_style { font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif; color: #fff; padding: 15px 0; width: 300px; border: none; font-size: 16px; font-weight: bold; background: #3c90d0; }

.botan{
	text-align: center;
	margin: 10px;
}

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

table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}

.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}