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

header { background-image: none; }
@media screen and (max-width: 599px) {
	header { background: #fff; }
	header .in-head-flex .hL .bk { display: block; }
	header .in-head-flex .hL .wh { display: none; }
	header .in-head-flex { margin: 10px auto 10px; }
    header .in-head-flex .hR ul li.h_contact a { background: var(--opa-color); color: #fff; }
	header .in-head-flex .hR ul li.h_contact a:link    { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.h_contact a:visited { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.h_contact a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	header .in-head-flex .hR ul li.h_contact a:active  { color:#fff; text-decoration: none; }
	header.is-fix .in-head-flex { margin: 0px auto 0px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	header { background: #fff; }
	header .in-head-flex .hL .bk { display: block; }
	header .in-head-flex .hL .wh { display: none; }
	header .in-head-flex { width: 96%; margin: 10px auto 10px; padding: 0 2%;}
	header .in-head-flex .hL .logo-mark { max-width: 300px; margin-left: 0px; }
	header.is-fix .in-head-flex { width: 98%; margin: 0px auto 00px; padding: 0 1%; }
    header .in-head-flex .hR ul li.h_contact a { background: var(--opa-color); color: #fff; }
	header .in-head-flex .hR ul li.h_contact a:link    { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.h_contact a:visited { color:#fff; text-decoration: none; }
	header .in-head-flex .hR ul li.h_contact a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	header .in-head-flex .hR ul li.h_contact a:active  { color:#fff; text-decoration: none; }
}
@media screen and (min-width: 900px) {
	header { background: #fff; }
	header .in-head-flex .hL .bk { display: block; }
	header .in-head-flex .hL .wh { display: none; }
	header .in-head-flex .hR ul li a { color:#000; }
	header .in-head-flex .hR ul li a:link    { color:#000; text-decoration: none; }
	header .in-head-flex .hR ul li a:visited { color:#000; text-decoration: none; }
	header .in-head-flex .hR ul li a:hover   { color:#000; text-decoration: none; }
	header .in-head-flex .hR ul li a:active  { color:#000; text-decoration: none; }
	header .in-head-flex .hR ul li a::after { background: #000;  }
}
/*-- headline ------------------------------------------------------------*/
#headline { 
	background:url("../img/second/headline-bg.jpg") center center no-repeat; background-size: cover; height: 300px; position: relative; width: 100%; overflow: hidden;
	/* アニメーション用初期状態 */
	clip-path: inset(0 100% 0 0);
	animation: reveal 0.6s ease-out forwards;
}
#headline.headline-company { background:url("../img/second/headline-company.jpg") center center no-repeat; background-size: cover; height: 240px; position: relative; }
#headline.headline-service { background:url("../img/second/headline-service.jpg") center center no-repeat; background-size: cover; height: 240px; position: relative; }
#headline.headline-business { background:url("../img/second/headline-business.jpg") center center no-repeat; background-size: cover; height: 240px; position: relative; }
#headline.headline-group { background:url("../img/second/headline-group.jpg") center center no-repeat; background-size: cover; height: 240px; position: relative; }
#headline.headline-recruit { background:url("../img/second/headline-recruit.jpg") center center no-repeat; background-size: cover; height: 240px; position: relative; }
#headline.headline-news { background:url("../img/second/headline-news.jpg") center center no-repeat; background-size: cover; height: 240px; position: relative; }
@media screen and (max-width: 599px) {
	#headline .in-headline { position: absolute; background: #fff; width: 85%; height: 35%; bottom: -5px; left: 0; clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%); }
	#headline .in-headline h2 { font-size: 1.4em; color: #000; letter-spacing: 0.1em; margin-left: 3vw; margin-top: 3vh; line-height: 1.2; }
	#headline .in-headline p { margin-bottom: 0px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; color: var(--opa-color); margin-left: 3vw; font-size: 0.8em; }
}
@media screen and (min-width: 600px) {
	#headline .in-headline { position: absolute; background: #fff; width: 70%; height: 55%; bottom: -5px; left: 0; clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%); }
	#headline .in-headline h2 { font-size: 2.7rem; color: #000; letter-spacing: 0.25em; margin-left: 5vw; margin-top: 5vh; line-height: 1.2; }
	#headline .in-headline p { margin-bottom: 0px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; color: var(--opa-color); margin-left: 5vw; }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#headline .in-headline h2 { font-size: 2.1rem; letter-spacing: 0.1 em;}
}
@media screen and (min-width: 900px) and (max-width: 1089px)  {
	#headline .in-headline h2 { font-size: 2.2rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px)  {
	#headline .in-headline h2 { font-size: 2.3rem; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	#headline .in-headline h2 { font-size: 2.4rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	#headline .in-headline h2 { font-size: 2.5rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	#headline .in-headline h2 { font-size: 2.6rem; }
}
@media screen and (min-width: 1490px) {
}
/* アニメーション */
@keyframes reveal {
  from { clip-path: inset(0 100% 0 0); }
  to   { clip-path: inset(0 0 0 0); }
}
/*-- header ------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	header .in-head-flex .hL h1 { color: #000; }
	header .in-head-flex .hR nav ul li a { position: relative; }
}
@media screen and (max-width: 599px) {
	.menu-trigger span { background-color: var(--opa-color); }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.menu-trigger span { background-color: var(--opa-color); }
}
/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 5vh; padding: 10px 1%; background: #fff; border-bottom: 1px solid #dedede; position: relative; margin-top: -5px; }
#breadcrumbs li { font-size: 0.8rem; margin-right: 5px; display: inline-block; }
#breadcrumbs li:nth-child(1):before { content:"\f109"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; }
#breadcrumbs li:after { content: "〉"; margin-left: 20px; color: #666; }
#breadcrumbs li:last-child { margin-right: 0px; }
#breadcrumbs li:last-child:after { display: none; }
@media screen and (max-width: 599px) {
	#breadcrumbs { margin-bottom: 0px; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; padding-bottom: 0px; }
	#breadcrumbs li { font-size: 0.7rem; margin-bottom: 10px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	#breadcrumbs { margin-bottom: 40px; }
	#breadcrumbs li { font-size: 0.8rem; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	#breadcrumbs { margin-bottom: 40px; }
}
#breadcrumbs li a         { resize: none; }
#breadcrumbs li a:link    { color:#333; text-decoration: underline; }
#breadcrumbs li a:visited { color:#333; text-decoration: underline; }
#breadcrumbs li a:hover   { color:var(--opa-color); text-decoration: underline; }
#breadcrumbs li a:active  { color:#333; text-decoration: underline; }


/*-- .contactSec -------------------------------------------------------------*/
.contactSec .ttl01 { color: #000; border-bottom: 1px solid #000; }
.contactSec .box_link_btn a { color:#000; border:#000 1px solid; }
.contactSec .box_link_btn a:link    { color:#000; }
.contactSec .box_link_btn a:visited { color:#000; }
.contactSec .box_link_btn a:hover   { color:#fff; background:#000; }
.contactSec .box_link_btn a:active  { color:#000; }
.contactSec .box_link_btn a:after { content: ""; background: #000; }
.contactSec .box_link_btn a:hover:after { content: ""; background: #fff; }
.contactSec .box_link_btn a::before { background-color: #000; }
@media screen and (max-width: 599px) {
	.contactSec .ttl01 { padding-bottom: 10px; font-size: 1.2rem; }
}
@media screen and (min-width: 600px) and (max-width: 899px){
	.contactSec .ttl01 { padding-bottom: 10px; font-size: 1.2rem; text-align: left; }
}
@media screen and (min-width: 900px) and (max-width: 1089px){
	.contactSec .ttl01 { padding-bottom: 10px; font-size: 1.2rem; text-align: left; }
}
/*-- section ------------------------------------------------------------*/
@media screen and (max-width: 1089px){
	.in-flex main section { margin-bottom: 10vh; }
	.s_ttl01 { color: var(--opa-color); padding-bottom: 5px; margin-bottom: 20px; line-height: 1.5; letter-spacing: 0.1em; position: relative; padding:5px 0.75em; }	
	.s_ttl01:before { content: ""; position: absolute; top: 50%;; left: 0; transform: translateY(-50%); width:5px; height: 80%; background: var(--opa-color);  }
	
	.s_ttl02 { color: var(--opa-color); padding-bottom: 10px; margin-bottom: 20px; line-height: 1.5; letter-spacing: 0.1em; position: relative; border-bottom: 1px solid var(--opa-color); }	
	.s_ttl02:before { content: ""; position: absolute; bottom: -3px; left: 0; background:var(--opa-color); height: 3px; width: 20%; }
	
	.flex-half { margin-bottom: 5vh; }
	.in-flex-half { margin-bottom: 20px;}
}
@media screen and (max-width: 599px) {
	main { margin: 6%; }
	.in-flex main section { margin-bottom: 5vh; }
	.in-flex aside .side-in .sp-toggle { background: #f4f4f4; text-align: center; padding: 5px 0; position: relative; margin-bottom: 0px; }
	.in-flex aside .side-in .sp-toggle:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
	.in-flex aside .side-in .sp-toggle.active:after { content: "\f106"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
	.in-flex aside .side-in ul li { padding: 10px; border-bottom: 1px dotted #dedede; }
	.in-flex aside .side-in .sp-toggleContent { margin-bottom: 40px; }
	
	.s_ttl01 { font-size: 1.5em; }
	.s_ttl01 { font-size: 1.4em; }
}
@media screen and (min-width: 600px) and (max-width: 899px){
	.in-flex aside .side-in ul { display: flex; justify-content: center; align-items: center; margin-bottom: 5vh; } 
	.in-flex aside .side-in ul li { height: 40px; line-height: 40px; text-align: center; border: 3px solid #dedede; width: 15%; margin: 0 0.5%; font-size: 0.8em; }
	.in-flex aside .side-in ul.subMenu_tab li { width: 25%; font-size: 0.7em; }
	
	.in-flex aside .side-in ul li a { resize: none; display: block; }
	.in-flex aside .side-in ul li a:link    { color:#000; text-decoration: none; }
	.in-flex aside .side-in ul li a:visited { color:#000; text-decoration: none; }
	.in-flex aside .side-in ul li a:hover   { color:#fff; text-decoration: none; background: var(--opa-color) }
	.in-flex aside .side-in ul li a:active  { color:#000; text-decoration: none; }
	
	.in-flex aside .side-in ul li:hover a { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li:hover a:link    { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li:hover a:visited { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li:hover a:hover   { color:#fff; text-decoration: none; background: var(--opa-color) }
	.in-flex aside .side-in ul li:hover a:active  { color:#fff; text-decoration: none; }
	
	.s_ttl01 { font-size: 1.5em; }
	.s_ttl01 { font-size: 1.4em; }
	
	.tab_dnone { display: none !important; }
}
@media screen and (min-width: 900px) and (max-width: 1089px){
	.in-flex aside .side-in ul { display: flex; justify-content: center; align-items: center; margin-bottom: 5vh; } 
	.in-flex aside .side-in ul li { height: 40px; line-height: 40px; text-align: center; border: 3px solid #dedede; width: 15%; margin: 0 0.5%; font-size: 0.8em; }
	.in-flex aside .side-in ul.subMenu_tab li { width: 25%; font-size: 0.7em; }
	.in-flex aside .side-in ul li a { resize: none; display: block; }
	.in-flex aside .side-in ul li a:link    { color:#000; text-decoration: none; }
	.in-flex aside .side-in ul li a:visited { color:#000; text-decoration: none; }
	.in-flex aside .side-in ul li a:hover   { color:#fff; text-decoration: none; background: var(--opa-color) }
	.in-flex aside .side-in ul li a:active  { color:#000; text-decoration: none; }
	
	.in-flex aside .side-in ul li:hover a { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li:hover a:link    { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li:hover a:visited { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li:hover a:hover   { color:#fff; text-decoration: none; background: var(--opa-color) }
	.in-flex aside .side-in ul li:hover a:active  { color:#fff; text-decoration: none; }
	
	.s_ttl01 { font-size: 1.5em; }
	.s_ttl01 { font-size: 1.4em; }
	
	.tab_dnone { display: none !important; }
}
@media screen and (min-width: 1090px){
	section { margin-top: -80px; padding-top: 80px; }
	section .in { width: 100%; padding: 0 0%; }
	
	.in-flex { display: flex; justify-content: space-between; margin: 0 4%; }
	.in-flex aside { width: 20%; padding: 0 2% 0 0;}
	.in-flex aside .side-in { position: sticky; top: 10%; }
	.in-flex aside .side-in ul { margin-bottom: 20px; }
	.in-flex aside .side-in ul li { border-left: 3px solid var(--opa-color); padding: 5px 10px; border-bottom: 1px dotted #dedede; margin-bottom: 10px; font-size: 0.9em; cursor: pointer; }
	.in-flex aside .side-in ul li.subMenu { border-left:none; padding: 5px 0px 5px 0px; border-bottom: 1px dotted #dedede; margin-bottom: 10px; font-size: 0.9em; }
	.in-flex aside .side-in ul li.subMenu:before { content: "├"; margin-right: 0.25em; display: inline-block; vertical-align: top; }
	.in-flex aside .side-in ul li.subMenu a { display: inline-block; }
	
	.in-flex aside .side-in ul li:hover { background:var(--opa-color); color: #fff; }
	.in-flex aside .side-in ul li:hover a { color: #fff; }
	.in-flex aside .side-in ul li a { resize: none; display: block; }
	.in-flex aside .side-in ul li a:link    { color:#000; text-decoration: none; }
	.in-flex aside .side-in ul li a:visited { color:#000; text-decoration: none; }
	.in-flex aside .side-in ul li a:hover   { color:#fff; text-decoration: none; background: var(--opa-color) }
	.in-flex aside .side-in ul li a:active  { color:#000; text-decoration: none; }
	
	.in-flex aside .side-in ul li:hover a:link    { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li:hover a:visited { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li:hover a:hover   { color:#fff; text-decoration: none; background: var(--opa-color) }
	.in-flex aside .side-in ul li:hover a:active  { color:#fff; text-decoration: none; }
	
	.in-flex aside .side-in ul li.current { background:var(--opa-color); color: #fff; }
	.in-flex aside .side-in ul li.current:hover a { color: #fff; opacity: 0.7; }
	.in-flex aside .side-in ul li.current a { resize: none; display: block; }
	.in-flex aside .side-in ul li.current a:link    { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li.current a:visited { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li.current a:hover   { color:#fff; text-decoration: none; background: var(--opa-color) }
	.in-flex aside .side-in ul li.current a:active  { color:#fff; text-decoration: none; }
	.in-flex aside .side-in ul li.current.subMenu a { display: inline-block; }
	
	.in-flex aside .side-in ul li.toggle { position: relative; }
	.in-flex aside .side-in ul li.toggle:after { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; font-family: "Font Awesome 5 Free"; content: "\f067"; font-weight: 900; opacity: 0.5;}
	.in-flex aside .side-in ul li.active.toggle:after { content: "\f068"; }
	
	.in-flex aside .side-in ul li a.active { font-size: 1.1em; letter-spacing: 0.1em; font-weight: bold; }
	/*.in-flex aside .side-in ul li a.current { font-size: 1.2em; letter-spacing: 0.1em; font-weight: bold; }*/
	
	.in-flex main { width: 80%;}
	.in-flex main section { margin-bottom: 10vh; }
	.s_ttl01 { color: var(--opa-color); padding-bottom: 5px; margin-bottom: 40px; font-size: 1.8em; line-height: 1.5; background-size: 40px; letter-spacing: 0.1em; position: relative; padding-left: 0.75em; }	
	.s_ttl01:before { content: ""; position: absolute; top: 50%;; left: 0; transform: translateY(-50%); width:5px; height: 80%; background: var(--opa-color);  }
	
	.s_ttl02 { color: var(--opa-color); padding-bottom: 10px; margin-bottom: 20px; font-size: 1.5em; line-height: 1.5; letter-spacing: 0.1em; position: relative; border-bottom: 1px solid var(--opa-color); }	
	.s_ttl02:before { content: ""; position: absolute; bottom: -3px; left: 0; background:var(--opa-color); height: 3px; width: 20%; }
	
	.flex-half { display: flex; justify-content: space-between; margin-bottom: 5vh; }
	.in-flex-half { width: 48%; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px){
	.in-flex { display: flex; justify-content: space-between; margin: 0 2%; }
	.in-flex aside { width: 20%; padding: 0 4% 0 0;}
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	.in-flex { display: flex; justify-content: space-between; margin: 0 2%; }
	.in-flex aside { width: 20%; padding: 0 4% 0 0;}
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	.in-flex { display: flex; justify-content: space-between; margin: 0 2%; }
	.in-flex aside { width: 20%; padding: 0 3% 0 0;}
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	.in-flex aside { width: 20%; padding: 0 2% 0 0;}
}
@media screen and (min-width: 1490px) {
}

/*-- company ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.tbl01 { width: 100%; border-top: 1px solid #dedede; }
	.tbl01 th,.tbl01 td { padding: 10px; text-align: left; display: block; }
	.tbl01 th { text-align: center; border-bottom: 1px dotted #dedede; background: #f4f4f4; }
	.tbl01 td { border-bottom: 1px solid #dedede; }
	
	.tbl02 { width: 100%;  }
	.tbl02 th,.tbl02 td { padding: 10px; text-align: left; border: 1px solid #fff; vertical-align:middle; font-size: 0.9em;}
	.tbl02 th { width: 30%; text-align: center; background: #f4f4f4; border: 1px solid #dedede; }
	.tbl02 td { width: 70%; border: 1px solid #dedede; }
}
@media screen and (min-width: 600px) {
	.tbl01 { width: 100%;  }
	.tbl01 th,.tbl01 td { padding: 20px; text-align: left; }
	.tbl01 th { width: 20%; text-align: left; border-bottom: 3px solid #dedede; }
	.tbl01 td { width: 80%; border-bottom: 1px solid #dedede; }
	
	.tbl02 { width: 100%;  }
	.tbl02 th,.tbl02 td { padding: 20px; text-align: left; border: 1px solid #fff; vertical-align:middle; font-size: 0.9em;}
	.tbl02 th { width: 25%; text-align: center; background: #f4f4f4; border: 1px solid #dedede; }
	.tbl02 td { width: 75%; border: 1px solid #dedede; }
}

#content .gm-style .review-box { display: none !important;}
/*-- company ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.sign { font-family: "Sawarabi Mincho"; font-weight: 400; font-style: normal; font-size: 1.1em; }
	.sign span { margin-left: 1em; font-size: 1.3em; }
	
	.kenkoTtl { margin-bottom: 40px; }
	.kenkoTtl li { font-weight: bold; margin-bottom: 10px; padding-left: 1em; text-indent: -1em; }
	.kenkoTtl li:before { content: "・"; margin-right: 5px; }
}
@media screen and (min-width: 600px) {
	.sign { font-family: "Sawarabi Mincho"; font-weight: 400; font-style: normal; font-size: 1.1em; }
	.sign span { margin-left: 1em; font-size: 1.3em; }
	
	.kenkoTtl { margin-bottom: 40px; }
	.kenkoTtl li { font-weight: bold; margin-bottom: 10px; }
	.kenkoTtl li:before { content: "・"; margin-right: 5px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
}

.arrow-button-L { margin-bottom: 0px; }
.arrow-button-L a { display:inline-block; cursor:pointer; position: relative; text-decoration: none; padding: 5px 40px 5px 20px; font-size: 0.9rem; color: #000; background: #f4f4f4; /*transform: skewX(-15deg);*/ transition: .3s;}
.arrow-button-L a::after { content: ""; display: block; position: absolute; top: 50%; left: 90%; width: 40px; height: 5px; border: none; border-right: 2px solid #000; border-bottom: 1px solid #000;
	transform: skew(45deg) translateY(-70%); transition: .3s;
}
.arrow-button-L a:hover::after { position: absolute; top: calc(50%); left: 90%; width: 60px; height: 5px; }
@media screen and (max-width: 599px) {
	.arrow-button-L a { font-size: 0.8rem; margin-bottom: 20px; padding: 5px 40px 5px 10px; }
	.arrow-button-L a::after { left: 80%; width: 30px; }
}

.arrow-button-L:hover { color:#000; }
.arrow-button-L a:hover::after { border-right: 2px solid #000; border-bottom: 1px solid #000; }
.arrow-button-L a:hover::after { }

/*-- service ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.s_ttl01_txt { color: var(--opa-color); margin-bottom: 20px; font-size: 1.5em; line-height: 1.5; font-weight: bold; }
	.s_ttl01_txt_mb10 { margin-bottom: 10px; }
	.s_ttl02_txt { color:#000; margin-bottom: 20px; font-size: 1.2em; line-height: 1.5; font-weight: bold; }
	
	.serviceList { margin-bottom: 40px; }
	.serviceList li { margin-bottom: 20px; }
	.serviceList li:last-child { margin-bottom: 0%; }
	.serviceList li h4 { color: var(--opa-color); margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 1.2em; }
	.serviceList li div { margin-bottom: 10px; }
	.serviceList li .sl-icon { width: 30%; margin: 0 auto 10px; }
	
	.service-flex { }
	.service-flex .in-sflex-L { position: relative; height: 150px; overflow: hidden; margin-bottom: 20px; }
	.service-flex .in-sflex-L::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/common/b-it.png") center center no-repeat; background-size: cover; transition: transform 0.5s ease; }	
	.service-flex .in-sflex-R { position: relative; height: 150px; overflow: hidden; }
	.service-flex .in-sflex-R::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/common/bill.png") center center no-repeat; background-size: cover; transition: transform 0.5s ease; }
	
	.service-flex .in-sflex-L .ovry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--sub-color); opacity: 0.75; }
	.service-flex .in-sflex-R .ovry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--base-color); opacity: 0.75; }
	.service-flex .copy-01 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; width: 90%; margin: 0 auto; }
	.service-flex .mv-ttl06 { color: #fff; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 1.5em; margin-bottom: 20px; opacity: 0.55; line-height: 1.0; text-align: center; }
	.service-flex .in-sflex-L .mv-ttl06 { position: unset; font-size: 1.2em; margin-bottom: 10px; }
	.service-flex .in-sflex-R .mv-ttl06 { position: unset; font-size: 1.2em; margin-bottom: 10px; }
	.service-flex .in-sflex-L .mv-ttl01,.service-flex .in-sflex-R .mv-ttl01 { text-align: center; color: #fff; font-size: 1.3em; font-weight: bold; }
	.service-flex .in-sflex-L .mv-ttl02,.service-flex .in-sflex-R .mv-ttl02 { text-align: center; color: #fff; }
	
	/* ホバー時に拡大 */
	.service-flex .in-sflex-L:hover { cursor: pointer; }
	.service-flex .in-sflex-L:hover .ovry { opacity: 0.25; }
	.service-flex .in-sflex-L:hover::before { transform: scale(1.2); /* 120%に拡大 */ }
	.service-flex .in-sflex-R:hover { cursor: pointer; }
	.service-flex .in-sflex-R:hover .ovry { opacity: 0.25; }
	.service-flex .in-sflex-R:hover::before { transform: scale(1.2); /* 120%に拡大 */ }
	
	.product { margin-top: 5vh; }
	.product .in-flex { border-top: 1px solid #dedede; margin:5vh 0; padding: 5vh 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; max-width: 1400px; margin: 0 auto; width: 100%; }
	.product .in-flex .series { margin-bottom: 40px;}
	.product .in-flex .seriesLogo { width: 40%; margin: 0 auto 20px; }
	.seriesDl { display: flex; justify-content: center; margin-bottom: 20px; }
	.seriesDl dt { font-weight: bold; font-size: 1.1em; margin-right: 1em; }
	.seriesDl dd { font-weight: bold; font-size: 1.1em; }
	
	.product .box_link_btn a { color:#000; border:#000 1px solid; margin: 0 auto; }
	.product .box_link_btn a:link    { color:#000; }
	.product .box_link_btn a:visited { color:#000; }
	.product .box_link_btn a:hover   { color:#fff; background:#000; }
	.product .box_link_btn a:active  { color:#000; }
	.product .box_link_btn a:after { background: #000; }
	.product .box_link_btn a:hover:after { background: #fff; }
	.product .box_link_btn a::before { background-color: #000; }
	
	.numList { display: flex; justify-content: flex-start; margin-bottom: 20px; }
	.numList li { width: 31%; margin-right: 3.5%; }
	.numList li:last-child { margin-right: 0px; }
	.numList li h4 { text-align: center; margin-bottom: 10px; background: var(--opa-color); padding: 5px 0; font-size: 0.8rem; color: #fff; }
	.numList li h5 { text-align: center; font-size: 2.0rem; line-height: 1.0; color: #000; }
	.numList li h5 .xsmall { font-size: 0.5em; margin-left: 0.25em; }
	.numList li .nice-icon { width: 50%; margin: 0 auto 10px; }
	.numList li .xxsmall { margin-top: 20px !important; font-size: 0.7em; }
}
@media screen and (min-width: 600px) {
	.s_ttl01_txt { color: var(--opa-color); margin-bottom: 20px; font-size: 1.8em; line-height: 1.5; font-weight: bold; }
	.s_ttl01_txt_mb10 { margin-bottom: 10px; }
	.s_ttl02_txt { color:#000; margin-bottom: 20px; font-size: 1.2em; line-height: 1.5; font-weight: bold; }
	
	.serviceList { display: flex; justify-content: flex-start; margin-bottom: 40px; }
	.serviceList li { width: 31%; margin-right: 3.5%; }
	.serviceList li:last-child { margin-right: 0%; }
	.serviceList li h4 { color: var(--opa-color); margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 1.1em; }
	.serviceList li div { margin-bottom: 10px; }
	.serviceList li .sl-icon { width: 40%; margin: 0 auto 10px; }
	
	.service-flex { display: flex; justify-content: space-between; align-items: center; }
	.service-flex .in-sflex-L { position: relative; height: 200px; width: 48%; overflow: hidden; }
	.service-flex .in-sflex-L::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/common/b-it.png") center center no-repeat; background-size: cover; transition: transform 0.5s ease; }	
	.service-flex .in-sflex-R { position: relative; height: 200px; width: 48%; overflow: hidden; }
	.service-flex .in-sflex-R::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/common/bill.png") center center no-repeat; background-size: cover; transition: transform 0.5s ease; }
	
	.service-flex .in-sflex-L .ovry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--sub-color); opacity: 0.75; }
	.service-flex .in-sflex-R .ovry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--base-color); opacity: 0.75; }
	.service-flex .copy-01 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; width: 90%; margin: 0 auto; }
	.service-flex .mv-ttl06 { color: #fff; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 1.5em; margin-bottom: 20px; opacity: 0.55; line-height: 1.0; text-align: center; }
	.service-flex .in-sflex-L .mv-ttl06 { position: unset; font-size: 1.2em; margin-bottom: 10px; }
	.service-flex .in-sflex-R .mv-ttl06 { position: unset; font-size: 1.2em; margin-bottom: 10px; }
	.service-flex .in-sflex-L .mv-ttl01,.service-flex .in-sflex-R .mv-ttl01 { text-align: center; color: #fff; font-size: 1.3em; font-weight: bold; }
	.service-flex .in-sflex-L .mv-ttl02,.service-flex .in-sflex-R .mv-ttl02 { text-align: center; color: #fff; }
	
	/* ホバー時に拡大 */
	.service-flex .in-sflex-L:hover { cursor: pointer; }
	.service-flex .in-sflex-L:hover .ovry { opacity: 0.25; }
	.service-flex .in-sflex-L:hover::before { transform: scale(1.2); /* 120%に拡大 */ }
	.service-flex .in-sflex-R:hover { cursor: pointer; }
	.service-flex .in-sflex-R:hover .ovry { opacity: 0.25; }
	.service-flex .in-sflex-R:hover::before { transform: scale(1.2); /* 120%に拡大 */ }
	
	.product { margin-top: 5vh; }
	.product .in-flex { border-top: 1px solid #dedede; margin:5vh 0; padding: 5vh 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; max-width: 1400px; margin: 0 auto; width: 100%; }
	.product .in-flex .series { width: 48%; }
	.product .in-flex .seriesLogo { width: 40%; margin: 0 auto 20px; }
	.seriesDl { display: flex; justify-content: center; margin-bottom: 20px; }
	.seriesDl dt { font-weight: bold; font-size: 1.1em; margin-right: 1em; }
	.seriesDl dd { font-weight: bold; font-size: 1.1em; }
	
	.product .box_link_btn a { color:#000; border:#000 1px solid; margin: 0 auto; }
	.product .box_link_btn a:link    { color:#000; }
	.product .box_link_btn a:visited { color:#000; }
	.product .box_link_btn a:hover   { color:#fff; background:#000; }
	.product .box_link_btn a:active  { color:#000; }
	.product .box_link_btn a:after { background: #000; }
	.product .box_link_btn a:hover:after { background: #fff; }
	.product .box_link_btn a::before { background-color: #000; }
	
	.numList { display: flex; justify-content: flex-start; margin-bottom: 20px; }
	.numList li { width: 31%; margin-right: 3.5%; }
	.numList li:last-child { margin-right: 0px; }
	.numList li h4 { text-align: center; margin-bottom: 10px; background: var(--opa-color); padding: 5px 0; font-size: 0.9rem; color: #fff; }
	.numList li h5 { text-align: center; font-size: 3.6rem; line-height: 1.0; color: #000; }
	.numList li h5 .xsmall { font-size: 0.5em; margin-left: 0.25em; }
	.numList li .nice-icon { width: 30%; margin: 0 auto 10px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.product .in-flex { display: flex; justify-content: space-between; }
	.numList li h5 { font-size: 2.4rem; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.product .in-flex { display: flex; justify-content: space-between; }
	.numList li h4 { font-size: 0.7rem; }
	.numList li h5 { font-size: 2.8rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.numList li h4 { font-size: 0.75rem; }
	.numList li h5 { font-size: 3.0rem; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	.numList li h4 { font-size: 0.8rem; }
	.numList li h5 { font-size: 3.2rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	.numList li h4 { font-size: 0.85rem; }
	.numList li h5 { font-size: 3.4rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
}

/*-- recruit ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.ttl03 { font-size: 1.3em; margin-bottom: 20px; position: relative; padding-left: 50px; }
	.ttl03:before { content: ""; height: 1px; width: 40px; position: absolute; left: 0; top: 20px; background: var(--opa-color); }
	.flex-half-re { align-items: center; }
	.flex-half-re .in-flex-half-Txt { width: 100%; }
	.flex-half-re .in-flex-half-Img { display: none; }
	
	.service-flex .in-sflex-L-recruit::before { background: url("../img/second/recruit01.jpg") center center no-repeat; }	
	.service-flex .in-sflex-R-recruit::before { background: url("../img/second/recruit02.jpg") center center no-repeat; }
	.service-flex .in-sflex-L-recruit .g_link { z-index: 100; }
	.service-flex .in-sflex-R-recruit .g_link { z-index: 100; }
	
	.service-flex .in-sflex-L .ovry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--sub-color); opacity: 0.75; }
	.service-flex .in-sflex-R .ovry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--base-color); opacity: 0.75; }
	
	.mynavi { border: 3px solid #dedede; padding: 20px; background: #fff; }
	.mynavi div { text-align: center; margin-bottom: 20px; }
	.mynavi p.entry { background: #FF791E; color: #fff; padding: 5px 10px; text-align: center; margin-bottom: 0; border-radius: 4px; font-size: 0.9em; }
	
	.entryForm { background: #FF791E; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 6px; margin: 5vh auto; max-width: 700px; width: 100%; padding: 10px 0; }
	.entryForm div { background: #fff; padding: 10px 20px; margin:0 auto 10px; width: 60%; }
	.entryForm p { margin-bottom: 0px; }
	.entryForm p.entryTxt { font-size: 1.5em; color: #fff; margin: 0 1em;}
	.entryForm p.entryArrow { font-size: 1.5em; color: rgba(255,255,255,0.5);}
	
	.flowStep li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedede; position: relative; }
	.flowStep li:after { content: ""; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 0px; height: 0px; border-style: solid; border-width: 15px 50px 0 50px; border-color: #dedede transparent transparent transparent; }
	.flowStep li:last-child:after { display: none; }
	.ttlTbl { margin-bottom: 20px; width: 100%;}
	.ttlTbl th { background: var(--opa-color); padding: 5px 20px; vertical-align: middle; color: #fff; border: 1px solid var(--opa-color); text-align: center; width: 20%; }
	.ttlTbl td { padding: 5px 20px; vertical-align: middle; font-size: 1.25em; border-bottom: 1px solid var(--opa-color); background: #f5fdff; }
	.flowStep li p { margin-bottom: 0px; }
	.in-flow { margin: 0 2%; }
	
	.timeFlowBox { }
	.ttl04 { background: var(--sub-color); padding: 10px; color: #fff; text-align: center; }
	.timeFlowBox { background: #fffdf4; padding: 20px; }
	.timeFlow li { display: flex; justify-content: space-between; padding-bottom: 40px; position: relative; z-index: 1; }
	.timeFlow li:after { content: ""; position: absolute; left: 30px; top: 30px; background: var(--sub-color); width: 1px; height: 100%; z-index: -1; }
	.timeFlow li:last-child:after { display: none; }
	.timeFlow li .timeCircle { background: var(--sub-color); width: 60px; height: 60px; border-radius: 50px; color: #fff; display: flex; justify-content: center; align-items: center; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; line-height: 1.0; border: 3px solid rgb(255 255 255 / 50%);}
	.timeFlow li .timeTxt { width: calc(94% - 60px); }
	.timeFlow li .timeTxt .timeTtl { color: var(--sub-color); font-weight: bold; margin-bottom: 10px; font-size: 1.0rem; }
	.timeFlow li .timeTxt p { font-size: 0.9em; }
	
	.tab_dnone { display: none; }
	.service-flex-re { margin-bottom: 40px; }
}
@media screen and (min-width: 600px) {
	.ttl03 { font-size: 1.3em; margin-bottom: 20px; position: relative; padding-left: 50px; }
	.ttl03:before { content: ""; height: 1px; width: 40px; position: absolute; left: 0; top: 20px; background: var(--opa-color); }
	.flex-half-re { align-items: center; }
	.in-flex-half-Txt { width: 52%; }
	.in-flex-half-Img { width: 40%; }
	
	.service-flex .in-sflex-L-recruit::before { background: url("../img/second/recruit01.jpg") center center no-repeat; }	
	.service-flex .in-sflex-R-recruit::before { background: url("../img/second/recruit02.jpg") center center no-repeat; }
	.service-flex .in-sflex-L-recruit .g_link { z-index: 100; }
	.service-flex .in-sflex-R-recruit .g_link { z-index: 100; }
	
	.service-flex .in-sflex-L .ovry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--sub-color); opacity: 0.75; }
	.service-flex .in-sflex-R .ovry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--base-color); opacity: 0.75; }
	
	.mynavi { border: 3px solid #dedede; padding: 20px; background: #fff; }
	.mynavi div { text-align: center; margin-bottom: 20px; }
	.mynavi p.entry { background: #FF791E; color: #fff; padding: 5px 10px; text-align: center; margin-bottom: 0; border-radius: 4px; font-size: 0.9em; }
	
	.entryForm { background: #FF791E; display: flex; justify-content: center; align-items: center; border-radius: 6px; margin: 10vh auto; max-width: 700px; width: 100%; padding: 20px 0; }
	.entryForm div { background: #fff; padding: 20px; max-width: 200px; }
	.entryForm p { margin-bottom: 0px; }
	.entryForm p.entryTxt { font-size: 1.5em; color: #fff; margin: 0 1em;}
	.entryForm p.entryArrow { font-size: 1.5em; color: rgba(255,255,255,0.5);}
	
	.flowStep li { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #dedede; position: relative; }
	.flowStep li:after { content: ""; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 0px; height: 0px; border-style: solid; border-width: 15px 50px 0 50px; border-color: #dedede transparent transparent transparent; }
	.flowStep li:last-child:after { display: none; }
	.ttlTbl { margin-bottom: 40px; width: 100%;}
	.ttlTbl th { background: var(--opa-color); padding: 5px 20px; vertical-align: middle; color: #fff; border: 1px solid var(--opa-color); text-align: center; width: 20%; }
	.ttlTbl td { padding: 5px 20px; vertical-align: middle; font-size: 1.5em; border-bottom: 1px solid var(--opa-color); background: #f5fdff; }
	.flowStep li p { margin-bottom: 0px; }
	.in-flow { margin: 0 2%; }
	
	.timeFlowBox { }
	.ttl04 { background: var(--sub-color); padding: 10px; color: #fff; text-align: center; }
	.timeFlowBox { background: #fffdf4; padding: 30px; }
	.timeFlow li { display: flex; justify-content: space-between; padding-bottom: 40px; position: relative; z-index: 1; }
	.timeFlow li:after { content: ""; position: absolute; left: 30px; top: 30px; background: var(--sub-color); width: 1px; height: 100%; z-index: -1; }
	.timeFlow li:last-child:after { display: none; }
	.timeFlow li .timeCircle { background: var(--sub-color); width: 60px; height: 60px; border-radius: 50px; color: #fff; display: flex; justify-content: center; align-items: center; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; line-height: 1.0; border: 3px solid rgb(255 255 255 / 50%);}
	.timeFlow li .timeTxt { width: calc(96% - 60px); }
	.timeFlow li .timeTxt .timeTtl { color: var(--sub-color); font-weight: bold; margin-bottom: 10px; font-size: 1.0rem; }
	.timeFlow li .timeTxt p { font-size: 0.9em; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.in-flex-half-Txt { width: 100%; }
	.in-flex-half-Img { display: none; }
	.flex-half-re .in-flex-half-Txt .sp_tab_mini { width: 80%; margin: 0 auto 40px; }
	.tab_dnone { display: none; }
	.service-flex-re { margin-bottom: 40px; }
	.mynavi.g_box.sp_tab { max-width: 600px; margin: 0 auto; width: 100%; }
	.entryForm { margin: 5vh auto; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.flex-half-re { display: flex; justify-content: space-between; align-items: flex-start; }
	.tab_dnone { display: none; }
	.service-flex-re { margin-bottom: 40px; }
	.mynavi.g_box.sp_tab { max-width: 600px; margin: 0 auto; width: 100%; }
	.entryForm { margin: 5vh auto; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.mynavi p.entry { font-size: 0.7em; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	.mynavi p.entry { font-size: 0.8em; }
}
/*-- voice ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.voiceList { display: flex; justify-content: flex-start; flex-wrap: wrap;}
	.voiceList li { margin-bottom: 20px; width: 48%; margin-right: 4%; }
	.voiceList li:nth-child(2n) { margin-right: 0px; }
	.voiceList li div.voiceEye { margin-bottom: 10px; position: relative; }	
	.voiceList li .voiceM { position: absolute; left: 4%; bottom:10px; font-size: 1.5rem; font-weight: bold; color: #fff; }
	
	.voiceList02 { display: flex; justify-content: flex-start;}
	.voiceList02 li { margin-bottom: 0px; width: 32%; margin-right: 2%; overflow-y: hidden;}
	.voiceList02 li:nth-child(2n) { margin-right: 0; }
	.voiceList02 li div.voiceEye { margin-bottom: 0px; position: relative; }	
	.voiceList02 li .nameBox { position: absolute; left: 4%; bottom:10px; font-size: 1.0rem; font-weight: bold; color: #fff; z-index: 2; }
	.voiceList02 li .nameBox p { margin-bottom: 0px; }
	.voiceList02 .ovry { background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
	
	.nameBox p .bold { font-size: 0.9em; }
	
	.voiceIndex { margin-bottom: 40px; border-bottom: 1px dotted #dedede; padding-bottom: 40px; }
	.voiceIndexL { width: 100%; margin-bottom: 20px; }
	.voiceIndexR { width: 100%; }
	.voiceIndexR .voiceM { font-size: 1.5em; margin-bottom: 20px; font-weight: bold; color: var(--opa-color); }
	.voiceName { margin-top: 10px; font-size: 1.2em; font-weight: bold; }
}
@media screen and (min-width: 600px) {
	.voiceList { display: flex; justify-content: flex-start; flex-wrap: wrap;}
	.voiceList li { margin-bottom: 20px; width: 32%; margin-right: 2%; }
	.voiceList li:nth-child(3n) { margin-right: 0; }
	.voiceList li div.voiceEye { margin-bottom: 10px; position: relative; }	
	.voiceList li .voiceM { position: absolute; left: 4%; bottom:10px; font-size: 1.5rem; font-weight: bold; color: #fff; }
	
	.voiceList02 { display: flex; justify-content: flex-start;}
	.voiceList02 li { margin-bottom: 0px; width: 32%; margin-right: 2%; overflow-y: hidden;}
	.voiceList02 li:nth-child(3n) { margin-right: 0; }
	.voiceList02 li div.voiceEye { margin-bottom: 0px; position: relative; }	
	.voiceList02 li .nameBox { position: absolute; left: 4%; bottom:10px; font-size: 1.0rem; font-weight: bold; color: #fff; z-index: 2; }
	.voiceList02 li .nameBox p { margin-bottom: 0px; }
	.voiceList02 .ovry { background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
	
	.voiceIndex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; border-bottom: 1px dotted #dedede; padding-bottom: 40px; }
	.voiceIndexL { width: 48%; }
	.voiceIndexR { width: 48%; }
	.voiceIndexR .voiceM { font-size: 1.8em; margin-bottom: 20px; font-weight: bold; color: var(--opa-color); }
	.voiceName { margin-top: 10px; font-size: 1.2em; font-weight: bold; }
	
	aside .box_link_btn a { width: 100%; margin: 0 auto 10px; }
}

/*-- news ------------------------------------------------------------*/
@media screen and (max-width: 899px) {			
	.newsList { width: 100%; margin: 0 auto 20px; }
	.newsList li .newsDl { margin-bottom: 10px; }
	
	.newsDl { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; }
	.newsDl dt { background: #000; color: #fff; font-size: 10px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #000; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	.newsDl dd { background: #fff; color: #000; font-size: 10px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #000; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
}
@media screen and (min-width: 900px) {	
	.newsList { margin: 0 auto; }
	.newsList li { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.newsList li p { margin-bottom: 0px; font-size: 0.9em; }
	.newsList li .newsDl { margin-right: 10px; }
	
	.newsDl { display: flex; justify-content: flex-start; align-items: center; }
	.newsDl dt { background: #000; color: #fff; font-size: 12px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #000; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
	.newsDl dd { background: #fff; color: #000; font-size: 12px; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #000; font-family:'Roboto Condensed', sans-serif; font-weight:bold; }
}

/*-- pp ------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	.ppDl { margin-bottom: 40px; }
	.ppDl dt { font-size: 1.1em; margin-bottom: 10px; font-weight: bold; padding-left: 1em; text-indent: -1em; }
	.ppDl02 { margin-left: 1em; }
	.ppDl02 dt { font-size: 1.0em; }
	.t-intend { padding-left: 1em; text-indent: -1em; display: block;}
	
	.block-btn { width: 80%; margin: 0 auto; }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
}
@media screen and (min-width: 900px) {	
	.ppDl { margin-bottom: 40px; line-height: 2.0; }
	.ppDl dt { font-size: 1.1em; margin-bottom: 10px; font-weight: bold; padding-left: 1em; text-indent: -1em; }
	.ppDl02 { margin-left: 1em; }
	.ppDl02 dt { font-size: 1.0em; }
	.t-intend { padding-left: 1em; text-indent: -1em; display: block; }
}


.contact-list-btn { border: 1px solid #dedede; padding: 20px; border-radius: 6px; position: relative; transition: .3s; border-top: 5px solid #00b2db; }
.contact-list-btn:hover { border: 1px solid var(--opa-color); }
.contact-list-btn p { margin-bottom: 0px; font-size: 0.9em; }
.contact-list-btn:after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 0 25px 25px; border-color: transparent transparent var(--opa-color) transparent; transform: rotate(0deg); position: absolute; right: 3px; bottom: 3px; transition: .3s; }
.contact-list-btn:hover:after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 0 35px 35px; border-color: transparent transparent var(--opa-color) transparent; transform: rotate(0deg); position: absolute; right: 3px; bottom: 3px;}