@charset "UTF-8";
/* リセット */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  /*overflow: auto;
  @media only screen and (min-width: 769px) and (max-width: 1439px) {
    font-size: (100/1200)*10vw;
  }
  @media only screen and (max-width: 768px) {
    font-size: (100/360)*10vmin;
  }*/ }

body {
  font-size: 1.5rem; }

img {
  width: 100%; }

/*header {
	div {
		background: rgba(255,255,255,1.00);
		max-width: 86rem;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		height: 8rem;
		&::after {
			display: block;
			content:"";
			position: absolute;
			background: rgba(255,84,150,1.00);
			width: 1rem;
			height: 100%;
			top: 0;
			right: 0;
		}
	}
}
.header-logo {
	width: 10.6rem;
}
.header-title {
	p {
		font-size: 1.4rem;
		font-weight: bold;
		span {
			
		
			margin-right: 2rem;
			&:last-of-type {
				display: block;
				font-weight: normal;
				font-size: 1rem;
			}
		}
	}	
}*/
.inner {
  max-width: 86rem;
  margin: 0 auto;
  background: white; }

.main-title {
  display: flex;
  justify-content: center; }
  .main-title p {
    font-size: 3rem;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 2rem; }
    @media only screen and (max-width: 768px) {
      .main-title p {
        font-size: 2.8rem; } }
    .main-title p span {
      text-decoration: underline; }

.mv {
  max-width: 84rem;
  display: flex;
  justify-content: center; }

.download_wrap {
  padding: 0 2rem; }

.download {
  max-width: 60rem;
  margin: 4rem auto 0;
  box-shadow: 0 0 0 1px gainsboro inset;
  padding: 2rem; }
  .download__title {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4; }
  .download__button {
    display: flex;
    justify-content: center;
    flex-direction: row; }
    @media only screen and (max-width: 768px) {
      .download__button {
        flex-direction: column; } }
    .download__button div {
      width: calc(100% - 50%);
      gap: 2rem;
      padding: 2rem; }
      .download__button div:last-of-type {
        position: relative; }
        .download__button div:last-of-type::before {
          display: block;
          position: absolute;
          content: "";
          width: 0.1rem;
          height: 80%;
          background: gainsboro;
          left: 0; }
          @media only screen and (max-width: 768px) {
            .download__button div:last-of-type::before {
              width: 80%;
              height: 0.1rem;
              top: 0;
              left: unset; } }
      @media only screen and (max-width: 768px) {
        .download__button div {
          width: 100%; } }
      .download__button div span:first-of-type {
        font-size: 1.2rem;
        display: block;
        text-align: center; }
      .download__button div span:last-of-type {
        display: block;
        width: 21rem;
        margin: 0 auto;
        padding: 1rem 0 0 0; }

.h2-text {
  max-width: 84rem;
  margin: 4rem auto 0;
  padding: 0 2rem; }
  .h2-text dt {
    font-size: 2rem;
    font-weight: bold;
    position: relative;
    line-height: 1.6; }
    .h2-text dt::after {
      display: block;
      content: "";
      position: absolute;
      bottom: -1rem;
      left: 0;
      height: 2px;
      width: 100%;
      background: gold; }
  .h2-text dd {
    margin: 3rem auto 0;
    line-height: 1.5; }
    .h2-text dd span {
      font-size: 1.2rem; }

.capture {
  padding: 2rem 2rem 0; }
  .capture__two-column {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 3rem; }
    @media only screen and (max-width: 768px) {
      .capture__two-column {
        flex-direction: column; } }
    .capture__two-column div {
      width: calc(100% - 50%);
      gap: 3rem; }
      @media only screen and (max-width: 768px) {
        .capture__two-column div {
          width: 100%; } }
  .capture__three-column {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 3rem; }
    @media only screen and (max-width: 768px) {
      .capture__three-column {
        flex-direction: column; } }
    .capture__three-column div {
      width: calc(100% / 3);
      gap: 3rem; }
      @media only screen and (max-width: 768px) {
        .capture__three-column div {
          width: 100%; } }
      .capture__three-column div p {
        font-size: 1.4rem;
        margin: 1.6rem 0 0 0;
        line-height: 1.4; }

.capture_size {
  width: 59rem;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .capture_size {
      width: 100%; } }

.outro {
  margin: 10rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f2f2;
  height: 8rem;
  line-height: 1.6;
  text-align: center; }
  .outro span {
    font-size: 2.2rem;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .outro span {
        font-size: 1.8rem; } }

.outro-text {
  margin: 3rem 0 0 0;
  padding: 0 2rem;
  line-height: 1.5; }

.c5-heading02{
	margin: 3rem 0 0 0;
	padding: 0 2rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

/*footer {
	div {
		background: rgba(255,255,255,1.00);
		max-width: 86rem;
		margin: 0 auto;
		padding: 4rem 0 1.4rem;
		dl {
			font-size: 1rem;
			padding: 0 2rem;
			dt {
				position: relative;
				font-weight: normal;
				margin: 1.6rem 0 0 0;
				&::before {
					display: block;
					content: "";
					position: absolute;
					left: 0;
					bottom: 0.1rem;
					width: 0.8rem;
					height: 0.8rem;
					background: rgba(0,0,0,1.00);
				}
				span {
					padding: 0 0 0 1rem;
					display: block;
				}
			}
			dd {
				&:first-of-type {
					margin: 0.8rem 0 0 0;
				}
				margin: 0.2rem 0 0 0;
			}
		}
	}
}
.c5-company {
	background: rgba(255,255,255,1.00);
	max-width: 86rem;
	margin: 0 auto 0;
	border-top: solid 0.1rem rgba(228,231,236,1.00);
	font-size: 1rem;
	color: #333;
	padding: 1.4rem 2rem 2rem;
	p {
		line-height: 1.6;
		&:last-of-type {
			width: 30.6rem;
			display: block;
			margin: 0;
			padding: 0;
			line-height: 1.6;
			vertical-align: top;
		}
		
	}
}*/
a {
  cursor: pointer; }

a:hover {
  opacity: 0.7; }

a.c5-underline {
  color: #3865e0;
  -webkit-text-decoration: underline 1px #3865e0;
  text-decoration: underline 1px #3865e0;
  transition: all 0.5s ease; }

a.c5-underline:hover {
  opacity: 0.7;
  color: #34568e;
  -webkit-text-decoration: underline 1px #34568e;
  text-decoration: underline 1px #34568e;
  transition: all 0.5s ease; }

.c5-icon_window {
  width: 1.6rem; }
  @media only screen and (max-width: 768px) {
    .c5-icon_window {
      width: 1.4rem; } }

.c5-sp {
  display: none; }

.c5-pc {
  display: block; }

.c5-box{
	margin: 3rem auto 0;
    line-height: 1.5;
    border: 1px solid #dcdcdc;
}
.c5-box_inner{
    padding: 2rem;
}
.c5-list li{
    margin-bottom: 10px;
	text-indent: -1.5em;
    padding: 0 0 0 1.5em;
}
.c5-heading_03{
	font-size: 2rem;
	font-weight: bold;
	background: #ffd700;
	text-align: center;
	padding: 10px;
}
.c5-note{
	font-size: 1.2rem;
}
.c5-bold{
	font-weight: bold;
}
.c5-inline-block{
	display: inline-block;
}

@media only screen and (max-width: 768px) {
  .c5-sp {
    display: block; }

  .c5-pc {
    display: none; } }
.s5-breadcrumbs {
  font-size: 12px;
  /*font-size: .75rem;*/ }