@charset "utf-8";

/* ----------------
 基本
------------------- */
p.sh10{
 display: block;
 height: 10px;
 clear: both;
}

p.down{
 display: block;
 margin-left: auto;
 margin-right: auto;
 background-color: #0098db;
 font-weight: bold;
 color: #fff;
 text-align: center;
 width: 150px;
 font-size: 120%;
 padding-top: 10px;
 padding-bottom: 10px;
}
p.down a{
 color: #fff !important;
}

table.t_2{
 width: auto;
 margin-bottom: 0px;
}
table.t_2 th{
 padding: 15px;
}
table.t_2 td{
 padding: 15px;
}

/* google map 対応 */
.map_wrapper {
    max-width: 640px;
    min-width: 280px;
    margin: 0px auto 30px auto;
    padding: 4px;
    border: 1px solid #CCC;
}

.googlemap {
    min-height: 150px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* -----------------
 見出し
-------------------- */
ul.pagetitle h2{
 background: url(images/h2-bg.gif) no-repeat left 3px;
 font-size: 170%;
 font-weight: bold;
 color: #0098db;
 padding-left: 35px;
 line-height: 1.5;
}

.page h3.title,
#main h3.s_1{
 width: auto;
 padding: 7px 6px 6px 15px;
 margin-top: 40px;
 margin-bottom: 10px;
 color: #fff;
 font-size: 110%;
 font-weight: bold;
 background-color: #0098db;
  border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}

#main h3.s_2{
 width: auto;
 color: #0098db;
 font-size: 120%;
 font-weight: bold;
 border-bottom: 1px dashed #0098db;
 padding-left: 5px;
 margin-bottom: 20px;
 margin-top: 30px;
}

#main h4.s_1{
 color: #fff;
 font-size: 110%;
 line-height: 30px;
 padding-left: 20px;
 margin-top: 50px;
 margin-bottom: 10px;
 background-color: #0098db;
 display: block;
 max-width: 200px;
 min-width: 150px;
  border-radius: 15px;        /* CSS3草案 */
 -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 15px;   /* Firefox用 */
}
#main h4.s_1.long {
	max-width: 300px;
}
#main h4.s_1.long span.sp2020 {
	color: #000;
	font-size: 13px;
	position: absolute;
	top: 2px;
	right: -38%;
}
#main h4.s_1 span.sp2020 {
	color: #000;
	font-size: 13px;
	position: absolute;
	top: 2px;
	right: -55%;
}
@media screen and (max-width:640px){
	#main h4.s_1.long {
		margin-bottom: 30px;
	}
	#main h4.s_1.long span.sp2020 {
		top: inherit;
		bottom: -20px;
		right: 0;
		width: 100%;
	}
	#main h4.s_1 span.sp2020 {
		font-size: 12px;
		top: 0;
		right: -30%;
		width: 59px;
		line-height: 1.25;
	}
}
#main h4.s_h{
 margin-top: 40px;
 line-height: 27px;
 color: #0098db;
 font-weight: bold;
 border-bottom: 1px solid #0098db;
 margin-bottom: 10px;
}
#main h4.s_h span{
 float: left;
 padding-left: 10px;
 padding-right: 10px;
 margin-right: 10px;
 background-color: #0098db;
 color: #fff !important;
}
#main h4.s_3{
 display: block;
 margin-top: 40px;
 margin-bottom: 10px;
 font-size: 1.2em;
 color: #0098db;
 font-weight: bold;
 padding-left: 0px;
}

#main h4.s_4{
 display: block;
 margin-top: 40px;
 margin-bottom: 10px;
 font-size: 1.2em;
 color: #0098db;
 font-weight: bold;
 padding-left: 20px;
 background: url(images/h4-s4-bg.gif) no-repeat left 3px;
}
#main h4.s_4 span.sp2020 {
	color: #000;
	font-size: 13px;
	font-weight: normal;
}
@media screen and (max-width:640px){
	#main h4.s_4 span.sp2020 {
		display: block;
	}
}


.page #main h5{
 font-weight: bold;
}

dl.d_1{
 margin-top: 40px;
 margin-bottom: 10px;
}

dl.d_1 dt{
 padding-top: 3px;
 padding-bottom: 3px;
 margin-bottom: 15px;
 color: #0098db;
 font-size: 110%;
 font-weight: bold;
 border-bottom: 1px solid #0098db;
}
dl.d_1 dd{
 margin-bottom: 20px;
}

/* 角丸ボックス */

.box_a{
 display: block;
 margin-bottom: 30px;
 width: auto;
 padding: 13px;
 border: 1px solid #4ca4e0;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}

.box_b{
 display: block;
 margin-bottom: 30px;
 width: auto;
 padding: 13px;
 border: 1px dashed #4ca4e0;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}


/* -----------------
 home
-------------------- */

.home .group_1,
.home .group_2 {
 margin-bottom: 20px;
}
.home .group_1 h2{
 margin-bottom: 10px;
}

@media screen and (min-width: 700px) {/* 700まで */
.home #main{
 padding-top: 50px;
}

.home .group_1 .l_box{
 width: 45%;
 float: left;
 padding: 1.5%;
 background-color: #fff;
 border-radius: 15px;        /* CSS3草案 */
 -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 15px;   /* Firefox用 */
}
.home .group_1 .l_box .inner,
.home .group_1 .r_box .inner{
 min-height: 330px;
 border: 1px dashed #0098db;
 padding: 10px;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}
.home .group_1 .r_box{
 width: 45%;
 padding: 1.5%;
 float: right;
 background-color: #fff;
 border-radius: 15px;        /* CSS3草案 */
 -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 15px;   /* Firefox用 */
}
}
@media screen and (max-width: 700px) {/* 700以下 */
.home h2.n1{
 margin-top: 20px;
}

.home .group_1 .l_box{
 width: 97%;
 float: none;
 padding: 1.5%;
 margin-bottom: 20px;
 background-color: #fff;
 border-radius: 15px;        /* CSS3草案 */
 -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 15px;   /* Firefox用 */
}
.home .group_1 .l_box .inner,
.home .group_1 .r_box .inner{
 min-height: ;
 border: 1px dashed #0098db;
 padding: 10px;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}
.home .group_1 .r_box{
 width: 97%;
 padding: 1.5%;
 float: none;
 margin-bottom: 20px;
 background-color: #fff;
 border-radius: 15px;        /* CSS3草案 */
 -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 15px;   /* Firefox用 */
}

}

.home .group_2{
 width: 97%;
 float: left;
 padding: 1.5%;
 margin-bottom: 20px;
 background-color: #fff;
 border-radius: 15px;        /* CSS3草案 */
 -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 15px;   /* Firefox用 */
}
.home .group_2 .inner{
 border: 1px dashed #0098db;
 padding: 10px;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}

/* ----------------------
 pageベース
------------------------- */
#main .head{
 margin-top: 50px;
 margin-bottom: 3px;
 padding-left: 20px;
 background: url(images/head-bg.png) no-repeat 96% bottom;
}
#main .head h2 img{
 float: left;
}
#main .head h2{
 color: #fff;
 font-size: 130%;
 font-weight: bold;
 display: block;
 line-height: 40px;
}

.contentbox{
 width: auto;
 background-color: #fff;
 border-radius: 20px;        /* CSS3草案 */
 -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 20px;   /* Firefox用 */
}
/* リストスタイル */

.page ul.pagetitle{
 margin-bottom: 20px;
}

ul.pagetitle li{
 padding-top: 12px;
 padding-bottom: 6px;
 border-bottom: 1px solid #0098db;
}
ul.pagetitle li a{
 color: #0098db !important;
}
ul.pagetitle p{
 color: #0098db;
 padding-left: 35px;
}

.page .pagetitle h3{
 font-weight: bold;
 color: #0098db;
 font-size: 18px;
}
.page .pagetitle h3.ccus {
	background: url(images/icon-ccus.png) no-repeat left center/35px;
	font-weight: bold;
	color: #0098db;
	font-size: 18px;
	padding-left: 38px;
}
@media screen and (min-width: 700px) {/* 700まで*/
.contentbox{
 padding: 20px;
}

}
@media screen and (max-width: 700px) {/* 700以下*/
.contentbox{
 padding: 2.5%;
}
}

ul.number{
 margin-left: 20px;
}

ul.number li{
 list-style-type: decimal;
}

ul.kome li:before{
  content: "※";
  padding-left: ;
}

/* ----------------------
  テーブル共通
------------------------- */

@media screen and (max-width: 600px) {/* 600以下*/
.over600 table{
 width: 600px !important;
}
.over_box{
 min-width: 280px;
 overflow-x: auto;
}

}

/* ----------------------
 栃木建労について
------------------------- */

@media screen and (min-width: 700px) {/* 700まで*/
.info_tk .group .l_box{
 float: left;
 width: 48%;
}
.info_tk .group .r_box{
 float: right;
 width: 48%;
}
}

@media screen and (max-width: 700px) {/* 700以下*/
.info_tk .group .l_box{
 float: none;
 width: auto;
 text-align: center;
 margin-bottom: 15px;
}
.info_tk .group .r_box{
 float: none;
 width: auto;
 text-align: center;
}

}

/* ----------------------
 サポートトップ
------------------------- */

.maintitle li{
 padding-top: 12px;
 padding-bottom: 12px;
 border-bottom: 1px solid #0098db;
}
.maintitle li p{
 margin-left: 40px;
 color: #4ca4e0;
}


#main .tohoken {
    margin: 5% 0;
    text-align: center;
}
#main .tohoken a {
    font-size: 1.2em;
    display: block;
    width: 60%;
    margin: 0 auto;
    background: #FF491E;
    color: #fff;
    padding: 1.5%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#main .tohoken.ccus a {
	width: 80%;
}
@media screen and (max-width: 699px) {
	#main .tohoken a {
		font-size: 1em;
		width: 90%;
	}
}


/* 職能型国民年金基金 */

#main h3.sk_1a{
 line-height: 25px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 10px;
 background-color: #101177;
 color: #fff;
}
#main h3.sk_1b{
 width: 170px;
 line-height: 25px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 5px;
 background-color: #0a50a1;
 color: #fff;
 border-top-right-radius: 10px;
 -webkit-border-top-right-radius: 10px;
 -moz-border-radius-topright: 10px;
}

#main h3.sk_2a{
 line-height: 25px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 10px;
 background-color: #fd341f;
 color: #fff;
}
#main h3.sk_2b{
 width: 170px;
 line-height: 25px;
 text-align: center;
 font-weight: bold;
 margin-bottom: 5px;
 background-color: #fd341f;
 color: #fff;
 border-top-right-radius: 10px;
 -webkit-border-top-right-radius: 10px;
 -moz-border-radius-topright: 10px;
}

.box_purple{
 padding: 15px 20px 10px 20px;
 margin-bottom: 30px;
 background-color: #bbb8d2;
}
.box_beige{
 padding: 15px 20px 10px 20px;
 margin-bottom: 30px;
 background-color: #fdcdba;
}

#main h3.sk_3{
 margin-bottom: 10px;
 border-bottom: 1px solid #333;
}

p.bb,
span.bb{
 color: #0098db;
 margin-bottom: 5px;
 font-weight: bold;
 font-size: 110%;
}
p span.b2{
 font-weight: bold;
 font-size: 140%;
 color: #101177;
}

dl.dl_sn{
 margin-bottom: 20px;
}
.dl_sn dd{
 margin-left: 20px;
}

@media screen and (min-width: 700px) {/* 700まで*/
#main h3.sk_3 span{
 font-size: 190%;
 font-weight: bold;
}
.dl_sn dt{
 font-size: 130%;
 font-weight: bold;
}

.shokuno .group_1 .l_box{
 width: 33.2%;
 float: left;
}
.shokuno .group_1 .c_box{
 width: 32.5%;
 float: left;
 margin-left: 1%;
}
.shokuno .group_1 .r_box{
 width: 32.5%;
 float: right;
}

.shokuno .group_2 .l_box{
 width: 80%;
 float: left;
}
.shokuno .group_2 .r_box{
 width: 20%;
 float: right;
}

.shokuno .group_3 .l_box{
 width: 28%;
 float: left;
}
.shokuno .group_3 .r_box{
 width: 72%;
 float: right;
}
.shokuno .group_3 .pdt{
 padding-top: 17px;
}
}/* 700end */
@media screen and (max-width: 699px) {/* 700以下*/
#main h3.sk_3 span{
 font-size: 140%;
 font-weight: bold;
}
.dl_sn dt{
 font-size: 100%;
 font-weight: bold;
}

.shokuno .group_1 .l_box,
.shokuno .group_1 .c_box,
.shokuno .group_2 .l_box,
.shokuno .group_3 .l_box,
.shokuno .group_1 .r_box,
.shokuno .group_2 .r_box,
.shokuno .group_3 .r_box{
 float: none;
 text-align: center;
 margin-bottom: 10px;
}
.shokuno .group_3 .r_box{
 border-bottom: 1px solid #ccc;
 padding-bottom: 15px;
}
}/* 700以下 end */

.shokuno .group_2{
 margin-bottom: 20px;
}

.shokuno .group_3{
 margin-bottom: 10px;
}

/* -----------------
 Q&A
-------------------- */
.page .accordion dl {
    margin-bottom: 30px;
}
.accordion dd {
    display: none;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 12px;
    padding-right: 12px;
}
.accordion dd {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 12px;
    padding-right: 12px;
}
.accordion dt {
    cursor: pointer;
}
.accordion .ac-head {
    background: url("images/arrow-6e.png") no-repeat scroll right 10px top 13px #0098db;
    color: #fff;
    padding: 8px 40px 8px 8px;
}
.accordion .ac-head_2 {
    background: url("images/arrow-6d.png") no-repeat scroll right 10px top 13px #c2ecff;
    color: #333;
    padding: 8px 40px 8px 8px;
}

@media screen and (max-width: 600px) {
.accordion .ac-head {
    background: url("images/arrow-6e.png") no-repeat scroll right 10px top 13px #0098db;
    color: #fff;
    padding: 8px 50px 8px 8px;
}
.accordion .ac-head_2 {
    background: url("images/arrow-6d.png") no-repeat scroll right 10px top 13px #c2ecff;
    color: #333;
    padding: 8px 50px 8px 8px;
}
}

/* -----------------
 ダウンロード
-------------------- */
ul.d_list li{
 background: url(images/arrow-7.png) no-repeat left center;
 padding-left: 20px;
}

ul.d_list li a{
 font-weight: bold;
 color: #e29000 !important;
}

/* -----------------
 サイトマップ
-------------------- */
#sitemap_list li a{
 padding-left: 22px;
 margin-bottom: 3px;
 display: block;
 background: url(images/arrow-6.png) no-repeat left 2px;
}

ul.children {
 margin-left: 20px;
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: 1px dotted #ccc;
}
.cat-item ul{
 margin-left: 20px;
}
#sitemap_list .page_item li{
}
/* -----------------
 組合加入
-------------------- */
table.jimusho{
 width: 100%;
}


@media screen and (min-width: 600px) {
.kumiai table.jimusho th{
 width: 30%;
 font-weight: bold;
}

}

@media screen and (max-width: 600px) {
.kumiai table.jimusho td,
.kumiai table.jimusho th{
 display: block;
 width: auto;
}

.kumiai table.jimusho th{
 font-weight: bold;
 border-bottom: none;
 padding-bottom: 0;
}
}
/* -----------------
 申込みフォーム
-------------------- */
.formbox{
 padding: 5%;
 background-color: #f9f9f9;
}

.formbox dl dt{
 font-size: 100%;
 font-weight: bold;
 text-align: left;
}
.formbox dl dd{
 text-align: left;
 margin-bottom: 20px;
}

input.jusho-2{
 width: 95%;
}
.formbox .doui{
 text-align: left;
 color: #0098db;
 margin-bottom: 10px;
 font-size: 100%;
 font-weight: bold;
}

textarea{
 width: 97%;
}

/* -----------------
 リンク集
 ------------------- */

ul.links li a{
 font-size: 110%;
 font-weight: bold;
 color: #0098db !important;
}
ul.links li{
 position: relative;
 min-height: 35px;
 width: 100%;
 float: none;
 display: block;
 padding-top: 10px;
 padding-bottom: ;
 margin-bottom: 10px;
 border-bottom: 1px dashed #0098db;
}

ul.links li span{
 float: right;
 margin-top: -5px;
 display: block;
}
ul.links li span img{
 float: left;
}

@media screen and (max-width: 500px) {/* 500以下*/
ul.links li span{
 display: none;
}
}

/* -----------------
 お問い合わせ
 ------------------- */
table.contact_t{
 margin-left: auto;
 margin-right: auto;
}
table.contact_t th{
 padding: 7px;
 text-align: left;
 border-bottom: 1px solid #ccc;
}
table.contact_t td{
 padding: 7px;
 text-align: left;
 border-bottom: 1px solid #ccc;
}

.jyusho select{
 margin-top: 5px;
 margin-bottom: 5px;
}
.jyusho input{
 margin-bottom: 5px !important;
}

.wpcf7-list-item-label{
}

.wpcf7-checkbox{
}

@media screen and (min-width: 700px) {/* 700まで */
table.contact_t{
 width: 90%;
}


}

@media screen and (max-width: 699px) {/* 500以下 */
table.contact_t{
 width: 100%;
}
table.contact_t td,
table.contact_t th,
table.contact_t tr{
 display: block;
 width: auto;
}

table.contact_t th{
 background-color: #efefef;
}
}