@charset "UTF-8";
/* ページ全体に関わるcssの設定 
html *,
::before,
::after {
box-sizing: border-box;
}
html {
font-size: 16px;
}

body {
font-family: serif;
color: #333;
text-align: center;
width: 100%;
max-width: 1200px;
margin: auto;
line-height: 1.5;
letter-spacing: 0.05em;
padding:0 20px;
}
*/
.container {
  font-family: serif;
  color: #333;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding: 0 20px;
  /* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
	あんしん積立（PC）
	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  /* .container {
	max-width: 1200px;
} */
  /* 
	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿__
	あんしん保証システム(PC)
	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  /* .guarantee02 h4 {
	text-align: center;
	display: inline-block;
} */
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  /* Document
	========================================================================== */
  /**
	* 1. Correct the line height in all browsers.
	* 2. Prevent adjustments of font size after orientation changes in iOS.
	*/
  /* Sections
	========================================================================== */
  /**
	* Remove the margin in all browsers.
	*/
  /**
	* Render the `main` element consistently in IE.
	*/
  /**
	* Correct the font size and margin on `h1` elements within `section` and
	* `article` contexts in Chrome, Firefox, and Safari.
	*/
  /* Grouping content
	========================================================================== */
  /**
	* 1. Add the correct box sizing in Firefox.
	* 2. Show the overflow in Edge and IE.
	*/
  /**
	* 1. Correct the inheritance and scaling of font size in all browsers.
	* 2. Correct the odd `em` font sizing in all browsers.
	*/
  /* Text-level semantics
	========================================================================== */
  /**
	* Remove the gray background on active links in IE 10.
	*/
  /**
	* 1. Remove the bottom border in Chrome 57-
	* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
	*/
  /**
	* Add the correct font weight in Chrome, Edge, and Safari.
	*/
  /**
	* 1. Correct the inheritance and scaling of font size in all browsers.
	* 2. Correct the odd `em` font sizing in all browsers.
	*/
  /**
	* Add the correct font size in all browsers.
	*/
  /**
	* Prevent `sub` and `sup` elements from affecting the line height in
	* all browsers.
	*/
  /* Embedded content
	========================================================================== */
  /**
	* Remove the border on images inside links in IE 10.
	*/
  /* Forms
	========================================================================== */
  /**
	* 1. Change the font styles in all browsers.
	* 2. Remove the margin in Firefox and Safari.
	*/
  /**
	* Show the overflow in IE.
	* 1. Show the overflow in Edge.
	*/
  /**
	* Remove the inheritance of text transform in Edge, Firefox, and IE.
	* 1. Remove the inheritance of text transform in Firefox.
	*/
  /**
	* Correct the inability to style clickable types in iOS and Safari.
	*/
  /**
	* Remove the inner border and padding in Firefox.
	*/
  /**
	* Restore the focus styles unset by the previous rule.
	*/
  /**
	* Correct the padding in Firefox.
	*/
  /**
	* 1. Correct the text wrapping in Edge and IE.
	* 2. Correct the color inheritance from `fieldset` elements in IE.
	* 3. Remove the padding so developers are not caught out when they zero out
	*    `fieldset` elements in all browsers.
	*/
  /**
	* Add the correct vertical alignment in Chrome, Firefox, and Opera.
	*/
  /**
	* Remove the default vertical scrollbar in IE 10+.
	*/
  /**
	* 1. Add the correct box sizing in IE 10.
	* 2. Remove the padding in IE 10.
	*/
  /**
	* Correct the cursor style of increment and decrement buttons in Chrome.
	*/
  /**
	* 1. Correct the odd appearance in Chrome and Safari.
	* 2. Correct the outline style in Safari.
	*/
  /**
	* Remove the inner padding in Chrome and Safari on macOS.
	*/
  /**
	* 1. Correct the inability to style clickable types in iOS and Safari.
	* 2. Change font properties to `inherit` in Safari.
	*/
  /* Interactive
	========================================================================== */
  /*
	* Add the correct display in Edge, IE 10+, and Firefox.
	*/
  /*
	* Add the correct display in all browsers.
	*/
  /* Misc
	========================================================================== */
  /**
	* Add the correct display in IE 10+.
	*/
  /**
	* Add the correct display in IE 10.
	*/
  /* ページ全体に関わるcssの設定 */
  /* 標準的なリンクのテキスト色 */
  /* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
	あんしん積立（PC）
	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  /* .container {
	max-width: 1200px;
} */
  /* 
	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿__
	あんしん保証システム(PC)
	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  /* .guarantee02 h4 {
	text-align: center;
	display: inline-block;
} */
}
.container a {
  /* 標準的なリンクのテキスト色 */
  color: #743423;
}
.container p {
  font-family: "Noto Sans JP";
}
.container ul li {
  list-style: none;
}
.container section {
  margin-bottom: 100px;
}
.container #reserve .title {
  height: 600px;
  background-image: url(../media/images/anshin/tsumitate-top@2x-100.jpg);
  background-position: top;
}
.container #reserve .title p {
  font-family: serif;
}
.container h1 {
  background-color: #743423;
  color: #fff;
  padding: 20px;
  margin-bottom: 30px;
}
.container .title p {
  margin-bottom: 100px;
  padding: 0 10px;
}
.container h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  margin-bottom: 50px;
  font-size: 30px;
}
.container h2:before {
  content: "";
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #743423;
  border-radius: 2px;
}
.container p.text {
  max-width: 800px;
  width: 100%;
  margin: auto;
  line-height: 2;
}
.container .photo {
  max-width: 900px;
  margin: 0 auto 50px;
}
.container .box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.container .feature {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0%;
}
.container .feature img {
  width: 300px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 50px;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.container .table {
  margin-bottom: 50px;
}
.container .table img {
  width: 100%;
  max-width: 800px;
}
.container .graph img {
  width: 100%;
  max-width: 1200px;
}
.container .illust img {
  width: 100%;
  max-width: 500px;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.container .textLeft {
  text-align: left;
  margin-bottom: 40px;
}
.container .point .box div {
  width: 30%;
}
.container .point div img {
  width: 100%;
}
.container .box p {
  margin-bottom: 20px;
}
.container h3 {
  color: #743423;
  font-size: 20px;
}
.container .point .text {
  margin-bottom: 40px;
}
.container .square {
  background-color: #eee;
  padding: 10px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.container .order .box {
  justify-content: center;
}
.container .order .box img {
  margin-left: 20px;
  width: 95%;
}
.container img {
  width: 100%;
}
.container #guarantee .title {
  height: 600px;
  background-image: url(../media/images/anshin/hoshou-top@2x-100.jpg);
  background-position: center;
}
.container #guarantee .title p {
  font-family: serif;
}
.container #guarantee .info img {
  padding-top: 40px;
}
.container #guarantee h3 {
  font-size: 28px;
}
.container #guarantee h3 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.container #guarantee h3:before, .container #guarantee h3:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
.container #guarantee h3:before {
  left: 0;
}
.container #guarantee h3:after {
  right: 0;
}
.container .guarantee01 .box img {
  width: 95%;
}
.container .guarantee01 p, .container .guarantee02 p {
  text-align: left;
  margin: 0 auto;
}
.container .guarantee01 h4, .container .guarantee02 h4 {
  text-align: left;
  font-size: 20px;
  margin-bottom: 30px;
  padding: 0.25em 0.5em;
  /*上下 左右の余白*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 10px #743423;
  /*左線*/
}
.container .guarantee01 .box {
  margin-bottom: 50px;
}
.container .guarantee01 .faq {
  text-align: center;
}
.container .faq img {
  max-width: 800px;
  margin: 0 auto 20px;
}
.container .guarantee02 .box {
  padding: 0;
  margin-bottom: 50px;
}
.container .item .box img {
  width: 95%;
}
.container .item .contents {
  margin-bottom: 90px;
}
.container .contents .box, .container .item .box {
  justify-content: space-around;
}
.container .contents img {
  width: 95%;
}
.container .guarantee02 .trouble {
  text-align: center;
}
.container .trouble img {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .container {
    /* 保証システム（SP）*/
  }
  .container section {
    margin-bottom: 50px;
  }
  .container .title p {
    margin-bottom: 50px;
  }
  .container #reserve .title {
    background-position: right;
  }
  .container h1 {
    font-size: 26px;
  }
  .container h2 {
    font-size: 26px;
  }
  .container .photo img {
    width: 100%;
  }
  .container .feature img {
    margin-bottom: 20px;
  }
  .container .box {
    flex-wrap: wrap;
  }
  .container .illust img {
    max-width: 300px;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
  }
  .container .point .box div {
    width: 80%;
    margin: 0 auto 50px;
  }
  .container .point .box div:nth-child(3) {
    margin-bottom: 10px;
  }
  .container .point div img {
    width: 100%;
    max-width: 250px;
  }
  .container h3 {
    margin-top: 10px;
    font-size: 18px;
  }
  .container .order .box img {
    margin: 0;
    width: 80%;
  }
  .container #guarantee .info img {
    padding-top: 20px;
  }
  .container .guarantee01 .info p, .container .guarantee01 .box p {
    margin-bottom: 20px;
  }
  .container .guaranteeFeauture img {
    max-width: 300px;
  }
  .container .guaranteeFeauture {
    justify-content: center;
  }
  .container .guarantee02 .info {
    margin-bottom: 60px;
  }
  .container .item img {
    max-width: 200px;
    margin-bottom: 30px;
  }
  .container .contents img {
    max-width: 350px;
  }
}
.container html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
.container body {
  margin: 0;
}
.container main {
  display: block;
}
.container h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.container hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
.container pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
.container a {
  background-color: transparent;
}
.container abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
.container b, .container strong {
  font-weight: bolder;
}
.container code, .container kbd, .container samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
.container small {
  font-size: 80%;
}
.container sub, .container sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.container sub {
  bottom: -0.25em;
}
.container sup {
  top: -0.5em;
}
.container img {
  border-style: none;
}
.container button, .container input, .container optgroup, .container select, .container textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
.container button, .container input {
  /* 1 */
  overflow: visible;
}
.container button, .container select {
  /* 1 */
  text-transform: none;
}
.container button, .container [type="button"], .container [type="reset"], .container [type="submit"] {
  -webkit-appearance: button;
}
.container button::-moz-focus-inner, .container [type="button"]::-moz-focus-inner, .container [type="reset"]::-moz-focus-inner, .container [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.container button:-moz-focusring, .container [type="button"]:-moz-focusring, .container [type="reset"]:-moz-focusring, .container [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.container fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.container legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
.container progress {
  vertical-align: baseline;
}
.container textarea {
  overflow: auto;
}
.container [type="checkbox"], .container [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
.container [type="number"]::-webkit-inner-spin-button, .container [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.container [type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
.container [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.container ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
.container details {
  display: block;
}
.container summary {
  display: list-item;
}
.container template {
  display: none;
}
.container [hidden] {
  display: none;
}
.container html *, .container ::before, .container ::after {
  box-sizing: border-box;
}
.container html {
  font-size: 16px;
}
.container body {
  font-family: serif;
  color: #333;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding: 0 20px;
}
.container a {
  color: #743423;
}
.container ul li {
  list-style: none;
}
.container section {
  margin-bottom: 100px;
}
.container #reserve .title {
  height: 600px;
  background-image: url(../media/images/anshin/tsumitate-top@2x-100.jpg);
  background-position: top;
}
.container h1 {
  background-color: var(--color-red);
  color: #fff;
  padding: 20px;
  margin-bottom: 30px;
}
.container .title p {
  margin-bottom: 100px;
  padding: 0 10px;
}
.container h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  margin-bottom: 50px;
  font-size: 30px;
}
.container h2:before {
  content: "";
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: var(--color-red);
  border-radius: 2px;
}
.container p.text {
  max-width: 800px;
  width: 100%;
  margin: auto;
  line-height: 2;
}
.container .photo {
  max-width: 900px;
  margin: 0 auto 50px;
}
.container .box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.container .feature {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0%;
}
.container .feature img {
  width: 300px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 50px;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.container .table {
  margin-bottom: 50px;
}
.container .table img {
  width: 100%;
  max-width: 800px;
}
.container .graph img {
  width: 100%;
  max-width: 1200px;
}
.container .illust img {
  width: 100%;
  max-width: 500px;
  border-radius: 10px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.container .textLeft {
  text-align: left;
  margin-bottom: 40px;
}
.container .point .box div {
  width: 30%;
}
.container .point div img {
  width: 100%;
}
.container .box p {
  margin-bottom: 20px;
}
.container h3 {
  color: var(--color-red);
  font-size: 20px;
}
.container .point .text {
  margin-bottom: 40px;
}
.container .square {
  background-color: #eee;
  padding: 10px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
}
.container .order .box {
  justify-content: center;
}
.container .order .box img {
  margin-left: 20px;
  width: 95%;
}
.container img {
  width: 100%;
}
.container #guarantee .title {
  height: 600px;
  background-image: url(../media/images/anshin/hoshou-top@2x-100.jpg);
  background-position: center;
}
.container #guarantee .info img {
  padding-top: 40px;
}
.container #guarantee h3 {
  font-size: 28px;
}
.container #guarantee h3 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.container #guarantee h3:before, .container #guarantee h3:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: var(--color-red);
}
.container #guarantee h3:before {
  left: 0;
}
.container #guarantee h3:after {
  right: 0;
}
.container .guarantee01 .box img {
  width: 95%;
}
.container .guarantee01 p, .container .guarantee02 p {
  text-align: left;
  margin: 0 auto;
}
.container .guarantee01 h4, .container .guarantee02 h4 {
  text-align: left;
  font-size: 20px;
  margin-bottom: 30px;
  padding: 0.25em 0.5em;
  /*上下 左右の余白*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 10px var(--color-red);
}
.container .guarantee01 .box {
  margin-bottom: 50px;
}
.container .guarantee01 .faq {
  text-align: center;
}
.container .faq img {
  max-width: 800px;
  margin: 0 auto 20px;
}
.container .guarantee02 .box {
  padding: 0;
  margin-bottom: 50px;
}
.container .item .box img {
  width: 95%;
}
.container .item .contents {
  margin-bottom: 90px;
}
.container .contents .box, .container .item .box {
  justify-content: space-around;
}
.container .contents img {
  width: 95%;
}
.container .guarantee02 .trouble {
  text-align: center;
}
.container .trouble img {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .container {
    /* 保証システム（SP）*/
  }
  .container section {
    margin-bottom: 50px;
  }
  .container .title p {
    margin-bottom: 50px;
  }
  .container #reserve .title {
    background-position: right;
  }
  .container h1 {
    font-size: 26px;
  }
  .container h2 {
    font-size: 26px;
  }
  .container .photo img {
    width: 100%;
  }
  .container .feature img {
    margin-bottom: 20px;
  }
  .container .box {
    flex-wrap: wrap;
  }
  .container .illust img {
    max-width: 300px;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
  }
  .container .point .box div {
    width: 80%;
    margin: 0 auto 50px;
  }
  .container .point .box div:nth-child(3) {
    margin-bottom: 10px;
  }
  .container .point div img {
    width: 100%;
    max-width: 250px;
  }
  .container h3 {
    margin-top: 10px;
    font-size: 18px;
  }
  .container .order .box img {
    margin: 0;
    width: 80%;
  }
  .container #guarantee .info img {
    padding-top: 20px;
  }
  .container .guarantee01 .info p, .container .guarantee01 .box p {
    margin-bottom: 20px;
  }
  .container .guaranteeFeauture img {
    max-width: 300px;
  }
  .container .guaranteeFeauture {
    justify-content: center;
  }
  .container .guarantee02 .info {
    margin-bottom: 60px;
  }
  .container .item img {
    max-width: 200px;
    margin-bottom: 30px;
  }
  .container .contents img {
    max-width: 350px;
  }
}
/*# sourceMappingURL=./anshin.css.map */