@hcarset "utf-8";

/* clearfix*/
.cf{ zoom: 1;}
.cf:before, .cf:after{ content:""; display: table;}
.cf:after{ clear: both;}



/*共通*/

h2 {
	font-weight:100;
	font-size:12px;
	}

.t10{ margin-top:10px;}
.t30{ margin-top:30px;}
.b10{ margin-bottom:10px;}
.b15{ margin-bottom:15px;}
.b20{ margin-bottom:20px;}
.b30{ margin-bottom:30px;}
.b40{ margin-bottom:40px;}
.b70{ margin-bottom:70px;}

.r5{ margin-right:2px; }
.r7{ margin-right:7px; }
.r10{ margin-right:10px; }
.r15{ margin-right:15px; }
.r20{ margin-right:20px;}

.center{ text-align:center;}
.left{ float:left;}
.right{ float:right;}


/*
共通設定およびスマートフォン向けのスタイル
*/
body{
	width:100%;
	line-height:150%;
	margin: 0;
	padding: 0;
	font-size:0.9em;
	line-height:1.5em;
	background-color:#fff;
	}
	
.head{
	width:100%;
	text-align:center;
	margin:0 auto;
	}

.head-logo{
	width:90%;
	}
	
.head-contact{
	margin-top:10px;
	width:100%;
	background-color:#26d2c0;
	padding:10px;
	}
	
.main-img{
	background:url(../images/main-img-sp.jpg) no-repeat;
	background-position:center;
	background-size:contain;
	background-color:#33a3e6;
	width:100%;
	height:560px;
	}

.main-img img{
	width:481px;}

.gnavi{
	margin-bottom:40px;
	}

.navi01{
	width:100%;
	float:left;
	border-bottom:dotted 1px  #250f40;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	}
	
.navi02{
	width:100%;
	float:left;
	border-bottom:dotted 1px  #250f40;
	text-align:center;
	width:100%;
	padding-top:10px;
	}

#contents_menu1{
	width:45%;
	float:left;
}

#contents_menu2{
	width:45%;
	float:right;
}

.con01{
	margin-top:20px;
	margin-bottom:40px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	border-bottom:1px solid #33a3e6;
	border-top:1px solid #33a3e6;
	}
	
.con01 img{
	width:100%;
	}
	
.con01-1{
	}
	
.con02{
	text-align:center;
	margin:0 auto;
	}
	
.con02-a{
	margin-bottom:20px;
	width:100%;
	}
	
.con02-b{
	margin-bottom:20px;
	width:100%;
	}
	
.con03{
	margin:0 auto;
	text-align:center;
	}

.con03-b{
	width:100%;
	}
	
.info-box{
	width:100%;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	}
	
.info-h{
	background-color:#eeeeee;
	border: dashed 1px #33a3e6;
	border-radius: 10px;
	padding:7px;
	color:#33a3e6;
	margin-bottom:10px;
	}
	
.info-list{
	border-bottom: dotted 1px #cccccc;
	padding:10px;
	}
	
.foot{
	width:100%;
	padding:40px 0 20px 0;
	margin-top:60px;
	text-align:center;
	background-color:#33a3e6;
	color:#FFF;
	}
	
.copy{
	font-size:10px;
	margin-top:20px;
	}
	
.foot-h{
	font-size:14px;
	margin-top:10px;
	}
	
/*下層ページ*/
.main-about{
	background:url(../images/main-about.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-history{
	background:url(../images/main-history.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-union{
	background:url(../images/main-union.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-recruit{
	background:url(../images/main-recruit.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-contact{
	background:url(../images/main-contact.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-text{
	font-size:32px;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow: 2px 2px 10px #000000;
	text-align:center;
	padding-top:120px;
	}
	
.midashi01{
	font-size:26px;
	text-align:center;
	border-bottom:3px solid #33a3e6;
	border-top:1px solid #33a3e6;
	line-height:160%;
	background-color:#e6f6ff;
	width:100%;
	}

.about01{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#00639e;
	margin-bottom:10px;
	}




/*Media Queriesによる切替*/

/*
タブレット向けのスタイル:481px~769px
*/
@media only screen and (min-width: 481px){

.head{
	width:100%;
	text-align:center;
	margin:0 auto;
	}

.head-logo{
	width:413px;
	}
	
.head-contact{
	margin-top:10px;
	width:100%;
	background-color:#26d2c0;
	padding:10px;
	}
	
.main-img{
	background:url(../images/main-img-tab.jpg) no-repeat;
	background-position:center;
	background-size:contain;
	background-color:#33a3e6;
	width:100%;
	height:660px;
	}

.main-img img{
	width:481px;}

.gnavi{
	margin-bottom:40px;
	}

.navi01{
	width:100%;
	float:left;
	border-bottom:dotted 1px  #250f40;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	}
	
.navi02{
	width:100%;
	float:left;
	border-bottom:dotted 1px  #250f40;
	text-align:center;
	width:100%;
	padding-top:10px;
	}

#contents_menu1{
	width:45%;
	float:left;
}

#contents_menu2{
	width:45%;
	float:right;
}

.con01{
	margin-top:20px;
	margin-bottom:40px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	border-bottom:1px solid #33a3e6;
	border-top:1px solid #33a3e6;
	}
	
.con01 img{
	width:100%;
	}
	
.con02{
	text-align:center;
	margin:0 auto;
	}
	
.con02-a{
	margin-bottom:20px;
	width:489px;
	}
	
.con02-b{
	margin-bottom:20px;
	width:489px;
	}
	
.con03{
	margin:0 auto;
	text-align:center;}

.con03-b{
	width:489px;
	}
	
.info-box{
	width:490px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	}
	
.info-h{
	background-color:#eeeeee;
	border: dashed 1px #33a3e6;
	border-radius: 10px;
	padding:7px;
	color:#33a3e6;
	margin-bottom:10px;
	}
	
.info-list{
	border-bottom: dotted 1px #cccccc;
	padding:10px;
	}
	
.foot{
	width:100%;
	padding:40px 0 20px 0;
	margin-top:60px;
	text-align:center;
	background-color:#33a3e6;
	color:#FFF;
	}
	

	
/*下層ページ*/
.main-about{
	background:url(../images/main-about.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-history{
	background:url(../images/main-history.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}

.main-union{
	background:url(../images/main-union.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-recruit{
	background:url(../images/main-recruit.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-text{
	font-size:32px;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow: 2px 2px 10px #000000;
	text-align:center;
	padding-top:120px;
	}
	
.midashi01{
	font-size:26px;
	text-align:center;
	border-bottom:3px solid #33a3e6;
	border-top:1px solid #33a3e6;
	line-height:160%;
	background-color:#e6f6ff;
	width:100%;
	}
}


/*
PC向けのスタイル:769px
*/
@media only screen and (min-width: 769px){

.head{
	width:1000px;
	margin:0 auto;
	padding-bottom:20px;
	padding-top:20px;
	}
	
.head-logo{
	float:left;
	width:413px;
	}
	
.head-contact{
	float:right;
	width:261px;
	padding:10px;
	border-radius: 15px;
	}
	
.main-img{
	background:url(../images/main-img.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:420px;
	}
	
.main-img-in{
	}
	
.main-img img{
	width:100%;
	}
	
.main-img div{
	width:1000px;
	margin:0 auto;
}


.gnavi{
	width:1000px;
	margin:0 auto;
	padding-top:20px;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: center;
	}

.navi01{
	margin: 0;
	width:248px;
	border-left: dotted 1px #250f40;
	border-bottom:none;
	text-align:center;
	}
	
.navi02{
	width:248px;
	float:left;
	border-left: dotted 1px #250f40;
	border-right: dotted 1px #250f40;
	border-bottom:none;
	text-align:center;
	}


.content-all{
	width:1000px;
	margin:0 auto;
	}
	
.content-al02l{
	width:100%;
	margin:0 auto;
	}
	
.con01{
	margin-top:40px;
	margin-bottom:40px;
	border: solid 4px #8dcbf1;
	padding-left:150px;
	padding-right:150px;
	}
	
.con01-1{
	margin:0 auto;
	background-color:#26d2c0;
	padding:7px;
	color:#FFFFFF;
	width:200px;
	text-align:center;
	}
	
.con02{
	margin-bottom:40px;
	}

.con02-a{
	float:left;
	}
	
.con02-b{
	float:right;
	}
	
.con03{}

.con03-b{
	float:right;
	}

.info-box{
	width:100%;
	text-align:left;
	}
	
.info-h{
	background-color:#eeeeee;
	border: dashed 1px #33a3e6;
	border-radius: 10px;
	padding:7px;
	color:#33a3e6;
	margin-bottom:10px;
	}
	
.info-list{
	border-bottom: dotted 1px #cccccc;
	padding:10px;
	
	}



article.main{
	width:65%;
	float:right;
	}
	
aside.contents_menu{
	width:30%;
	float:left;
	}
	
aside.contents_menu ul li{
	font-size:1.1em;
	}
	
#contents_menu1,
#contents_menhu2{
	width:95%;
	float:none;
	}
.foot{
	width:100%;
	padding:40px 0 20px 0;
	margin-top:60px;
	text-align:center;
	background-color:#33a3e6;
	color:#FFF;
	}
	

	
	
/*下層ページ*/
.main-about{
	background:url(../images/main-about.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-history{
	background:url(../images/main-history.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-union{
	background:url(../images/main-union.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-recruit{
	background:url(../images/main-recruit.jpg) no-repeat;
	background-position:center;
	background-color:#33a3e6;
	width:100%;
	height:280px;
	}
	
.main-text{
	font-size:32px;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow: 2px 2px 10px #000000;
	text-align:center;
	padding-top:120px;
	}
	
.midashi01{
	font-size:26px;
	text-align:center;
	border-bottom:3px solid #33a3e6;
	border-top:1px solid #33a3e6;
	line-height:160%;
	background-color:#e6f6ff;
	width:100%;
	}

}


/*=========================================*/
/*クリアフィックス*/
/*=========================================*/
/**/

.clearfix {overflow:hidden;}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 ¥*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */