@charset "UTF-8";
/*----■ 基本の色  ■-----*/
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  position: relative;
  margin: 0px;
  padding: 0px;
  color: #000;
  text-align: center;
  z-index: 0;
  font-family: ヒラギノ角ゴ ProN W3;
  background-color: #F8F5E4;
  background: linear-gradient(180deg, #582b09 250px, #f1eaca 0%, #f1eaca);
}

#main_container_1 {
  max-width: 1000px;
  margin: auto;
}

.bg, .page-nav,
#main_container, #auto1 {
  background: #F8F5E4;
}

.start h3 {
  margin: 1em;
}
.start .input_page {
  text-align: center;
}
.start div.copy .copy1-1, .start div.copy .copy2-1, .start div.copy .copy3-1 {
  width: 50px;
  text-align: center;
  font-size: 1em;
  border: 1px solid #aaa;
  background-color: #fff;
}
.start div.copy button {
  padding: 2px 5px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  background-color: #008d36;
  color: #fff;
  font-size: 0.8em;
  box-shadow: inset 1px 1px 5px 0px #fff, inset -1px -1px 5px 0px #555555;
  border: 1px solid #fff;
}
.start div.copy p {
  display: inline-block;
}
.start fieldset {
  display: inline-block;
  padding: 0 5px;
  margin: 5px;
  border: 1px solid #af0909;
  background-color: #fff2f2;
}
.start form {
  margin-bottom: 10rem;
}
.start form #kettei, .start form .戻る {
  padding: 0.3em 2em;
  background: #f5bfbf;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: inset 1px 1px 5px 0px #fff, inset -1px -1px 5px 0px #555555;
  border: 1px solid #fff;
  font-size: 1.3em;
}
.start form #original_text {
  margin-bottom: 0;
}

.自動翻訳 {
  text-align: left;
}
.自動翻訳 h3 {
  display: block;
  text-align: center;
}
.自動翻訳 #original_text {
  width: 95%;
  margin: 0 auto;
  padding: 0.3em;
  margin-bottom: 10em;
  font-weight: bold;
}
.自動翻訳 .日本語 {
  color: #000;
  max-width: 1600px;
  width: 95%;
  margin: auto;
}
.自動翻訳 .日本語 p, .自動翻訳 .日本語 pre {
  text-align: left;
  line-height: 2;
  font-weight: bold;
}
.自動翻訳 .戻る {
  font-size: 2rem;
  padding: 5px 20px;
  margin: 5px;
  background-color: #fde5e5;
  border-radius: 10px;
}
.自動翻訳 .attention {
  font-size: 2rem;
  color: #e75151;
}

.自動翻訳を助けるページについて {
  counter-reset: h2;
}
.自動翻訳を助けるページについて h1 span {
  display: block;
  color: #0416bd;
}
.自動翻訳を助けるページについて p {
  max-width: 500px;
  margin: 0.5em auto;
  line-height: 1.8;
}
.自動翻訳を助けるページについて article {
  width: 95%;
  max-width: 600px;
  margin: 0em auto 4em auto;
}
.自動翻訳を助けるページについて article #page-title > h1 {
  font-size: 2rem;
}
.自動翻訳を助けるページについて article p {
  line-height: 1.6;
  margin-bottom: 1em;
}
.自動翻訳を助けるページについて article p q {
  margin-left: 1em;
}
.自動翻訳を助けるページについて article h2 {
  width: 100%;
  padding-left: 0.5em;
  text-align: left;
  font-size: 2rem;
  color: #0a4e9c;
  border: none;
}
.自動翻訳を助けるページについて article h2::before {
  content: counter(h2) " .";
  counter-increment: h2;
}
.自動翻訳を助けるページについて article h3 {
  margin: 1em 0 0.5em;
  color: #086499;
  text-align: left;
}
.自動翻訳を助けるページについて article div.dot_end {
  display: inline-block;
  padding: 0.5em 1em;
  margin: 0.7em auto 0.4em;
  font-size: 20px;
  text-align: left;
  border: 1px solid #908f8f;
  background-color: #fff;
}
.自動翻訳を助けるページについて article div.dot_end .r {
  border-bottom: 3px solid #f00;
}
.自動翻訳を助けるページについて article div.dot_end .y {
  color: #06824a;
  font-weight: bold;
}
.自動翻訳を助けるページについて article div.dot_end .h {
  color: #e40909;
  text-shadow: 0.6px 0px 0px #0c0000;
  font-size: 0.8em;
}
.自動翻訳を助けるページについて b {
  margin: 0;
}
.自動翻訳を助けるページについて p.box {
  padding: 0.5em 1em;
  border: 1px solid #000;
  border-radius: 20px;
}
.自動翻訳を助けるページについて .便利機能 h2 {
  margin-bottom: 2rem;
}
.自動翻訳を助けるページについて .便利機能 .sect2 {
  margin-bottom: 3rem;
}
.自動翻訳を助けるページについて .便利機能 details {
  position: relative;
  margin-bottom: 6rem;
  border: 1px solid #6c6868;
  background-color: #fff;
}
.自動翻訳を助けるページについて .便利機能 details p {
  width: 95%;
}
.自動翻訳を助けるページについて .便利機能 details summary {
  width: 100%;
  margin: auto;
  height: 100%;
  background-color: #F8F5E4;
  margin: 5px auto;
  list-style: none;
  cursor: pointer;
}
.自動翻訳を助けるページについて .便利機能 details summary h3 {
  padding: 0rem 0.5rem;
  line-height: 1;
}
.自動翻訳を助けるページについて .便利機能 details summary img {
  max-width: 100%;
}
.自動翻訳を助けるページについて .便利機能 details summary::before {
  content: "クリックで開きます";
  position: absolute;
  top: -10px;
  left: 10px;
  border: 1px solid #fd7575;
  padding: 2px 5px;
  border-radius: 10px;
  background-color: #c7eed1;
}