@charset "utf-8";

/* --------------------------------------------------
	基本
-------------------------------------------------- */

#wrap{
	border-top: 3px solid #19316d;
}
.ttlBg{
	background: #19316d;
}

/*見出し*/
h2.ttl01{
	border-top: #19316d 2px solid;
}
h2.ttl02:after {
	border-bottom: solid 3px #19316d;
}

/*お問い合わせボックス*/
.inquiryBox{
	border: #19316d 1px solid;
}

/*----------------footer----------------*/
.footer02{
	background: #19316d;
}
/* --------------------------------------------------
	/基本
-------------------------------------------------- */




/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
.mainVisual01{
	background: url(../images/top/main_v01.jpg) no-repeat;
}
.mainVisual02{
	background: url(../images/top/main_v02.jpg) no-repeat;
}
.mainVisual03{
	background: url(../images/top/main_v03.jpg) no-repeat;
}
.prListTtl:first-letter{
	color: #f1004f;
}
@media screen and (max-width: 480px) {
	/* header p.logo2 img{
		width: auto;
		height: 42px;
	} */
	header nav{
		display: none;
	}
}

/*お知らせボタン*/
.button a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto;
    max-width: 130px;
    padding: 10px 35px 10px 20px;
    color: #313131;
    transition: 0.3s ease-in-out;
	font-size: 1.4rem;
    font-weight: 500;
}
.button a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button a:hover {
  background: #19316d;
  color: #FFF;
  opacity: 1;
}
.button a:hover:after {
  right: 1.4rem;
}

/* --------------------------------------------------
	/トップページ
-------------------------------------------------- */




/* --------------------------------------------------
	事業紹介
-------------------------------------------------- */
.project-title{
	text-align: center;
	margin-top: 80px;
    margin-bottom: 15px;
}

.photoList img{
	max-width: 400px;
	height: auto;
	margin-right: 25px;
}
.photoListTable{
	max-width: 400px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.photoListTable th, .photoListTable td{
	font-size: 1.3rem;
	line-height: 1.4;
	padding: 2px;
}
.photoListTable th{
	text-align: left;
	width: 25%;
	padding-left: 20px;	
}
.photoListTable td{
	text-align: left;
}
.section01 p.photoListDetaileTxt{
	max-width: 400px;
	margin: 0 20px 20px;
	color: red;
}
@media screen and (max-width: 480px) {
	.photoListTable{
		margin-bottom: 20px;
	}

.photoList img {
    margin: 0;
}
}

table.table th.name{
	width: 40%;
	text-align: center;
}
table.table th.sekou{
	text-align: center;
}
.article{
	margin-bottom: 24px;
}

/* 画像なしの実績 */

.noPhotoTable{
	border-collapse: collapse;
	width: 100%;
    border: 1px solid #ccc;
    line-height: 1.5;
    text-align: left;
}

.noPhotoTable tr td,
.noPhotoTable tr th{
	padding: 15px;
	border: 1px solid #ccc;
}


.noPhotoTable tr th{
	background: #f5f5f5;
}


/* --------------------------------------------------
	/事業紹介
-------------------------------------------------- */




/* --------------------------------------------------
	お知らせ
-------------------------------------------------- */

dl{
	overflow: hidden;
}

.info > dt{
	float: left ;
	padding: 15px 0px 5px 40px;
	width: 120px ;
}

.info > dd{
	padding: 15px 20px 5px 40px;
}

.topics-date{
	margin-bottom: 20px;
}

/* --------------------------------------------------
	/お知らせ
-------------------------------------------------- */




/* --------------------------------------------------
	プライバシーポリシー
-------------------------------------------------- */
.privacyTtl{
	border-top: solid 2px #19316d;
}
/* --------------------------------------------------
	プライバシーポリシー
-------------------------------------------------- */




/* --------------------------------------------------
	詳細ページ
-------------------------------------------------- */
.marR3em{
	margin-right: 3em;
}
@media screen and (max-width: 480px) {
	.marR3em { margin-right: 0; }
}
/* --------------------------------------------------
	/詳細ページ
-------------------------------------------------- */