@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
base
#141977 青
#ED4549 赤
-----------------------------------------------*/

/*-----------------------------------------------
  renkei
-----------------------------------------------*/

/* lead */
#renkei .lead {
max-width: 800px;
margin: auto;
margin-top: 40px;
line-height: 1.75;
text-align: justify;
}
@media (max-width: 800px) {
	#renkei .lead {
	margin-top: 4%;
	line-height: 1.5;
	text-align: justify;
	}
}

/* contact */
#renkei .contact {
max-width: 1000px;
margin: auto;
margin-top: 20px;
text-align: center;
}
#renkei .contact .tel {
font-size: 1.5em;
text-align: center;
color: #141977;
}
#renkei .contact .tel a {
font-size: 2.5em;
font-weight: bold;
color: #141977;
}
#renkei .contact .fax {
font-size: 1.5em;
color: #141977;
}
#renkei .contact .mail {
font-size: 1.5em;
color: #141977;
}
#renkei .contact .mail span {
padding-left: 1.5em;
background-image: url("../../../img/common/ico_mail.svg");
background-position: left center;
background-repeat: no-repeat;
background-size: 1.25em;
}
#renkei .contact .mail a {
color: #141977;
}
#renkei .contact .form {
margin-top: 20px;
}
#renkei .contact .form a {
display: block;
max-width: 480px;
margin: auto;
padding: 0.75em;
font-size: 1.2em;
color: #FFF;
background: #141977;
border: 1px solid #141977;
border-radius: 8px;
transition: 0.2s;
}
#renkei .contact .form a:hover {
text-decoration: none;
opacity: 0.8;
}
@media (max-width: 800px) {
	#renkei .contact {
	margin-top: 4%;
	}
	#renkei .contact .tel {
	font-size: 1em;
	}
}

/* data */
#renkei .data {
max-width: 1000px;
margin: auto;
margin-top: 80px;
}
#renkei .data .grid {
display: flex;
justify-content: space-between;
}
#renkei .data .hour,
#renkei .data .place {
width: 48%;
}
#renkei .data dl {
display: flex;
flex-wrap: wrap;
margin-top: 1em;
}
#renkei .data dt {
position: relative;
padding-left: 1em;
}
#renkei .data dt::before {
position: absolute;
top: 0.35em;
left: 0;
content: "■";
font-size: 0.75em;
color: #141977;
}
#renkei .data .hour dt {
width: 7em;
}
#renkei .data .hour dd {
width: calc(100% - 7em);
}
#renkei .data .note {
margin-top: 1em;
padding-left: 1em;
text-indent: -1em;
font-size: 0.85em;
}
@media (max-width: 800px) {
	#renkei .data {
	margin-top: 8%;
	}
	#renkei .data .grid {
	display: block;
	}
	#renkei .data .hour,
	#renkei .data .place {
	width: 100%;
	}
	#renkei .data .place {
	margin-top: 4%;
	}
}

/* job */
#renkei .job {
margin-top: 60px;
}
#renkei .job .grid {
display: flex;
justify-content: space-between;
}
#renkei .job h3:not(:first-child) {
margin-top: 40px;
}
#renkei .job .text,
#renkei .job .photo,
#renkei .job .floor {
width: 48%;
}
#renkei .job .text p {
margin-top: 1em;
line-height: 1.75;
text-align: justify;
}
#renkei .job .note {
margin-top: 1em;
padding-left: 1em;
text-indent: -1em;
font-size: 0.85em;
}
#renkei .job .list {
display: flex;
flex-wrap: wrap;
margin-top: 1em;
}
#renkei .job .list li {
margin: 0.25em;
padding-left: 1em;
text-indent: -1em;
}
#renkei .job .list li::before {
content: "●";
margin: 0 0.25em;
font-size: 0.65em;
color: #141977;
}
#renkei .job .list li:not(:first-child) {
margin-left: 1em;
}
@media (max-width: 800px) {
	#renkei .job {
	margin-top: 10%;
	}
	#renkei .job .grid {
	display: block;
	}
	#renkei .job .text,
	#renkei .job .photo,
	#renkei .job .floor {
	width: 100%;
	margin-top: 4%;
	}
	#renkei .job .text p,
	#renkei .job .text dl {
	margin-top: 4%;
	line-height: 1.5;
	}
}

/* case */
#renkei .case {
margin-top: 60px;
}
#renkei .case .list {
margin-top: 1em;
}
#renkei .case .list li {
margin: 0.25em;
padding-left: 1em;
text-indent: -1em;
}
#renkei .case .list li::before {
content: "●";
margin: 0 0.25em;
font-size: 0.65em;
color: #141977;
}
#renkei .case .pic {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
#renkei .case .pic li {
width: 15%;
font-size: 0.85em;
text-align: center;
}
#renkei .case .pic img {
display: block;
margin-bottom: 0.5em;
border: 1px solid #999;
border-radius: 10px;
}
@media (max-width: 800px) {
	#renkei .case {
	margin-top: 10%;
	}
	#renkei .case ul {
	margin-top: 4%;
	}
	#renkei .case .pic {
	margin-top: 0;
	}
	#renkei .case .pic li {
	width: 31.5%;
	margin-top: 4%;
	}
}

/* info */
#renkei .info {
max-width: 1000px;
margin: auto;
margin-top: 80px;
}
#renkei .info h3 small {
font-size: 0.75em;
}
#renkei .info .grid {
display: flex;
justify-content: space-between;
}
#renkei .info .link,
#renkei .info .sns {
width: 48%;
}
#renkei .info .link dl {
margin-top: 1em;
}
#renkei .info .link dd {
margin: 0.25em 0 0.25em 1em;
padding-left: 1em;
text-indent: -1em;
}
#renkei .info .link dd::before {
content: "▶";
margin: 0 0.25em;
font-size: 0.75em;
color: #141977;
}
@media (max-width: 800px) {
	#renkei .info {
	margin-top: 10%;
	}
	#renkei .info .grid {
	display: block;
	}
	#renkei .info .link,
	#renkei .info .sns {
	width: 100%;
	}
	#renkei .info .sns {
	margin-top: 4%;
	}
}

/* form */
#renkei .form {
max-width: 1000px;
margin: auto;
margin-top: 80px;
}

/* relevant */
#renkei .relevant {
max-width: 1000px;
margin: auto;
margin-top: 80px;
}
#renkei .relevant h3 {
margin-bottom: 0.5em;
}
#renkei .relevant .grid {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
#renkei .relevant dl {
width: 48%;
}
#renkei .relevant dt {
margin: 0.25em 0;
font-weight: bold;
}
#renkei .relevant .head {
margin-top: 1em;
}
#renkei .relevant dd {
margin: 0.25em 0 0.25em 1em;
padding-left: 1em;
text-indent: -1em;
}
#renkei .relevant dd::before {
content: "▶";
margin: 0 0.25em;
font-size: 0.75em;
color: #141977;
}
#renkei .relevant a {
text-decoration: underline;
}
#renkei .relevant dd a {
color: #141977;
}
@media (max-width: 800px) {
	#renkei .relevant {
	margin-top: 10%;
	}
	#renkei .relevant h3 {
	font-size:1.2em;
	}
	#renkei .relevant .grid {
	display: block;
	margin-top: 4%;
	}
	#renkei .relevant dl {
	width: 100%;
	margin-top: 4%;
	}
	#renkei .relevant .head {
	margin-top: 4%;
	}
}

/* magazine */
#renkei .magazine {
max-width: 1000px;
margin: auto;
margin-top: 60px;
}
#renkei .magazine .flex {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 20px;
}
#renkei .magazine .new {
width: 200px;
text-align: center;
}
#renkei .magazine .new a img {
transition:all 0.2s ease-out;
}
#renkei .magazine .new a:hover img {
opacity:0.6;
}
#renkei .magazine .old {
width: 10em;
margin-left: 8%;
}
#renkei .magazine .old li {
padding: 0.5em 0;
text-align: left;
border-bottom: 1px dotted #999;
}
@media (max-width: 800px) {
	#renkei .magazine {
	margin-top: 12%;
	}
	#renkei .magazine .flex {
	display: block;
	margin-top: 4%;
	}
	#renkei .magazine .new {
	width: 80%;
	max-width: 300px;
	margin: auto;
	text-align: center;
	}
	#renkei .magazine .old {
	display: block;
	width: 100%;
	margin: 4% 0 0 0;
	border-top: 1px dotted #999;
	}
	#renkei .magazine .old li {
	width: 100%;
	margin: 0.5em 0;
	text-align: center;
	}
}