@charset "UTF-8";
/*サイト全体専用のスタイル*/
body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color: #333;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	background: #fff;
	margin:0;
	padding: 0;
	width:100%;
}
* html body{  
    overflow: hidden;  
}
.wrap {overflow: hidden;}

select, input, button, textarea, button {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}
a:link {
	color: #0265ca;
	text-decoration: underline;
}
a:visited {
	color: #0265ca;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: none;
}
a[name]:link, a[name]:visited, a[name]:hover, a[name]:active {
	color: #333;
	text-decoration: none;
}
a:hover img,a:active img{
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.70; /* Firefox CSS3以前 */
opacity:0.70; /* CSS3 */
}
.heder-nav a:link{
	text-decoration: none;
}
p, li, dd, td {
	text-align: justify;
	text-justify: inter-ideograph;
}
img {
	border : none;
	vertical-align: bottom;
}

select, input, textarea, option {
	vertical-align: middle;
}
.border {border: 1px solid #ccc;}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
header {
	padding: 0;
    /* background: #fff; */
    color: #fff;
    font-size: 12px;
    /* box-sizing: border-box; */
    /* position: relative; */
    /* z-index: 9999; */
}
div#headerarea {  
    width: 100%;
    background-color: #186aab;
	margin:0 auto;
}
.header-top {padding:3px 0 3px 0;width:100%; background: #186aab;}
.header-inner {
	background:#fff;color:#000;
    margin: 0 auto;
    width: 100%;
	height:80px;
}

header h1 {
    padding: 26px 0 0 2px;
    font-size: 22px;
    /* width: 45%; */
    /* display: inline-block; */
    float: left;
}
header h1 a:link{color:#666; text-decoration: none;}
header h1 a:hover {color: #0265ca; text-decoration: none;}
header h1 a:visited {color: #666; text-decoration: none;}

header .heder-nav { 
    display: inline-block;
    margin-top: 32px;
    font-size: 13px;
    float: right;
	}
header .heder-nav ul {display:block;}
header .heder-nav a li {
    display: inline-block;
    border-right: 2px solid #e8e8e8;
	max-width:120px;
    text-align: center;
    padding: 4px 16px 0;
    height: 16px;
    vertical-align: middle;
	line-height:1.2em;
}
header .heder-nav a:nth-child(1) {border-left: 2px solid #e8e8e8;}
header .heder-nav a li:hover { text-decoration:underline;}
.header-img {}
.header-img img {height:462px; margin: 0 auto; width:100%;}
.heder-nav ul a .nav_1207 {
	position:relative;
	display: inline-block;
	top:-0.6em;
}
.heder-nav ul a .nav_1207:hover{
	 text-decoration:underline;
}
/*------------------------------------------------------------
footer
------------------------------------------------------------*/
footer {background: #dcdddd; width:100%;overflow: visible;}
footer ul li {margin-bottom: 5px;}
footer ul li a {
	color: #fff !important;
	background-image: url(../img/arrow_01.png);
	background-size: 6px auto;
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 15px;
}

.footer_section {
    padding: 10px;
	width:100%;
	overflow: visible;
}
.footer_section h3.union {font-size:16px; display: inline-block;width: 30%;}
.footer_inquiry_box {display:inline-block; text-align: right;}

.footer_inquiry {
	display: inline-block;
    background: #186aab;
    color: #fff;
    padding: 10px 20px 10px 20px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	margin-right: 20px;
}
.footer_inquiry02 {display:inline-block;vertical-align: bottom;}
.footer_inquiry02 span {
    background: #186aab;
    color: #fff;
    padding: 0 6px 0 6px;
    border-radius: 0.2rem;
    font-size: 90%;
}

.footer_inquiry02 .time {
    background: none;
    color: #000;
	font-weight:bold;
}

.footer_section li {
	color:#838383!important;
}
.footer_section a {text-decoration: none;}
.footer_section a li{
	color:#838383!important;
    background-image: url(../img/arrow_02.png);
    background-size: 6px auto;
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 15px;
    text-decoration: none;
}
footer .copyright {
    background: #186aab;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}

/*------------------------------------------------------------
共通
------------------------------------------------------------*/
#container {
	margin: 0 auto;
	padding: 0;
	text-align:center;
}
#content {
    text-align: center;
    display: block;
    width: 1050px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
#content p {font-size:13px;}

.inner {
    margin: 0 auto;
    width: 1050px;
}
@media screen and (max-width: 640px) {
#content {
    margin: 0 auto;
    padding: 30px 0 0 0;
	}
.inner {
    margin: 0 auto;
    width: 100%!important;
}

}

.link_btn {text-align: right;}
.link_btn a {
	background: #186aab;
    padding: 3px 10px 3px 20px;
    color: #fff;
    text-decoration: none;
	background-image: url(../img/arrow_03.png);
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: 6px center;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
/*----------タイトル----------*/
#content h2 {
	font-size: 28px;
	line-height: 1.4;
	padding: 0 0 0 6px;
	margin: 10px auto 20px auto;
	text-align:left;
	font-weight: normal;
	color: #333;
	border-left:8px solid #186aab;
}
#content h3 {
    font-size: 22px;
    padding: 5px 0px 0 0;
    margin: 30px 0 0 0;
    color: #171c61;
	text-align:left;
}
#content h3.h3_1207{
	line-height:1.2em;
	font-size:18px;
}
#content h3 span, #content h2 span {font-size:10px; color:#898989; margin-left:10px; vertical-align: middle;}

.under_line {border-bottom:5px solid #186aab; width:20%; margin-bottom:5px;}
#content h4 {
	font-size: 18px;
	line-height: 1.4;
	font-weight: normal;
}
.sec_h4 {border-bottom: 1px solid #e5e5e5;font-size: 26px!important;}


#section {
	background: #fff;
    padding: 5px 7px 10px 7px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    overflow: hidden;
    margin: 0 0 20px 0;
    border: 1px solid #e8e8e8;

}


/*----------ページトップ----------*/
#pagetop {
    width: 60px;
    height: 50px;
    position: fixed;
    right: 10px;
    bottom: 0;
    cursor: pointer;
	background: #dcdddd;
    border: 1px solid #d8d6d6;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#pagetop img {width:50%; margin: 12px 10px 10px 14px;}
/*------------------------------------------------------------
問い合わせページ
------------------------------------------------------------*/
#contact_box {width:80%; margin:0 auto;}

#contact_box form {width:100%; margin-top:50px;}
#contact_box form input {width:70%;}
#contact_box form textarea {width:70%;}
#contact_box form #submit_button {
    width:150px!important;
    height: 50px;
	background:#186aab;
	color:#fff;
	border:none;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-radius:0.2rem;
}
#contact_box dl {display:block; width:100%; margin-bottom:30px; border-bottom:1px solid #e8e8e8; padding-bottom:10px;}
#contact_box dt {display:inline-block; width:30%;}
#contact_box dt span {background:#84b2e0; color:#fff; font-size:90%; margin-left:20px; padding:0 10px 0 10px; border-radius:0.3rem;}
#contact_box dd {display:inline-block; width:68%;}

#contact_box .error {color:#F33; display: -webkit-box;}

#contact_box h1 {font-size:200%!important; margin-bottom:30px;}
#contact_box p {text-align:center;}


/*------------------------------------------------------------
content
------------------------------------------------------------*/
.pankuzu {padding: 5px; display: table; width: 100%; background:#e8e8e8; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.pankuzu li {
    float: left;
    list-style: none;
    margin-left: 5px;
}
.pankuzu li a {
    background: url(../img/arrow_02.png) right center no-repeat;
    padding: 0 15px 0 0;
}
.pankuzu::after {
    clear: both;
    display: table;
    content: "";
}
.sec_main_img {width: 100%; max-height:200px; margin-bottom:60px;}
.sec_main_img img {
	max-height: 200px;
    width: 100%;
	border-radius: 0.2rem;
}

.sec_nav {
    display: inline-block;
    vertical-align: top;
    width: 17%;
    padding: 0 10px 0 0;
    margin-right: 5%;
}
.sec_nav h4 {
	border-bottom: 3px solid #186aab;
	padding:6px 0 6px 0;
	}
.sec_nav li {
	list-style-type:none;
	border-bottom:1px solid #e8e8e8;
	line-height: 1.2rem;
    background: url(../img/arrow_04.png) right center no-repeat;
    padding: 10px 20px 10px 0;	
	
	}
.sec_nav li a {}



.bnr_box {width:99%; display:block;text-align: left;margin-left: 1%;margin-right: 1%;}
.bnr_box_inner {
	display: inline-block;
    width: 240px;
    margin-right: 1%;
	}
.bnr_box_inner:nth-child(4) {margin-right:0;}
.bnr_box_inner p {color:#186aab;}
.index_img {display: -webkit-box;width: 100%;}
.bnr_box_inner img {margin-bottom:10px; width: 240px;}

.rss {float:right;}
.rss img {width:50%;margin-top: 16px;}

/*----------トップページ新着情報----------*/


#index_news_box {width:100%;}
#index_news_box dl.index_news_box_inner {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #e8e8e8;
	zoom: 1;
	}
#index_news_box dt.news_img {
    float: left;
    width: 100px;
	}
#index_news_box dt.news_img img {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 5px;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
    background-size: contain;
}

#index_news_box dd {padding-left: 120px;}
#index_news_box dd .news_date {display:inline-block;}
#index_news_box dd .news_cat {display:inline-block; border:1px solid #186aab; color:#186aab;border-radius: 0.2rem; padding: 2px 3px 0 3px;margin-left: 20px;font-size: 90%;}
#index_news_box dd .news_tit { margin-top: 16px;}
#index_news_box dd .news_tit a {text-decoration:none;}

/*----------組合概要----------*/
.dl_box {
	width: 74%;
    font-size: 14px;
    margin: 0 auto 30px auto;
	display:inline-block;
	vertical-align:top;
	}
.dl_box dl {width: 100%; display:block; border-bottom:2px solid #E4E8EB; padding: 16px 0 16px 0; text-align:left; margin-top:30px;}
.dl_box dt {width: 20%; display: inline-block; font-weight:bold;}
.dl_box dd {width: 78%; display: inline-block; vertical-align:top;}
.dl_box dd ol.list_decimal {list-style-type:decimal;}
/*----------設立趣旨・海外進出支援事業----------*/
.charter_box, .overseas_box {
	width: 74%;
    font-size: 14px;
    margin: 0 auto 30px auto;
	display:inline-block;
	vertical-align:top;
}

.charter_box .under_line{width:10%; margin-bottom:20px;}
.charter_box p { line-height:1.8rem; font-size:16px!important;}
.charter_box ul {margin-left:10px;margin-bottom:20px; font-size:16px!important; list-style-type:none;}
.charter_box li {
    background-image: url(../img/list_01.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding-left: 22px;
}







.f-big {
	margin: 25px 0 25px;
    text-align: center;
    font-size: 1.3rem!important;
    color: #004381;
    background: url(../img/ttl_bg.png) repeat-x 0 50%;
}
.f-big span {
    background: #FFF;
    padding: 0 30px;
}

.point_box {
	display: inline-block;
    width: 60%;
    vertical-align: top;
	list-style-type:none;
	text-align:left;
	}
.point_box02 {
    width: 100%;
    vertical-align: top;
	list-style-type:none;
	text-align:left;
	}
.point_box h6 {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    margin: 10px 0 20px 0;
}


 .point_box02 h6 {
    font-weight: normal;
    font-size: 22px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 20px 0;
}
.waminn_box {display:block; width:100%; margin-bottom: 30px;}
.waminn_box .waminn_ph {display:inline-block;vertical-align:baseline;width: 30%;}
.waminn_box_inner {
	display:inline-block;
	vertical-align: top;
}
.shojo {margin: 20px 0 20px 20px;}
.shojo img {width: 30%;}
.crash_img {display:inline-block;width: 39%;}
.overseas_box h3 {font-size: 2.2rem!important; color: #ff6633!important;}
.overseas_box h5 {text-align:left; color:#186aab;margin-top: 30px;}
.overseas_box dl { border:1px solid #b9cbda; padding:10px; border-radius:0.3rem;}
.overseas_box dt {color:#186aab;border-bottom:1px solid #b9cbda; margin-bottom:20px; font-size: 22px;}
.overseas_box dd ul {margin-left:30px;}
.overseas_box dd ul span {margin-left:20px;}
.overseas_box dd ul span::before {content:"…"; margin-left:10px;}

/*----------トピックス----------*/
.dl_topics_box {
	width: 100%;
    font-size: 14px;
    margin: 30px auto 30px auto;
	display:inline-block;
	vertical-align:top;
	}
.dl_topics_box dl {width: 100%; display:block; border-bottom:2px solid #E4E8EB; padding: 5px 0 5px 0; text-align:left; margin-top:10px;}
.dl_topics_box dt {width: 20%; display: inline-block; font-weight:bold;}
.dl_topics_box dd {width: 78%; display: inline-block; vertical-align:top;}
.topics_box {
	width: 74%;
    font-size: 14px;
    margin: 0 auto 30px auto;
	display:inline-block;
	vertical-align:top;
}
.topics_wrap {width:100%; display:block;}
.topics_box .under_line{width:10%; margin-bottom:20px;}
.topics_box .topics_tit {font-size: 1.6rem!important; color: #ff6633!important; text-align:left; border-bottom:1px solid #e8e8e8;margin: 40px 0 20px 0;}
.topics_box .midashi {font-weight:bold;}
.topics_box .topics_img {display: inline-block;width: 30%;text-align: -webkit-left;}
.topics_img_w40 {display: inline-block;width: 40%;text-align: -webkit-left;}
.topics_box .topics_cont {display:inline-block;width: 68%;vertical-align: top;text-align: left;}
.topics_box .topics_cont02 {display:inline-block;width: 55%;vertical-align: top;text-align: left;}
.topics_box p { line-height:1.8rem; font-size:16px!important;}
.topics_box ul {margin-left:10px;margin-bottom:20px; font-size:16px!important; list-style-type:none;}
.topics_box li {
    background-image: url(../img/list_01.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding-left: 22px;
}

/*----------技能実習制度----------*/
.tec_box {text-align:left;font-size:16px!important;margin: 30px 10px 10px 10px;}
.tec_box h5 {text-align:left; color:#186aab;margin: 30px 0 10px 0;font-size:130%!important;}
.tec_box p { line-height:1.8rem; font-size:16px!important;}
.tec_box .tec_img {
	margin: 40px auto;
    width: 100%;
    text-align: center;
}
.tec_box .tec_img img {margin: 0 auto;}
.tec_box .border-box {border:5px solid #ccd9e6; padding:6px; font-weight:normal; color:#186aab; margin:10px 0 10px 0; font-size:110%;}
.tec_box .border-box span {background:#ccd9e6; padding:3px 10px 3px 10px; margin-right:10px;}
.border-box02 {border:5px solid #ccd9e6; padding:6px; font-weight:normal; color:#186aab; font-size:180%; margin:40px 0 0 0;}

.tec_box dl {
	border: 1px solid #b9cbda;
    padding: 10px;
    border-radius: 0.3rem;
    margin: 30px auto 0 auto;
    width: 90%;
}
.tec_box dt {color:#186aab;border-bottom:1px solid #b9cbda; margin-bottom:20px; font-size: 22px;}
.tec_box dd h5 {border-bottom:3px solid #e8e8e8;}


.tec_tbl, .tec_tbl02 {width:100%; border:1px solid #ccc;}
.tec_tbl th {background:#e5e5e5;text-align:center;}
.tec_tbl02 th {background:#e5e5e5;text-align:center; padding:10px 0 10px 0;}
.tec_tbl tr, .tec_tbl02 tr {border-bottom:1px solid #ccc;}
.tec_tbl td {text-align:center; padding:6px 10px; border-right:1px solid #ccc;}
.tec_tbl02 td {text-align:left; padding:6px 10px; border-right:1px solid #ccc;}
.tec_tbl02 td span {
	background: #e5e5e5;
    padding: 2px 10px 2px 10px;
    margin-bottom: 10px;
	margin-top:10px;
    display: block;
    font-size: 90%;
    font-weight: bold;
	}
.tec_tbl02 td .tec_tbl_txt {display: inline-block;}
.tec_box_caption {font-size:12px!important; text-align:right;}
.tec_box .blue {background:#c6e8f2;}
.tec_box .blue02 {background:#bedde6;}
.tec_box .green {background:#d3e8a8;}
.tec_box .w10 {width:10%;}
.tec_box .w20 {width:20%;}
.tec_box .f-big span {font-size:1.6rem!important;color: #ff6633!important;}

.tec_inform_wrap {width:100%; margin-top:30px;}
.tec_inform_tit { font-size:120%;}
.tec_inform {
	display: block;
    margin: 20px auto 10px auto;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
}
.tec_inform div {display:inline-block; border:6px solid #e8e8e8; text-align:center; padding:20px 0 20px 0; width:40%; font-size: 140%;color: #ff6633;}
.tec_box ol {list-style-type:katakana-iroha;}
.tec_box li {margin-left:30px;}


.technical_link { 
	display: block;
    width:90%;
    text-align: left;
    border: 2px solid #e8e8e8;
    padding: 10px;
}
.technical_link ul {display:block; width:100%; margin:0 auto;text-align: center;}
.technical_link li {
	display: inline-block;
    /* width: 20%; */
    margin-right: 8%;
    border: 1px solid #e8e8e8;
    padding: 6px 16px 6px 16px;
}
.technical_link li:last-child {margin-right:0;}
/****監理団体の業務の運営に関する規程***/
#content p.custom1207{
	font-size:16px;
	margin-top:0.5em;
}
#content ol.custom1207 li{
	padding-bottom:0.5em;
}
.dl_box dl.custom1207{
	border:none;
}
ui.custom1207 li{
	clear:both;
	float:none;
	padding-bottom:0.5em;
}
.pl84em { padding-left: 8.4em !important ; }
.table_1208 tr td , .table_1208 tr th{
	padding:0.5em 0.2em;
	text-align:center;
}
/******form***********/
.custom0919 div{
	display: flex;
	justify-content: center;
	max-width:700px ;
	margin: 0 auto;
	padding: 18px 0;
	gap:20px;
	border-bottom: 1px solid #DEDEDE;
}
.custom0919 div.first{
	border-top: 1px solid #DEDEDE;
}
#contact_box .custom0919 p{
	width:160px;
	text-align: left;
	font-size: 13px;
}
#contact_box .custom0919 p span{
	color: #FFF;
	font-size: 90%;
	background-color:#84b2e0 ;
	border-radius: 3px;
	padding: 0 10px;
	margin-left: 10px;
}
#contact_box .custom0919 input , #contact_box .custom0919 textarea{
	font-size: 13px;
	padding: 0 6px;
	width: 100%;
	max-width: 280px;
}
.custom0919 textarea{
	width: 100%;
}
#contact_box .custom0919 .wpcf7-submit{
	background-color: #186aab;
	width: 150px;
	height: 50px;
	color: #FFF;
	border: none;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	border-radius: 0.2rem;
	text-align: center;
	margin: 40px auto 0;
}