@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
body { counter-reset: decimal-leading-zero 0; }
.contactWrapM { margin-top:0; }
.lp_working_translator { background: #f6f6f6; padding: 0;}
.lp_working_translator article { max-width: 1400px; margin: 0 auto;}
.lp_working_translator * { font-family: 'Noto Sans JP', sans-serif; color: #000; font-weight: 500; }
.lp_working_translator h1 { text-align: center; }
.lp_working_translator h2 { line-height: 1; font-size: min(6.5vw,2.3rem); text-align: center; font-weight: bold; padding: 6rem 1rem; }
.lp_working_translator h2 em { line-height: inherit; font-size: inherit; font-weight: inherit; color: #ff6904; }
.lp_working_translator .point { background: #ffece0; }
.lp_working_translator .point .inr { max-width: 1100px; margin: 0 auto; position: relative; padding: 0 1rem 3rem; }
.lp_working_translator .point .inr dl { counter-increment: mycounter; background: #fff; border-radius: 3rem; position: relative; margin: 0 auto 2rem; padding: 2rem; position: relative; }
.lp_working_translator .point .inr dl::before { content: counter(mycounter, decimal-leading-zero); font-family: Arial, Helvetica, sans-serif; position: absolute; left: 4rem; top:-1.5rem; line-height: 1; font-size: 4rem; font-weight: 500; color: #ff8636; }
.lp_working_translator .point .inr dl dt { font-size: min(5vw,1.5rem); text-align: center; font-weight: bold; line-height: 1.5; margin: 0 auto 2rem; }
.lp_working_translator .point .inr dl dt em { line-height: inherit; font-size: inherit; font-weight: inherit; color: #ff6904; }
.lp_working_translator .point .inr dl dt br {  display: none; }
.lp_working_translator .point .inr dl dd { }
.lp_working_translator .voice { background: #a2e7ea; }
.lp_working_translator .voice .inr { max-width: 1100px; margin: 0 auto; position: relative; padding: 0 1rem 3rem; }
.lp_working_translator .voice .inr .cont { counter-increment: mycounter; background: #fff; border-radius: 2.6rem; margin: 0 auto 2rem; position: relative; }
.lp_working_translator .voice .inr .cont:nth-of-type(odd)::before { content: url(/mri-trans/static/images/lp_voice01_img_odd_top.svg); position: absolute; top:0; right: 0; }
.lp_working_translator .voice .inr .cont:nth-of-type(odd)::after { content: url(/mri-trans/static/images/lp_voice01_img_odd_bottom.svg); position: absolute; bottom:-8px; left: 0; }
.lp_working_translator .voice .inr .cont:nth-of-type(even)::before { content: url(/mri-trans/static/images/lp_voice01_img_even_top.svg); position: absolute; top:0; left: 0; }
.lp_working_translator .voice .inr .cont:nth-of-type(even)::after { content: url(/mri-trans/static/images/lp_voice01_img_even_bottom.svg); position: absolute; bottom:-8px; right: 0; }

.lp_working_translator .voice .inr .cont .wrap { margin: 0; padding: 3rem;background: transparent; position: relative; z-index: 10; }
.lp_working_translator .voice .inr .cont:nth-of-type(1) .wrap { padding-right: 25rem; }
.lp_working_translator .voice .inr .cont:nth-of-type(2) .wrap { padding-left: 30rem; }
.lp_working_translator .voice .inr .cont:nth-of-type(3) .wrap { padding-right: 25rem; }

.lp_working_translator .voice .inr .cont .wrap:before { content: ""; display: block; width:274px; height: 240px; position: absolute; top:calc(50% - 120px); }
.lp_working_translator .voice .inr .cont:nth-of-type(1) .wrap:before { background:url(/mri-trans/static/images/lp_voice01_img_face.svg) center no-repeat; background-size: auto 240px; right: 3rem; }
.lp_working_translator .voice .inr .cont:nth-of-type(2) .wrap:before { background:url(/mri-trans/static/images/lp_voice02_img_face.svg) center no-repeat; background-size: auto 240px; left: 3rem; }
.lp_working_translator .voice .inr .cont:nth-of-type(3) .wrap:before { background:url(/mri-trans/static/images/lp_voice03_img_face.svg) center no-repeat; background-size: auto 240px; right: 3rem; }

.lp_working_translator .voice .inr .cont .name { display: inline-block; padding: 1rem; background: #ff8636; border-radius: 5px; color: #fff; font-size: 1rem; font-weight: bold; margin: 0 auto 2rem; line-height: 1; }
.lp_working_translator .voice .inr .cont .name em { font-size: 1.5rem; font-weight: inherit; line-height: inherit; color: inherit; }
.lp_working_translator .voice .inr .cont h3 { font-size: min(6vw,1.5rem); font-weight: bold; line-height: 1.5; color: #2ab9be; margin: 0 0 2rem; }
.lp_working_translator .voice .inr .cont p { margin: 0 0 2rem; }
.lp_working_translator .voice .inr .cont ul li { font-size: min(3.5vw,1rem); display: inline-block; position: relative; }
.lp_working_translator .voice .inr .cont ul li::before { content: ""; display: inline-block; width: 0; height: 0; border-bottom: 2px solid #ff6904; position: absolute; left: 0; bottom: 0; transition: .6s; }
.lp_working_translator .voice .inr .cont ul li::after { content: ""; display: inline-block; width: 100%; height: 0; border-bottom: 2px solid #ff6904; position: absolute; right: 0; bottom: 0; transition: .3s; }
.lp_working_translator .voice .inr .cont ul li a { display: inline-block; padding: .1rem 2rem .5rem 0; color: #ff6904; position: relative; transition: opacity .4s; }
.lp_working_translator .voice .inr .cont ul li a::before { content: ""; display: block; border-radius: 100px; background:#ff6904; width: 20px; height: 20px; position: absolute; right: 0; top:5px; }
.lp_working_translator .voice .inr .cont ul li a::after { content: ""; display: inline-block; width: 6px; height: 6px; border:2px solid #fff; border-left: 0; border-bottom: 0; transform: translateX(-25%) rotate(45deg); position: absolute; right: 6px; top:11px; }
.lp_working_translator .voice .inr .cont ul li:hover a { opacity: .75; }
.lp_working_translator .voice .inr .cont ul li:hover::before { width: 100%; }
.lp_working_translator .voice .inr .cont ul li:hover::after { width: 0; }
.lp_working_translator .faq { background: #ffece0; }
.lp_working_translator .faq .inr { max-width: 1100px; margin: 0 auto; position: relative; padding: 0 1rem 3rem; }
.lp_working_translator .faq .inr dl { counter-increment: mycounter; background: #fff; border-radius: 3rem; position: relative; margin: 0 auto 2rem; padding: 2rem; position: relative; }
.lp_working_translator .faq .inr dl dt { font-size: 1.5rem; font-weight: bold; line-height: 1; padding: 0 0 1rem; color: #ff6904; border-bottom: 2px solid #ff6904; margin: 0 auto 1rem;  }
.lp_working_translator .faq .inr dl dt::before { content: "Q."; margin: 0 .5em 0 0;  }
.lp_working_translator .faq .inr dl dd { }
.lp_working_translator h6 {background: #fff; text-align: center; }
.lp_working_translator .lp_copyright { background: #fff; color: #cacaca; font-size: .8rem; padding: 1rem; line-height: 1; text-align: center; font-weight: 500; }

@media print, screen and (max-width:1100px){
  .lp_working_translator { padding: 0; }
  .lp_working_translator h2 {  padding: 3rem 1rem; }
  .lp_working_translator .point .inr { padding-bottom: 1rem; }
  .lp_working_translator .point .inr dl { border-radius: 20px; padding: 1.5rem; }
  .lp_working_translator .point .inr dl::before { left: 1.5rem; }
  .lp_working_translator .point .inr dl dt { margin: 0 auto 1rem;}
  .lp_working_translator .point .inr dl dt br { display: block; }

  .lp_working_translator .voice .inr .cont { border-radius: 20px; }
  .lp_working_translator .voice .inr .cont:nth-of-type(odd)::before { content: url(/mri-trans/static/images/lp_voice01_img_odd_top_sp.svg);}
  .lp_working_translator .voice .inr .cont:nth-of-type(odd)::after { content: url(/mri-trans/static/images/lp_voice01_img_odd_bottom_sp.svg);}
  .lp_working_translator .voice .inr .cont:nth-of-type(even)::before { content: url(/mri-trans/static/images/lp_voice01_img_even_top_sp.svg);}
  .lp_working_translator .voice .inr .cont:nth-of-type(even)::after { content: url(/mri-trans/static/images/lp_voice01_img_even_bottom_sp.svg);}

  .lp_working_translator .voice .inr .cont .wrap,
  .lp_working_translator .voice .inr .cont:nth-of-type(1) .wrap,
  .lp_working_translator .voice .inr .cont:nth-of-type(2) .wrap,
  .lp_working_translator .voice .inr .cont:nth-of-type(3) .wrap { padding: 1.5rem; }
  .lp_working_translator .voice .inr .cont .wrap:before { height: 160px; width: 184px; top: -40px; }
  .lp_working_translator .voice .inr .cont:nth-of-type(1) .wrap:before { left: auto; right: .5rem; background-size: auto 160px; background-position: right center; }
  .lp_working_translator .voice .inr .cont:nth-of-type(2) .wrap:before { left: auto; right: .5rem; background-size: auto 160px; background-position: right center; }
  .lp_working_translator .voice .inr .cont:nth-of-type(3) .wrap:before { left: auto; right: .5rem; background-size: auto 160px; background-position: right center; }
  .lp_working_translator .voice .inr .cont .name { padding: .5rem; margin-bottom: 5rem; }
  .lp_working_translator .voice .inr .cont .name em { font-size: 1.25rem;}
  .lp_working_translator .voice .inr .cont h3 { text-align: center; }
  .lp_working_translator .voice .inr .cont h3 br { display: none; }
  .lp_working_translator .voice .inr .cont p br { display: none; }

  .lp_working_translator .faq .inr dl { padding: 1.5rem; border-radius: 20px; }
  .lp_working_translator .faq .inr dl dt { font-size: 1rem; line-height: 1.5; }
  .lp_working_translator .faq .inr dl dt::before { font-size: 2rem; content: "Q."; margin: 0 auto .5rem;  display: block; }

  .lp_working_translator h6 { padding:0 15vw; }

}