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


/*PC*/
@media screen and (min-width: 1680px) {

.header { background: url("../images/company/hedImg.jpg") center center no-repeat; background-size: cover;}

.contents .inner { width: 1536px; margin: 0 auto; padding: 100px 0 150px;} 
.contents .inner h3 { font-size: 30px; text-align: center; padding: 0 0 50px; position: relative;}
.contents .inner h3::after { content: ""; width: 40px; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;}



.contents .inner .cont01 { width: 80%; margin: auto; padding: 50px 0 100px;}
.contents .inner .cont01 table { width: 100%; border-collapse: collapse; margin: 30px auto 50px; border: solid var(--com_px01) var(--color00_10);}
.contents .inner .cont01 table th { width: 20%; padding: 10px 20px; background:  var(--color99_01); text-align: left; font-weight: 500;}
.contents .inner .cont01 table td { width: 80%; padding: 10px 20px;}

.contents .inner .cont01 table tr:not(:first-child) th { border-top: solid var(--com_px01) var(--color00_10);}
.contents .inner .cont01 table tr:not(:first-child) td { border-top: solid var(--com_px01) var(--color99_03);}



.contents .inner .cont02 { width: 100%; padding: 50px 0 100px;}
.contents .inner .cont02 dl { display: grid; grid-template-columns: 250px 1fr; width: 60%; margin: auto;}
.contents .inner .cont02 dt,
.contents .inner .cont02 dd { margin: 0; padding: 15px 20px;}
.contents .inner .cont02 dl dt { position: relative;}
.contents .inner .cont02 dl dt::before { content: ""; width: var(--com_px01); background: var(--color99_03); position: absolute; top: 0; bottom: 0; left: -50px;}
.contents .inner .cont02 dl dt::after  { content: ""; display: block; width: 1em; height: 1em; border-radius: 50%; background: var(--color01_10); position: absolute; top: calc( 15px + 0.5em); left: calc( -50px - 0.5em);}
.contents .inner .cont02 dl dd { background: #fff;}



.contents .inner .cont03 { width: 100%; padding: 50px 0 100px;}
.contents .inner .cont03 .box { display: flex; justify-content: space-between; align-items: center; gap: 40px;}
.contents .inner .cont03 .box .txt { calc( 50% - 20px);}
.contents .inner .cont03 .box .txt p { margin-bottom: 40px;}
.contents .inner .cont03 .box .txt dl { margin-bottom: 20px;}
.contents .inner .cont03 .box .txt dl dt {}
.contents .inner .cont03 .box .txt dl dt::before { content: ""; display: inline-block; width: 1em; height: 1em; border-radius: 50%; background: var(--color01_10); margin-right: 0.5em;}
.contents .inner .cont03 .box .txt dl dd { margin-bottom: 20px;}
.contents .inner .cont03 .box .map { width: calc( 50% - 20px);}
.contents .inner .cont03 .box .map iframe { width: 100%; border: none;}



}


@media print, screen and (min-width: 768px) and ( max-width: 1679px) {

.header { background: url("../images/company/hedImg.jpg") center center no-repeat; background-size: cover;}

.contents .inner { width: 91.4286vw; margin: 0 auto; padding: 5.9524vw 0 8.9286vw;} 
.contents .inner h3 { font-size: 1.7857vw; text-align: center; padding: 0 0 2.9762vw; position: relative;}
.contents .inner h3::after { content: ""; width: 2.3810vw; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 1.7857vw; left: 0; right: 0; margin: auto;}



.contents .inner .cont01 { width: 80%; margin: auto; padding: 2.9762vw 0 5.9524vw;}
.contents .inner .cont01 table { width: 100%; border-collapse: collapse; margin: 1.7857vw auto 2.9762vw; border: solid var(--com_px01) var(--color00_10);}
.contents .inner .cont01 table th { width: 20%; padding: 0.5952vw 1.1905vw; background:  var(--color99_01); text-align: left; font-weight: 500;}
.contents .inner .cont01 table td { width: 80%; padding: 0.5952vw 1.1905vw;}

.contents .inner .cont01 table tr:not(:first-child) th { border-top: solid var(--com_px01) var(--color00_10);}
.contents .inner .cont01 table tr:not(:first-child) td { border-top: solid var(--com_px01) var(--color99_03);}



.contents .inner .cont02 { width: 100%; padding: 2.9762vw 0 5.9524vw;}
.contents .inner .cont02 dl { display: grid; grid-template-columns: 14.8810vw 1fr; width: 60%; margin: auto;}
.contents .inner .cont02 dt,
.contents .inner .cont02 dd { margin: 0; padding: 0.8929vw 1.1905vw;}
.contents .inner .cont02 dl dt { position: relative;}
.contents .inner .cont02 dl dt::before { content: ""; width: var(--com_px01); background: var(--color99_03); position: absolute; top: 0; bottom: 0; left: -2.9762vw;}
.contents .inner .cont02 dl dt::after  { content: ""; display: block; width: 1em; height: 1em; border-radius: 50%; background: var(--color01_10); position: absolute; top: calc( 0.8929vw + 0.5em); left: calc( -2.9762vw - 0.5em);}
.contents .inner .cont02 dl dd { background: #fff;}



.contents .inner .cont03 { width: 100%; padding: 2.9762vw 0 5.9524vw;}
.contents .inner .cont03 .box { display: flex; justify-content: space-between; align-items: center; gap: 2.3810vw;}
.contents .inner .cont03 .box .txt { calc( 50% - 1.1905vw);}
.contents .inner .cont03 .box .txt p { margin-bottom: 2.3810vw;}
.contents .inner .cont03 .box .txt dl { margin-bottom: 1.1905vw;}
.contents .inner .cont03 .box .txt dl dt {}
.contents .inner .cont03 .box .txt dl dt::before { content: ""; display: inline-block; width: 1em; height: 1em; border-radius: 50%; background: var(--color01_10); margin-right: 0.5em;}
.contents .inner .cont03 .box .txt dl dd { margin-bottom: 1.1905vw;}
.contents .inner .cont03 .box .map { width: calc( 50% - 1.1905vw);}
.contents .inner .cont03 .box .map iframe { width: 100%; border: none;}



}



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

.header { background: url("../images/company/hedImg.jpg") center center no-repeat; background-size: cover;}



.contents {}
.contents .inner { max-width: 240.0000vw; margin: 0 auto; padding: 15.6250vw 4.6875vw 23.4375vw;}
.contents .inner h3 { font-size: 4.6875vw; text-align: center; padding: 0 0 7.8125vw; position: relative;}
.contents .inner h3::after { content: ""; width: 6.2500vw; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 4.6875vw; left: 0; right: 0; margin: auto;}



.contents .inner .cont01 { width: 100%; margin: auto; padding: 7.8125vw 0 15.6250vw;}
.contents .inner .cont01 h3 { font-size: 4.6875vw; text-align: center; padding: 0 0 7.8125vw; position: relative;}
.contents .inner .cont01 h3::after { content: ""; width: 6.2500vw; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 4.6875vw; left: 0; right: 0; margin: auto;}
.contents .inner .cont01 table { width: 100%; border-collapse: collapse; margin: 4.6875vw auto 7.8125vw; border: solid var(--com_px01) var(--color00_10);}
.contents .inner .cont01 table th { width: 100%; padding: 1.5625vw 3.1250vw; background:  var(--color99_01); text-align: left; font-weight: 500; display: block;}
.contents .inner .cont01 table td { width: 100%; padding: 1.5625vw 3.1250vw; display: block;}

.contents .inner .cont01 table tr:not(:first-child) th {}
.contents .inner .cont01 table tr:not(:first-child) td {}



.contents .inner .cont02 { width: 100%; padding: 7.8125vw 0 15.6250vw;}
.contents .inner .cont02 h3 { font-size: 4.6875vw; text-align: center; padding: 0 0 7.8125vw; position: relative;}
.contents .inner .cont02 h3::after { content: ""; width: 6.2500vw; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 4.6875vw; left: 0; right: 0; margin: auto;}
.contents .inner .cont02 dl { display: grid; grid-template-columns: 1fr; width: 85%; margin: auto; position: relative; margin-right: 0;}
.contents .inner .cont02 dl::before { content: ""; width: var(--com_px01); background: var(--color99_03); position: absolute; top: 0; bottom: 0; left: -7.8125vw;}
.contents .inner .cont02 dt,
.contents .inner .cont02 dd { margin: 0; padding: 1.5625vw 0;}
.contents .inner .cont02 dl dt { position: relative;}
/*.contents .inner .cont02 dl dt::before { content: ""; width: var(--com_px01); background: var(--color99_03); position: absolute; top: 0; bottom: 0; left: -7.8125vw;}*/
.contents .inner .cont02 dl dt::after  { content: ""; display: block; width: 1em; height: 1em; border-radius: 50%; background: var(--color01_10); position: absolute; top: calc( 2.3438vw); left: calc( -7.8125vw - 0.5em);}
.contents .inner .cont02 dl dd { background: #fff; padding: 0 0 4.6875vw;}



.contents .inner .cont03 { width: 100%; padding: 7.8125vw 0 15.6250vw;}
.contents .inner .cont03 h3 { font-size: 4.6875vw; text-align: center; padding: 0 0 7.8125vw; position: relative;}
.contents .inner .cont03 h3::after { content: ""; width: 6.2500vw; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 4.6875vw; left: 0; right: 0; margin: auto;}
.contents .inner .cont03 .box { display: flex; justify-content: space-between; align-items: center; gap: 6.2500vw; flex-direction: column-reverse;}
.contents .inner .cont03 .box .txt { calc( 50% - 3.1250vw);}
.contents .inner .cont03 .box .txt p { margin-bottom: 6.2500vw;}
.contents .inner .cont03 .box .txt dl { margin-bottom: 3.1250vw;}
.contents .inner .cont03 .box .txt dl dt {}
.contents .inner .cont03 .box .txt dl dt::before { content: ""; display: inline-block; width: 1em; height: 1em; border-radius: 50%; background: var(--color01_10); margin-right: 0.5em;}
.contents .inner .cont03 .box .txt dl dd { margin-bottom: 3.1250vw;}
.contents .inner .cont03 .box .map { width: 100%;}
.contents .inner .cont03 .box .map iframe { width: 100%; border: none;}



}




@media screen and (width: 640px) {

.header { background: url("../images/company/hedImg.jpg") center center no-repeat; background-size: cover;}



.contents {}
.contents .inner { max-width: 1536px; margin: 0 auto; padding: 100px 30px 150px;} 
.contents .inner h3 { font-size: 30px; text-align: center; padding: 0 0 50px; position: relative;}
.contents .inner h3::after { content: ""; width: 40px; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;}



.contents .inner .cont01 { width: 100%; margin: auto; padding: 50px 0 100px;}
.contents .inner .cont01 h3 { font-size: 30px; text-align: center; padding: 0 0 50px; position: relative;}
.contents .inner .cont01 h3::after { content: ""; width: 40px; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;}
.contents .inner .cont01 table { width: 100%; border-collapse: collapse; margin: 30px auto 50px; border: solid var(--com_px01) var(--color00_10);}
.contents .inner .cont01 table th { width: 100%; padding: 10px 20px; background:  var(--color99_01); text-align: left; font-weight: 500; display: block;}
.contents .inner .cont01 table td { width: 100%; padding: 10px 20px; display: block;}

.contents .inner .cont01 table tr:not(:first-child) th {}
.contents .inner .cont01 table tr:not(:first-child) td {}



.contents .inner .cont02 { width: 100%; padding: 50px 0 100px;}
.contents .inner .cont02 h3 { font-size: 30px; text-align: center; padding: 0 0 50px; position: relative;}
.contents .inner .cont02 h3::after { content: ""; width: 40px; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;}
.contents .inner .cont02 dl { display: grid; grid-template-columns: 1fr; width: 85%; margin: auto; position: relative; margin-right: 0;}
.contents .inner .cont02 dl::before { content: ""; width: var(--com_px01); background: var(--color99_03); position: absolute; top: 0; bottom: 0; left: -50px;}
.contents .inner .cont02 dt,
.contents .inner .cont02 dd { margin: 0; padding: 10px 0;}
.contents .inner .cont02 dl dt { position: relative;}
/*.contents .inner .cont02 dl dt::before { content: ""; width: var(--com_px01); background: var(--color99_03); position: absolute; top: 0; bottom: 0; left: -50px;}*/
.contents .inner .cont02 dl dt::after  { content: ""; display: block; width: 1em; height: 1em; border-radius: 50%; background: var(--color01_10); position: absolute; top: calc( 15px); left: calc( -50px - 0.5em);}
.contents .inner .cont02 dl dd { background: #fff; padding: 0 0 30px;}



.contents .inner .cont03 { width: 100%; padding: 50px 0 100px;}
.contents .inner .cont03 h3 { font-size: 30px; text-align: center; padding: 0 0 50px; position: relative;}
.contents .inner .cont03 h3::after { content: ""; width: 40px; height: var(--com_px02); background: var(--color01_10); position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;}
.contents .inner .cont03 .box { display: flex; justify-content: space-between; align-items: center; gap: 40px; flex-direction: column-reverse;}
.contents .inner .cont03 .box .txt { calc( 50% - 20px);}
.contents .inner .cont03 .box .txt p { margin-bottom: 40px;}
.contents .inner .cont03 .box .txt dl { margin-bottom: 20px;}
.contents .inner .cont03 .box .txt dl dt {}
.contents .inner .cont03 .box .txt dl dt::before { content: ""; display: inline-block; width: 1em; height: 1em; border-radius: 50%; background: var(--color01_10); margin-right: 0.5em;}
.contents .inner .cont03 .box .txt dl dd { margin-bottom: 20px;}
.contents .inner .cont03 .box .map { width: 100%;}
.contents .inner .cont03 .box .map iframe { width: 100%; border: none;}



}