@charset "utf-8";



/*--------------------------------------------
 
      メインイメージ
 
---------------------------------------------*/

.mainimg{ 
	width: 1480px; 
	margin:8px auto 0px; 
	position: relative;
}
.mainimg img{ width: 100%; height: auto; }

.mainimg h2 {
    position: absolute;
	top: 45%;
    left: 18%;
    width: 144px;
}


.topicpath{ width: 1000px; margin: 0 auto 40px; }

@media screen and (min-width:769px) and (max-width:1480px) {

.mainimg{ width: 100%; }

}

/*--------------------------------------------
 
      index.html
 
---------------------------------------------*/

.main_content{
	width: 1000px;
	margin: 0 auto 20px;
}
.main_content p {
    font-size: 14px!important;
    letter-spacing: 0.05em;
    line-height: 180%!important;
}
.main_content:after{content:""; display:block; clear:both;}
.main_content{display:inline-block;} 
.main_content{display:block;}

.there_box ul:after{content:""; display:block; clear:both;}
.there_box ul {
    display: flex;
    flex-wrap: wrap;
}
.there_box li{
	background: #eee url("/common/img/btn_list.png") no-repeat scroll right 12px center / 12px auto;
    border: 1px solid #c2ccd5;
    text-align: center;
	width: 32%;
	float: left;
	margin-bottom: 10px;
}
.there_box li a{ 
	background: #eee url("/common/img/btn_list.png") no-repeat scroll right 12px center / 12px auto;
	display: block;
    padding: 10px 0;
	text-decoration: none;
}
.there_box li:nth-child(3n+2) { margin-left: 1.5%; margin-right: 1.5%; }
.there_box li a:hover{ 
	background: #c2ccd5 url("/common/img/btn_list.png") no-repeat scroll right 12px center / 12px auto;
}
.there_box li.active a{ 
	background: #c2ccd5 url("/common/img/btn_list.png") no-repeat scroll right 12px center / 12px auto;
}


h3.tit02 {
    background: rgba(0, 0, 0, 0) url("/common/img/pat03.gif") repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 20px;
	letter-spacing: 0.06em;
    margin-bottom: 20px;
    padding: 16px 0;
    text-align: center;
	
}

h3.tit {
    background: rgba(0, 0, 0, 0) url("/common/img/border01.gif") no-repeat scroll left bottom / auto 100%;
    border-bottom: 1px solid #ccc;
    font-size: 24px;
    letter-spacing: 0.06em;
    margin-bottom: 20px;
    padding: 12px 20px;
}


.set:after{content:""; display:block; clear:both;}
.set{display:inline-block;} 
.set{display:block; margin-bottom: 45px; }

.set .fr_photo{ width: 32%; display: inline-block; float: right; }
.set .fr_photo img{ width: 100%; }
.set .fl_txt{ 
	width: 66%; 
	display: inline-block; 
	float: left;
	font-size: 14px;
	line-height: 26px;
}

h4.num_tit{
	padding: 11px 11px 11px 58px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 26px;
	margin-bottom: 15px;
	border: solid 2px #4773ba;
}

.t01{ background: #4773ba url(/works/img/num01.png) no-repeat left center / 49px auto; }
.t02{ background: #4773ba url(/works/img/num02.png) no-repeat left center / 49px auto; }
.t03{ background: #4773ba url(/works/img/num03.png) no-repeat left center / 49px auto; }
.t04{ background: #4773ba url(/works/img/num04.png) no-repeat left center / 49px auto; }
.t05{ background: #4773ba url(/works/img/num05.png) no-repeat left center / 49px auto; }
.t06{ background: #4773ba url(/works/img/num06.png) no-repeat left center / 49px auto; }

.link_list:after{content:""; display:block; clear:both;}
.link_list{display:inline-block;} 
.link_list{display:block; margin-bottom: 25px; }
.link_list2:after{content:""; display:block; clear:both;}
.link_list2{display:inline-block;} 
.link_list2{display:block; margin-bottom: 45px; }
.link_list2{ margin: 0 auto 20px; width: 730px; }

.link_list li {
    background: #eee none repeat scroll 0 0;
    display: block;
    margin:0 auto;
    text-align: center;
    width: 35%;
	font-size: 15px;
}
.link_list li a {
	background:url(/works/img/link_icon.png); 
	background-repeat: no-repeat;
	background-position: right 15px center;
    background-size: 15px auto;
    box-shadow: 0 0 0 1px #c2ccd5 inset;
    display: block;
    padding: 15px 15px 15px 20px;
    text-decoration: none;
	color: #333333;
}
.link_list li:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.link_list2 li {
    background: #eee none repeat scroll 0 0;
    display: block;
    text-align: center;
    width: 49%;
	font-size: 15px;
	margin-bottom: 13px;
	float: left;
}
.link_list2 li:nth-child(1){ margin-right: 10px; float: left; }
.link_list2 li:nth-child(2){ float: right; }
.link_list2 li:nth-child(3){ float: left; }
.link_list2 li a {
	background:url(/works/img/link_icon.png); 
	background-repeat: no-repeat;
	background-position: right 15px center;
    background-size: 15px auto;
    box-shadow: 0 0 0 1px #c2ccd5 inset;
    display: block;
    padding: 15px 15px 15px 20px;
    text-decoration: none;
	color: #333333;
}


h4.min_tit{ 
	color: #0b50a2;
	font-size: 20px;
    margin-bottom: 20px;
}

h4.min_tit i {
    padding-right: 7px;
}
.bold {
    font-weight: 600;
    color: #0b50a2;
}
.f11 {
    font-size: 11px;
}