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

#page_cotents h2 {
height: 320px;
margin-bottom: 30px;
font-size: 200%;
letter-spacing: 6px;
line-height: 130%;
color: #FFFFFF;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
flex-direction:column;
text-align: center;
}

#page_cotents h2 p {
font-family: "Times New Roman", Times, "serif";
font-weight: bold;
letter-spacing: 1px;
font-size: 42%;
text-decoration: underline;
}

#page_cotents .pan {
width: 90%;
max-width: 1080px;
margin: 0 auto 90px;
font-size: 80%;
}

#page_cotents section {
width: 90%;
max-width: 1080px;
margin: 0 auto 80px;
}

#page_cotents h3 {
height: 80px;
margin-bottom: 20px;
position: relative;
}

#page_cotents h3:before {
position: absolute;
left: -40px;
z-index: -1;
width: 80px;
height: 80px;
border-radius: 50%;
background: #F2EDDB;
content: '';
}

#page_cotents h3 p {
position: absolute;
bottom: 10px;
color: #5F5A1F;
font-family: "source-han-serif-Japanese", serif;
font-weight: 500;
font-size: 130%;
line-height: 160%;
letter-spacing: 2px;
}

#page_cotents h4 {
margin-bottom: 40px;
font-family: "source-han-serif-Japanese", serif;
font-weight: 500;
font-size: 200%;
line-height: 160%;
letter-spacing: 2px;
}

#page_cotents h5 {
margin-bottom: 25px;
padding: 7px 15px;
font-size: 100%;
line-height: 160%;
color: #FFFFFF;
background: #988538;
}

#page_cotents dl.table,
#page_cotents dl.table dt,
#page_cotents dl.table dd {
  box-sizing: border-box;
}
#page_cotents dl.table {
  background: #F2EDDB;
  border-bottom: 1px dashed #988538;
}
#page_cotents dl.table dt,
#page_cotents dl.table dd {
  padding: 15px 15px 0 15px;
  border-top: 1px dashed #988538;
}
#page_cotents dl.table dt {
  width: 200px;
  float: left;
  text-align: center;
}
#page_cotents dl.table dd {
  background: #fff;
  margin-left: 200px;
  padding-bottom: 15px;
}
#page_cotents dl.table dd:after {
  content: '';
  display: block;
  clear: both;
}

#page_cotents .red {
color: red;
}

#page_cotents ul.indent2 li {
padding-left: 1.6em;
text-indent: -1.6em;
}

#page_cotents .sign {
margin-top: 20px;
text-align: right;
}

#page_cotents .box {
padding: 15px;
border: solid 1px #988538;
display: inline-block;
}

/*--------------------　会社概要　--------------------*/

#page_cotents h2.outline {
background: url("../outline/images/outline_title.png") no-repeat top center;
}

.outline .greeting {
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.outline .greeting .inbox {
margin-right: 6%;
}

.outline .greeting p {
font-size: 105%;
line-height: 200%;
}

.outline .greeting img {
margin-top: 40px;
}

.outline iframe {
width: 100%;
height: 420px;
}

/*--------------------　事業内容　--------------------*/
#page_cotents h2.contribution {
background: url("../contribution/images/contribution_title.png") no-repeat top center;
}

#page_cotents h2.education {
background: url("../education/images/education_title.png") no-repeat top right 30%;
}

#page_cotents h2.institution {
background: url("../institution/images/institution_title.png") no-repeat top left 46%;
}

.service .lead {
display: flex;
justify-content: space-between;
}

.service .lead .img {
margin-left: 6%;
flex-shrink: 0;
}

.service ul.service_list li {
padding: 15px;
background: #F2EDDB;
}

.service ul.service_list li:nth-child(odd) {
background: #F9F5EC;
}

.service ul.oka_list {
margin-top: 40px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

.service ul.oka_list li {
width: 27.77%;
margin-bottom: 30px;
font-size: 90%;
line-height: 160%;
text-align: center;
}

.service ul.oka_list li img {
margin-bottom: 10px;
}

.service .contribution_box {
margin-top: 40px;
padding: 30px;
border: solid 1px #988538;
display: flex;
justify-content: space-between;
}

.service .contribution_box .txt {
width: 60%;
}

.service .contribution_box .img {
width: 36%;
font-size: 90%;
line-height: 160%;
text-align: center;
}

.service .contribution_box .img img {
margin-bottom: 10px;
}

/*--------------------　納入実績　--------------------*/
#page_cotents h2.results {
background: url("../results/images/results_title.png") no-repeat top center;
}

/*--------------------　採用情報　--------------------*/
#page_cotents h2.recruit {
background: url("../recruit/images/recruit_title.png") no-repeat top right 30%;
}

/*--------------------　お知らせ一覧　--------------------*/
.topics dl {
margin-bottom: 40px;
}

.topics dl,
.topics dl dt,
.topics dl dd {
  box-sizing: border-box;
}
.topics dl {
  border-bottom: 1px dashed #988538;
}
.topics dl dt,
.topics dl dd {
  padding: 10px 15px 0 15px;
  border-top: 1px dashed #988538;
}
.topics dl dt {
  width: 130px;
  float: left;
}
.topics dl dd {
  margin-left: 130px;
  padding-bottom: 10px;
}
.topics dl dd:after {
  content: '';
  display: block;
  clear: both;
}

/*--------------------　お問い合わせ　--------------------*/
#page_cotents h2.contact {
background: url("../contact/images/contact_title.png") no-repeat top center;
}

.contact dl.table {
margin: 20px 0;
}

.contact input {
	width: 300px;
}

.contact textarea {
	width: 500px;
}

.contact .submit {
	text-align: center;
}

.contact .submit input {
	width: 150px;
	height: 40px;
}

/*--------------------　個人情報保護　--------------------*/
#page_cotents.privacy section {
margin: 0 auto 60px;
}

/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
#page_cotents h2 {
height: 160px;
margin-bottom: 20px;
font-size: 150%;
background-size: auto 160px!important;
}

#page_cotents .pan {
margin: 0 auto 20px;
}

#page_cotents section {
margin: 0 auto 60px;
}

#page_cotents h3 {
height: 100px;
margin-bottom: 20px;
}

#page_cotents h3:before {
width: 100px;
height: 100px;
left: 0;
}

#page_cotents h3 p {
font-size: 120%;
padding-left: 1.5em
}

#page_cotents h4 {
margin-bottom: 30px;
font-size: 160%;
}

#page_cotents dl.table dt {
  width: 100%;
  float: none;
  padding: 10px;
}

#page_cotents dl.table dd {
width: 100%;
  margin-left: 0;
  padding: 15px;
}

/*--------------------　会社概要　--------------------*/

.outline .greeting {
display: block;
}

.outline .greeting .inbox {
margin-right: 0;
}

.outline .greeting p {
font-size: 100%;
line-height: 180%;
}

.outline .greeting img {
width: 100%;
height: 200px;
object-fit: cover;
margin-top: 0;
margin-bottom: 30px;
}

/*--------------------　事業内容　--------------------*/

.service .lead {
display: block;
}

.service .lead .img {
margin-left: 0;
margin-top: 20px;
}

.service .lead .img img {
width: 100%;
height: auto;
}

.service ul.oka_list li {
width: 44%;
	float: left;
}

.service .contribution_box {
padding: 20px;
display: block;
}

.service .contribution_box .txt {
width: 100%;
margin-bottom: 20px;
}

.service .contribution_box .txt h5 {
text-align: center;
}


.service .contribution_box .img {
width: 100%;
}

/*--------------------　お問い合わせ　--------------------*/
.contact input {
	width: 100%;
}

.contact textarea {
	width: 100%;
}

.contact .submit input {
	width: 40%;
	height: 40px;
}

/*--------------------　お知らせ一覧　--------------------*/
.topics dl dt {
  width: 100%;
  float: none;
}
.topics dl dd {
  margin-left: 0;
  border-top: none;
  padding-top: 0;
}
}