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

/*PC*/
@media print, screen and (min-width: 769px) {


/* hed_ttl
--------------------------------------------*/
.hed_ttl { position: relative; text-align: center; }
.hed_ttl::after {
content: '';
border-bottom: 1px solid #ccc;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.hed_ttl h1 { position: relative; font-size: 2.6em; font-weight: 500; display: inline-block; padding-bottom: 20px; }
.hed_ttl h1::before {
content: '';
border-bottom: 3px solid #FF7503;
width: 120px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

.hed_tit { width: 830px; height: 110px; background: url("../images/oparate/opera_tit.png") center no-repeat; background-size: contain; margin: 100px 0 0 auto; }



/* idx_wrap01
--------------------------------------------*/
.idx_wrap01 { position: relative; }

.idx_wrap01 .box { margin-bottom: 50px; }
.idx_wrap01 .box:last-child { margin-bottom: 0; }
.idx_wrap01 .box h2 { position: relative; font-size: 1.4em; font-weight: 500; padding-bottom: 10px; margin-bottom: 30px; }
.idx_wrap01 .box h2::before {
content: '';
border-bottom: 2px solid #FF7503;
width: 50px;
position: absolute;
bottom: 0;
left: 0;
}


.message_box{
background: #fef7f2;
padding: 40px;
border-radius: 8px;
margin-bottom: 60px;
border: 1px solid #e0eaf0;
}

.message_box h3{
font-size: 2rem;
color:#C94000;
margin-bottom: 20px;
}

.message_box p {
margin-bottom: 1.5em;
}

.message_box .catch {
font-weight: bold;
color:#C94000;
font-size: 1.6rem;
}

.message_box h4{
font-size: 1.6rem;
line-height: 1.6;
text-align: right;
}

.company_table {
width: 100%;
border-top: 1px solid #ccc;
border-collapse: collapse;
margin-bottom: 50px;
}
.company_table th, .company_table td {
padding: 20px;
border-bottom: 1px solid #eee;
}
.company_table th {
width: 25%;
background: #f9f9f9;
text-align: left;
vertical-align: top;
font-weight: bold;
}

/* 沿革リスト */
.history_list {
list-style: none;
padding: 0;
}
.history_list li {
display: flex;
padding: 15px 0;
border-bottom: 1px dotted #ccc;
}
.history_list .year {
width: 120px;
font-weight: bold;
color: #C94000;
flex-shrink: 0;
}
/* メールリンク（迷惑メール対策） */
.mail_link {
color: #0077b6;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}
.mail_note {
font-size: 0.8rem;
color: #888;
margin-top: 5px;
}


}
/*sp*/
@media only screen and (max-width: 768px) {


/* hed_ttl
--------------------------------------------*/
.hed_ttl { position: relative; text-align: center; }
.hed_ttl::after {
content: '';
border-bottom: 1px solid #ccc;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.hed_ttl h1 { position: relative; font-size: 1.8em; font-weight: 500; display: inline-block; padding-bottom: 20px; }
.hed_ttl h1::before {
content: '';
border-bottom: 3px solid #FF7503;
width: 80px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

.hed_tit { width: 80%; padding: 7% 0; background: url("../images/oparate/opera_tit.png") center no-repeat; background-size: contain; margin: 50px 0 0 auto; }



/* idx_wrap01
--------------------------------------------*/
.idx_wrap01 { position: relative; }

.idx_wrap01 .box { margin-bottom: 50px; }
.idx_wrap01 .box:last-child { margin-bottom: 0; }
.idx_wrap01 .box h2 { position: relative; font-size: 1.2em; font-weight: 500; padding-bottom: 10px; margin-bottom: 20px; }
.idx_wrap01 .box h2::before {
content: '';
border-bottom: 2px solid #FF7503;
width: 50px;
position: absolute;
bottom: 0;
left: 0;
}


.message_box{
background: #fef7f2;
padding: 15px;
border-radius: 8px;
margin-bottom: 30px;
border: 1px solid #e0eaf0;
}


.message_box h3{
font-size: 1.8rem;
color:#C94000;
margin-bottom: 20px;
}

.message_box p {
margin-bottom: 1.2em;
}

.message_box .catch {
font-weight: bold;
color:#C94000;
font-size: 1.4rem;
}

.message_box h4{
font-size: 1.3rem;
line-height: 1.6;
text-align: right;
}

.company_table {
width: 100%;
border-top: 1px solid #ccc;
border-collapse: collapse;
margin-bottom: 50px;
}

.company_table th {
width:100%;
background: #f9f9f9;
text-align: left;
vertical-align: top;
font-weight: bold;
display: block;
text-align: center;
}

.company_table th, .company_table td {
padding: 10px;
border-bottom: 1px solid #eee;
display: block;
}


/* 沿革リスト */
.history_list {
list-style: none;
padding: 0;
}
.history_list li {
padding: 10px 0;
border-bottom: 1px dotted #ccc;
}
.history_list .year {
width: 100%;
font-weight: bold;
color: #C94000;
flex-shrink: 0;
display: block;
margin: 0 0 10px;
}
/* メールリンク（迷惑メール対策） */
.mail_link {
color: #0077b6;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}
.mail_note {
font-size: 0.8rem;
color: #888;
margin-top: 5px;
}


}