@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
/*
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Noto Serif JP', serif;
	font-family: 'Zen Old Mincho', serif;
	font-family: 'Quicksand', sans-serif;
*/
/*
	background: rgba(8,35,61,1);
	background: rgba(41,80,116,1);
	background: rgba(41,106,116,1);
	background: rgba(174,174,74,1);
	background: rgba(226,224,211,1);
	background: rgba(112,111,101,1);

	background: rgba(246,246,246,1);
	background: rgba(242,241,236,1);
	background: rgba(244,246,249,1);
*/



* html body {
  height: 100%;
  overflow: hidden;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: rgba(51,51,51,1);
}

a:link, a:visited {
	color: rgba(51,51,51,1);
	text-decoration: underline;
}
a:hover, a:active {
	color: rgba(153,153,153,1);
	text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
	font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.75rem;
}

/* 
------------------------------------------------------------ */




			@media screen and (min-width: 1020px) {


			}
			@media screen and (max-width: 1020px) {


			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 


			}
			@media screen and (max-width: 599px) {


			}




/* cloudsign
------------------------------------------------------------ */
.cloudsign {
  
}
.cloudsign > .wrap_cloudsign {
  width: 960px;
  margin: 0 auto;
  padding: 2rem 2rem;
  border: 4px solid rgba(226,224,211,1);
}
.wrap_cloudsign > h2 {
  text-align: center;
}
.wrap_cloudsign > h3 {
  text-align: center;
}
.wrap_cloudsign > img {
  width: 480px;
  margin: 0 auto 1rem;
}

.wrap_cloudsign > .wrap_inner1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 560px;
  margin: 2rem auto 2rem;
}
.wrap_cloudsign > .wrap_inner1 > p {
  width: calc(100% - 128px);
  font-weight: 500;
  line-height: 2em;
}
.wrap_cloudsign > .wrap_inner1 > img {
  width: 96px;
}

.wrap_cloudsign > .wrap_inner2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.wrap_cloudsign > .wrap_inner2 > .box_inner2-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 48%;
  margin: 0 0 1rem;
}
.wrap_cloudsign > .wrap_inner2 > .box_inner2-1:nth-child(1),
.wrap_cloudsign > .wrap_inner2 > .box_inner2-1:nth-child(2) {
}
.wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > .box_ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  background: rgba(112,111,101,1);
  border-radius: 50%;
}
.wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > .box_ico > img {
  width: 40px;
}
.wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > p {
  width: calc(100% - 84px);
}
.wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > p span {
  font-size: 0.6em;
}
.wrap_cloudsign > .wrap_inner2 > .box_inner2-2 {
  width: 100%;
  padding: 1rem 1rem;
  border: 1px dotted rgba(112,111,101,0.6);
}
.wrap_cloudsign > .wrap_inner2 > .box_inner2-2 > p {
  font-size: 0.8em;
  line-height: 1em;
}

			@media screen and (min-width: 1020px) {


			}
			@media screen and (max-width: 1020px) {


			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
        .cloudsign > .wrap_cloudsign {
          width: 92%;
        }
        .wrap_cloudsign > .wrap_inner1 {
          width: 64%;
        }

        .wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > .box_ico {
          width: 64px;
          height: 64px;
        }
        .wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > .box_ico > img {
          width: 32px;
        }
        .wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > p {
          width: calc(100% - 76px);
        }

			}
			@media screen and (max-width: 599px) {
        .cloudsign > .wrap_cloudsign {
          width: 92%;
          padding: 1.4rem 1.4rem;
        }
        .wrap_cloudsign > img {
          width: 100%;
        }
        .wrap_cloudsign > .wrap_inner1 {
          width: 100%;
        }

        .wrap_cloudsign > .wrap_inner2 > .box_inner2-1 {
          width: 100%;
        }
        .wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > .box_ico {
          width: 64px;
          height: 64px;
        }
        .wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > .box_ico > img {
          width: 32px;
        }
        .wrap_cloudsign > .wrap_inner2 > .box_inner2-1 > p {
          width: calc(100% - 76px);
        }

        .wrap_cloudsign > .wrap_inner2 > .box_inner2-2 > p {
          line-height: 1.2em;
        }

			}


/* intro3
------------------------------------------------------------ */
.intro3 {
  
}
.intro3 > .wrap_intro3 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 960px;
	margin: 2rem auto 0;
}
.wrap_intro3 > .box_intro3 {
  width: 28%;
}
.box_intro3 > .box_fig {
  width: 100%;
  margin: 0 0 1rem;
}
.box_intro3 > .box_fig > img {
  width: 40%;
  margin: 0 auto;
}
.box_intro3 > h4 {
  margin: 0 0 0.4rem;
  font-size: 1.2em;
  text-align: center;
}
.box_intro3 > p {
  line-height: 2em;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {
        .intro3 > .wrap_intro3 {
          width: 92%;
        }

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
        .wrap_intro3 > .box_intro3 {
          width: 30%;
        }

			}
			@media screen and (max-width: 599px) {
        .wrap_intro3 > .box_intro3 {
          width: 80%;
          margin: 0 auto 1.6rem;
        }
        .wrap_intro3 > .box_intro3:last-child {
          margin: 0 auto 0;
        }
        .box_intro3 > .box_fig > img {
          width: 32%;
          margin: 0 auto;
        }

			}

/* intro2
------------------------------------------------------------ */
.intro2 {
  padding: 12rem 0 0 0!important;
}
.intro2 > .wrap_intro2 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 960px;
	margin: 0 auto 2rem;
}
.wrap_intro2 > .box_l {
  position: relative;
  width: 28%;
  height: 248px;
  background: url("../img/bubble_2.svg") no-repeat;
}
.wrap_intro2 > .box_l > p {
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 76%;
  font-size: 1.6em;
	text-align: center;
}
.wrap_intro2 > .box_c {
  width: 44%;
  height: 248px;
  background: url("../img/fig_intro2.png") no-repeat;
  background-size: 76%;
  background-position: 50% 0%;
}
.wrap_intro2 > .box_r {
  position: relative;
  width: 28%;
  height: 248px;
  background: url("../img/bubble_1.svg") no-repeat;
}
.wrap_intro2 > .box_r > p {
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 76%;
  font-size: 1.6em;
	text-align: center;
}
.wrap_intro2 > .box_bottom {
  width: 100%;
  padding: 2rem 2rem;
  background: rgba(233,233,233,1);
  border-radius: 20px;
}
.wrap_intro2 > .box_bottom > p {
  font-size: 1.4em;
  line-height: 2em;
  text-align: center;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {
        .intro2 > .wrap_intro2 {
          width: 92%;
        }

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
        .intro2 {
          padding: 18rem 0 0 0!important;
        }
        .wrap_intro2 > .box_l {
          width: 36%;
        }
        .wrap_intro2 > .box_c {
          width: 28%;
        }
        .wrap_intro2 > .box_r {
          width: 36%;
        }
        .wrap_intro2 > .box_bottom {
          padding: 1rem 1rem;
        }
        .wrap_intro2 > .box_bottom > p {
          font-size: 1.2em;
        }

			}
			@media screen and (max-width: 599px) {
        .intro2 {
          padding: 22rem 0 0 0!important;
        }
        .wrap_intro2 > .box_l {
          width: 80%;
          height: 200px;
          margin: 0 auto;
          order: 1;
        }
        .wrap_intro2 > .box_l > p {
          width: 80%;
        }
        .wrap_intro2 > .box_c {
          width: 100%;
          order: 3;
        }
        .wrap_intro2 > .box_r {
          width: 80%;
          height: 240px;
          margin: 0 auto;
          order: 2;
        }
        .wrap_intro2 > .box_r > p {
          width: 80%;
        }
        .wrap_intro2 > .box_bottom {
          padding: 1rem 1rem;
          order: 4;
        }
        .wrap_intro2 > .box_bottom > p {
          font-size: 1.1em;
          text-align: left;
        }

			}

/* reason
------------------------------------------------------------ */
.reason {

}
.reason > h2 {
  text-align: center;
}
.reason > h2 > p.line1 {
  font-weight: 400;
}
.reason > h2 > p.line2 {
  font-weight: 400;
}
.reason > h3 {
  width: 640px;
  margin: 2.4rem auto;
  padding: 1rem 0;
  /*border-top: 1px solid rgba(51,51,51,0.2);
  border-bottom: 1px solid rgba(51,51,51,0.2);*/
  background: rgba(242,241,236,1);
  border-radius: 128px;
	font-family: 'Noto Serif JP', serif;
  font-size: 2em;
  font-weight: 400;
  text-align: center;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
  @-webkit-keyframes blink{
      0% {opacity:0.1;}
      100% {opacity:1;}
  }
  @-moz-keyframes blink{
      0% {opacity:0.1;}
      100% {opacity:1;}
  }
  @keyframes blink{
      0% {opacity:0.1;}
      100% {opacity:1;}
  }
.reason > h3 > img {
  display: inline-block;
  height: 48px;
}

.reason > .wrap_reason {
  width: 960px;
  margin: 0 auto;
}
.wrap_reason > h4 {
  margin: 0 0 1rem;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.4em;
  text-align: center;
}
.wrap_reason > p {
  line-height: 2em;
  text-align: center;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {
        .reason > h3 {
          width: 92%;
        }
        .reason > .wrap_reason {
          width: 92%;
        }

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 

			}
			@media screen and (max-width: 599px) {

        .wrap_reason > h4 {
          font-size: 1.4em;
        }
        .wrap_reason > p {
          text-align: left;
        }

			}

/* intro
------------------------------------------------------------ */
.intro {
	padding: 16rem 0 3.6rem!important;
}
.intro .wrap_intro {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 960px;
	margin: 0 auto;
}
.wrap_intro > .box_fig {
	width: 400px;
}
.wrap_intro > .box_fig > img {
  margin: 0 auto;
  height: 240px;
	object-fit: cover;
}
.wrap_intro > .box_art {
	width: calc(100% - 440px);
}
.wrap_intro > .box_art > h2 {
	margin: 0 0 1rem;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.6em;
	font-weight: 400;
}
.wrap_intro > .box_art > p {
	line-height: 2em;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {
				.intro .wrap_intro {
					width: 92%;
				}

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.wrap_intro > .box_fig {
					width: 40%;
				}
        .wrap_intro > .box_fig > img {
          height: 200px;
        }
				.wrap_intro > .box_art {
					width: 56%;
				}
				.wrap_intro > .box_art > h2 {
					font-size: 1.4em;
				}

			}
			@media screen and (max-width: 599px) {
				.wrap_intro > .box_fig {
					width: 100%;
					margin: 0 0 1rem;
				}
        .wrap_intro > .box_fig > img {
          height: 160px;
        }
				.wrap_intro > .box_art {
					width: 100%;
				}
				.wrap_intro > .box_art > h2 {
					text-align: center;
				}

			}

/* credit
------------------------------------------------------------ */
.credit {}

.credit_cover {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
  width: 960px;
  margin: 0 auto;
  background: rgba(41,80,116,1);
}
.credit_cover > .box_fig {
  width: 40%;
  padding: 2rem 0;
}
.credit_cover > .box_fig > img {
	width: 60%;
	margin: 0 auto;
	object-fit: cover;
}
.credit_cover > .box_desc {
  width: 60%;
  padding: 4rem 2rem;
}
.credit_cover > .box_desc > h2 {
  margin: 0 0 1rem;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.2em;
  color: #FFF;
}
.credit_cover > .box_desc > p {
  font-size: 1.2em;
  line-height: 1.6em;
  color: #FFF;
}

.credit .wrap_credit {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 960px;
	margin: 0 auto;
}
.wrap_credit .box_credit {
	margin: 2rem 0 0;
	width: 24%;
}
.box_credit > img {
	width: 60%;
	height: 100%;
  aspect-ratio: 1 / 1;
	margin: 0 auto 1rem;
	object-fit: cover;
}
.box_credit > p {
	line-height: 2em;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {
        .credit_cover {
					width: 92%;
        }
				.credit .wrap_credit {
					width: 92%;
				}
				.wrap_credit .box_credit {
					width: 48%;
				}

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
        .box_credit > img {
          width: 40%;
        }

			}
			@media screen and (max-width: 599px) {
        .credit_cover > .box_fig {
          width: 100%;
          padding: 2rem 0 0;
        }
        .credit_cover > .box_desc {
          width: 100%;
          padding: 2rem 1.6rem;
        }
        .credit_cover > .box_desc > h2 {
          font-size: 2em;
        }
        .credit_cover > .box_desc > p {
          font-size: 1.1em;
        }

			}

/* feature_fee
------------------------------------------------------------ */
.feature_fee {
  
}
.feature_fee > h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 480px;
  margin: 0 auto 2.4rem;
  padding: 1rem 0;
  background: #FFF;
  border-radius: 128px;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1em;
}

.feature_fee > .wrap_feature_fee-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 560px;
  margin: 0 auto 3.6rem;
  text-align: center;
}
.feature_fee > .wrap_feature_fee-1 > p.line1 {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1em;
}
.feature_fee > .wrap_feature_fee-1 > p.line2 {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1em;
}
.feature_fee > .wrap_feature_fee-1 > p.line1 > span,
.feature_fee > .wrap_feature_fee-1 > p.line2 > span {
  margin: 0 1rem;
  font-size: 0.8em;
  line-height: 1em;
}
.feature_fee > .wrap_feature_fee-1 > p.line3 {
  width: 100%;
  margin: 1rem 0 0;
  padding-left: 1em;
	text-indent: -1em;
  font-size: 0.9em;
  line-height: 1em;
}

.feature_fee > .wrap_feature_fee-2 {
  /*display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;*/
  width: 640px;
  margin: 0 auto;
}
.feature_fee > .wrap_feature_fee-2 > .box_fig {
  width: 100%;
  margin: 0 0 1rem;
}
.feature_fee > .wrap_feature_fee-2 > .box_fig > img {
  width: 56%;
  margin: 0 auto;
}
.feature_fee > .wrap_feature_fee-2 > .box_desc {
  width: 100%;
}
.feature_fee > .wrap_feature_fee-2 > .box_desc > p {
  line-height: 2em;
}
.feature_fee > .wrap_feature_fee-2 > .box_desc > p span {
  display: block;
  margin: 0.6rem 0 0;
  font-size: 0.9em;
  line-height: 1.6em;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
        .feature_fee > h2 {
          width: 60%;
        }
        .feature_fee > .wrap_feature_fee-2 {
          width: 60%;
        }

			}
			@media screen and (max-width: 599px) {
        .feature_fee > h2 {
          width: 92%;
          font-size: 1.2em;
        }

        .feature_fee > .wrap_feature_fee-1 {
          display: block;
          width: 88%;
        }
        .feature_fee > .wrap_feature_fee-1 > p.line1 {
          margin: 0 0 1rem;
        }
        .feature_fee > .wrap_feature_fee-1 > p.line3 {
          width: 88%;
          margin: 1rem auto 0;
          text-align: left;
        }

        .feature_fee > .wrap_feature_fee-2 {
          width: 92%;
        }
        .feature_fee > .wrap_feature_fee-2 > .box_desc {
          width: 84%;
          margin: 0 auto;
          order: 2;
        }
        .feature_fee > .wrap_feature_fee-2 > .box_fig {
          width: 100%;
          margin: 0 0 1rem;
          order: 1;
        }
        .feature_fee > .wrap_feature_fee-2 > .box_fig > img {
          width: 48%;
          margin: 0 auto;
        }

			}

/* reason2
------------------------------------------------------------ */
.reason2 {
	
}
.reason2 .wrap_reason2 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 960px;
	margin: 2.8rem auto 1.6rem;
}
.wrap_reason2 .box_reason2 {
	width: 48%;
}
.wrap_reason2 .box_reason2 > img {
	margin: 0 auto 3.6rem;
	width: 64%;
	object-fit: cover;
}
.wrap_reason2 .box_reason2 > h3 {
	margin: 0 0 0.8rem;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1em;
}
.wrap_reason2 .box_reason2 > p {
	line-height: 2em;
}

.reason2 > .box_notice {
	width: 960px;
	margin: 0 auto;
  padding: 1rem 1rem;
  border: 1px solid rgba(51,51,51,0.4);
}
.reason2 > .box_notice > p {
  font-size: 0.9em;
  line-height: 1.6em;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {
				.reason2 .wrap_reason2 {
					width: 92%;
				}
        .reason2 > .box_notice {
					width: 92%;
        }

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 

			}
			@media screen and (max-width: 599px) {
				.wrap_reason2 .box_reason2 {
					width: 100%;
					margin: 0 0 1.6rem;
				}
				.wrap_reason2 .box_reason2:last-child {
					margin: 0;
				}
        .reason2 > .box_notice > p {
          line-height: 2em;
        }

			}

/* faq
------------------------------------------------------------ */
.faq {}
.faq > .wrap_faq {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
  width: 960px;
  margin: 2rem auto 0;
}
.wrap_faq > .box_faq {
  width: 48%;
}
.wrap_faq > .box_faq > h3 {
  font-size: 1em;
  line-height: 1em;
}

.faq_q {
  position: relative;
  margin: 1rem 0 0 0;
  padding: 0.6rem 3.6rem 0.6rem 1rem;
	background: #FFF;
  font-size: 1em;
  cursor: pointer;
}
.faq_q:hover {
  background: #E0E6E6;
  text-decoration: none;
}
.faq_q.open {
  background: #E0E6E6;
}
.faq_q:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 3px #666;
  border-right: solid 3px #666;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.faq_q.open:after { /* .openクラスがついた時の要素の角度を指定 */
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
.faq_q > p {
  font-weight: 500;
  line-height: 1.4em;
}
.faq_a {
  padding: 1rem 1rem;
	background: #FFF;
}
.faq_a > p {
  line-height: 2em;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {
        .faq > .wrap_faq {
          width: 92%;
        }
        .wrap_faq > .box_faq {
          width: 100%;
        }
        .wrap_faq > .box_faq_above {
          margin: 0 0 2.4rem;
        }
        .wrap_faq > .box_faq > h3 {
          line-height: 1.4em;
          text-align: center;
        }

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 

			}
			@media screen and (max-width: 599px) {

			}

/* company
------------------------------------------------------------ */
.company {
  background: rgba(246,246,246,1) url("../img/common/bg_logo_sh.svg") no-repeat;
  background-size: 1920px;
  background-position: -128px 50%;
}
.company > .hd {
  width: 960px;
  margin: 0 auto;
}
.company > .hd > h2 {
  margin: 0 0 1rem;
  font-size: 2em;
  font-weight: 300;
  line-height: 1em;
}
.company > .hd > p {
  margin: 0 0 2rem;
  font-size: 1.2em;
  line-height: 1.4em;
}

.company > .wrap_company {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
  width: 960px;
  margin: 0 auto 2rem;
}
.wrap_company > dl {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
  width: 48%;
}
.wrap_company > dl dt,
.wrap_company > dl dd {
  padding: 1rem 0;
  font-size: 0.9em;
  border-bottom: 1px dotted rgba(51,51,51,0.4);
}
.wrap_company > dl dt {
  width: 24%;
  font-weight: 600;
}
.wrap_company > dl dd {
  width: 76%;
}
.wrap_company > dl dd > img {
  display: inline-block;
  width: 172px;
}
.wrap_company > .box_company {
  width: 48%;
  padding: 1.6rem;
  background: rgba(255,255,255,0.4);
}
.wrap_company > .box_company > img {
  width: 80%;
  margin: 0 0 1.6rem;
}
.wrap_company > .box_company > h3 {
  margin: 0 0 0.8rem;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 0.9em;
}
.wrap_company > .box_company > p {
  font-size: 0.9em;
  line-height: 2em;
}

.company > .wrap_reg {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
  width: 960px;
  margin: 0 auto;
}
.company > .wrap_reg > .area_desc {
  width: 48%;
  padding: 0 1rem 0 0;
}
.company > .wrap_reg > .area_desc > h3 {
  margin: 0 0 0.4rem;
  font-size: 0.9em;
  line-height: 0.9em;
}
.company > .wrap_reg > .area_desc > p {
  margin: 0 0 0.8rem;
  font-size: 0.9em;
}
.company > .wrap_reg > img {
  width: 12%;
}

/* map */
.map {
  margin: 0;
  padding: 0;
}
.map iframe {
  width: 100%;
	height: 400px;
  vertical-align: bottom;
  filter: grayscale(100%) contrast(84%);
  transition: all 0.7s ease;
}

/* slider-company */
ul.slider-company {
	width: 100%;
}
ul.slider-company li {
}
ul.slider-company li img {
	width: 192px;
	height: auto;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {
        .company > .hd {
          width: 92%;
        }
        .company > .wrap_company {
          width: 92%;
        }
        .company > .wrap_reg {
          width: 92%;
        }

        /* map */
        .map iframe {
          height: 320px;
        }

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
        .company {
          background-size: 920px;
          background-position: -128px 50%;
        }

        /* map */
        .map iframe {
          height: 360px;
        }

				/* slider-company */
				ul.slider-company li img {
					width: 160px;
				}

			}
			@media screen and (max-width: 599px) {
        .company {
          background: rgba(246,246,246,1) url("../img/common/bg_logo_sh.svg") repeat-y;
          background-size: 560px;
          background-position: 0 0;
        }
        .company > .hd > p {
          font-size: 1.1em;
        }
        .wrap_company > dl {
          width: 100%;
          margin: 0 0 1rem;
        }
        .wrap_company > .box_company {
          width: 100%;
          background: rgba(255,255,255,0.6);
        }
        .company > .wrap_reg > .area_desc {
          width: 100%;
          padding: 0;
        }
        .company > .wrap_reg > img {
          width: 23%;
        }

				/* slider-company */
				ul.slider-company li img {
					width: 128px;
				}

			}

/* mv
------------------------------------------------------------ */
.mv {
	position: relative;
	width: 100%;
	height: 720px;
	background: url("../img/bg_mv.jpg") no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.mv > .line-center {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 248px;
	background: rgba(255,255,255,0.6);
}

.mv > .content_mv {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 1280px;
	margin: 0 auto;
	/*background: rgba(255,220,220,0.4);*/
}
.content_mv > .hd {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 50%;
	padding: 0 2.8rem 0 0;
}
.content_mv > .hd > h1 {
	font-family: 'Noto Serif JP', serif;
	color: #FFF;
}
.content_mv > .hd > h1 span.above {
	display: block;
	margin: 0 0 0.8rem;
	font-size: 1em;
	font-weight: 200;
	line-height: 1em;
}
.content_mv > .hd > h1 span.below {
	display: block;
	font-size: 1.6em;
	font-weight: 200;
	line-height: 1em;
}
.content_mv > .hd > h1 span.below span {
	letter-spacing: -0.15em;
}

.content_mv > .feature {
	width: 50%;
	padding: 0 0 0 2.8rem;
}
.content_mv > .feature > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.content_mv > .feature > ul li {
	position: relative;
	padding: 0.6em 0 0.6em 44px;
	font-size: 1.2em;
	color: #FFF;
}
.content_mv > .feature > ul li::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 32px;
	height: 32px;
	background: url("../img/common/ico/ico_mv_check_whi.svg") no-repeat;
}

.mv > .mv_below {
	position: absolute;
	bottom: -128px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 720px;
	margin: 0 auto;
	padding: 2.4rem 2.8rem;
	background: #FFF;
	filter: drop-shadow(0 0 12px rgba(112,111,101,1));
	z-index: 1000;
}
.mv_below > .wrap_mv_below {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
  width: 100%;
  margin: 0 0 1rem;
}
.wrap_mv_below > p {
  padding: 0.8rem 1.2rem;
  background: rgba(112,111,101,1);
  border-radius: 128px;
	font-family: 'Noto Serif JP', serif;
  font-size: 1.5em;
  line-height: 1em;
  color: #FFF;
  text-align: center;
}

.mv_below > h2 {
	width: 100%;
	margin: 0 0 1.2rem;
	padding: 0 0 1.2rem;
	border-bottom: 1px solid rgba(112,111,101,1);
	font-family: 'Noto Serif JP', serif;
	font-size: 2em;
	font-weight: 400;
	line-height: 1em;
	color: rgba(112,111,101,1);
	text-align: center;
}
.mv_below > .area_fee {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin: 1.2rem 0 0;
}
.mv_below > .area_fee .box_fee {
	margin: 1.4rem 1.6rem 0 0;
	padding: 0.8rem 1rem;
	background: linear-gradient(0deg, rgba(41,41,38,1) 0%, rgba(112,111,101,1) 100%);
	font-size: 1.2em;
	line-height: 1em;
	color: #FFF;
}
.mv_below > .area_fee p {
	font-family: 'Noto Serif JP', serif;
	font-size: 4.8em;
	line-height: 1em;
}
.mv_below > .area_fee p span.per {
	font-size: 0.6em;
	line-height: 1em;
}
.mv_below > .area_fee p span.range {
	display: inline-block;
	margin: 0 0.8rem;
	font-size: 0.8em;
	line-height: 1em;
}

/* mv_sub */
.mv_sub {
	position: relative;
	width: 100%;
	height: 360px;
	background: url("../img/bg_mv.jpg") no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.mv_sub > .wrap_inner_mv_sub {
	display: flex;
	justify-content: center;
	align-items: center;
  width: 100%;
  height: 240px;
}
.mv_sub > .wrap_inner_mv_sub > h1 {
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
  color: #FFF;
  text-align: center;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				.mv {
					position: relative;
					height: 520px;
				}
				.mv > .line-center {
					position: absolute;
					content: "";
					top: 96px;
					left: 40%;
					transform: translate(-40%, 0);
					width: 1px;
					height: 248px;
					background: rgba(255,255,255,0.6);
				}
				.mv > .content_mv {
					width: 92%;
					top: 96px;
					left: 50%;
					transform: translate(-50%, 0);
					margin: 0 auto;
				}
				.content_mv > .hd {
        	width: 40%;
					padding: 0 2rem 0 0;
				}
				.content_mv > .hd > h1 span.below span {
					display: block;
					margin: 0.6rem 0 0;
				}
				.content_mv > .feature {
        	width: 60%;
					padding: 0 0 0 1rem;
				}
				.content_mv > .feature > ul li {
					padding: 0.6em 0 0.6em 44px;
          font-size: 1.1em;
					color: #FFF;
				}
				.content_mv > .feature > ul li::before {
					width: 28px;
					height: 28px;
				}

				.mv > .mv_below {
					bottom: -232px;
					width: 80%;
					padding: 3.6rem 2.8rem;
				}
        .wrap_mv_below > p {
          font-size: 1.3em;
        }

			}
			@media screen and (max-width: 599px) {
				.mv {
					position: relative;
					height: 640px;
				}
				.mv > .line-center {display: none;}

				.mv > .content_mv {
					width: 88%;
					top: 96px;
					left: 50%;
					transform: translate(-50%, 0);
					margin: 0 auto;
				}

				.content_mv > .hd {
					width: 100%;
					justify-content: center;
					margin: 0 0 1rem;
					padding: 0 0 1.6rem;
					border-bottom: 1px solid rgba(255,255,255,0.6);
				}
				.content_mv > .hd > h1 span.above {
					margin: 0 0 1rem;
					font-size: 0.9em;
					text-align: center;
				}
				.content_mv > .hd > h1 span.below {
					font-size: 1.6em;
					text-align: center;
				}
				.content_mv > .hd > h1 span.below span {
					display: block;
					margin: 0.6rem 0 0;
				}
				.content_mv > .feature {
					width: 100%;
					padding: 0;
				}

				.content_mv > .feature > ul {
					width: 100%;
					margin: 0 auto;
				}
				.content_mv > .feature > ul li {
					padding: 0.4em 0 0.4em 36px;
					font-size: 1em;
				}
				.content_mv > .feature > ul li::before {
					width: 24px;
					height: 24px;
				}

				.mv > .mv_below {
					bottom: -320px;
					width: 92%;
					padding: 2rem 2rem;
				}
        .wrap_mv_below > p {
          width: 100%;
          font-size: 1.1em;
        }
        .wrap_mv_below > p:nth-child(1) {
          margin: 0 0 0.4rem;
        }
				.mv_below > h2 {
					font-size: 1.6em;
					line-height: 1.2em;
				}
				.mv_below > .area_fee {
					width: 100%;
				}
				.mv_below > .area_fee .box_fee {
					margin: 0 0 0.4rem;
					padding: 0.6rem 1rem;
				}
				.mv_below > .area_fee p {
					font-size: 3.6em;
				}

        /* mv_sub */
        .mv_sub > .wrap_inner_mv_sub > h1 {
          font-size: 1.2em;
        }

			}

/* header
------------------------------------------------------------ */
header.header_pc {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 80px;
	padding: 0 2rem;
}
header.header_pc img.logo_header {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: auto;
	height: 32px;
}
header.header_pc > .area_tel {
	
}
header.header_pc > .area_tel p.num_tel {
	position: relative;
	padding: 0 8px 0 44px;
	font-family: 'Quicksand', sans-serif;
	font-size: 2em;
	line-height: 1em;
	color: #FFF;
}
header.header_pc > .area_tel p.num_tel::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 8px;
	transform: translate(0, -50%);
	width: 32px;
	height: 32px;
	background: url("../img/common/ico/ico_freedial_whi.svg") no-repeat;
	background-size: cover;
	opacity: 0.8;
	
}
header.header_pc > .area_tel p.hours {
	margin: 0.3rem 0 0;
	padding: 0.3rem 0 0;
	border-top: 1px solid rgba(255,255,255,0.4);
	font-size: 0.8em;
	line-height: 1em;
	letter-spacing: 0.04em;
	color: #FFF;
	text-align: center;
}

header.header_pc > .btn_doc {
	margin: 0 0 0 1rem;
}
header.header_pc > .btn_doc a {
	position: relative;
	display: block;
	padding: 0.6rem 2.4rem;
	border: 2px solid #FFF;
	border-radius: 96px;
	color: #FFF;
	text-decoration: none;
}
header.header_pc > .btn_doc a:hover {
	background: rgba(255,255,255,0.2);
}
header.header_pc > .btn_doc a::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 16px;
	transform: translate(0, -50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
header.header_pc > .btn_doc a > p {
}

			@media screen and (min-width: 1020px) {
				header.header_sp {display: none}

			}
			@media screen and (max-width: 1020px) {
				header.header_pc {display: none}
				header.header_sp {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 64px;
				}

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
				header.header_sp > img {
					height: 32px;
				}

			}
			@media screen and (max-width: 599px) {
				header.header_sp > img {
					height: 28px;
				}

			}

/* footer
------------------------------------------------------------ */
footer {
  width: 100%;
  margin: 0 0 80px;
  background: rgba(51,51,51,1);
}

footer > .wrap_footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
  padding: 2rem 1rem;
}

.wrap_footer > p.policy a {
  position: relative;
  display: block;
  padding: 0 0 0 16px;
  font-size: 0.8em;
  line-height: 0.8em;
  color: #FFF;
  text-decoration: none;
}
.wrap_footer > p.policy a::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translate(0, -50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
.wrap_footer > p.copy {
	font-family: 'Quicksand', sans-serif;
  font-size: 0.8em;
  line-height: 0.8em;
  color: #FFF;
}
			@media screen and (min-width: 1020px) {


			}
			@media screen and (max-width: 1020px) {


			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 


			}
			@media screen and (max-width: 599px) {


			}

/* footer-fixed */
.footer-fixed {
	position: fixed;
	display: none;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100vw;
	height: 80px;
	background: rgba(41,106,116,1);
	box-shadow: 0 -6px 8px rgba(255,255,255,1);
}

.footer-fixed > .footer-fixed_pc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1280px;
  height: 80px;
  padding: 0.4rem 0;
  margin: 0 auto;
}

.footer-fixed_pc > h2 {
	margin: 0 auto 0 0;
	font-size: 1.2em;
  font-weight: 500;
  line-height: 1em;
  color: #FFF;
}

.footer-fixed_pc > .area_tel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 1.6rem 0 0;
}
.footer-fixed_pc > .area_tel p.num_tel {
	position: relative;
	padding: 0 0 0 44px;
	font-family: 'Quicksand', sans-serif;
	font-size: 2em;
	line-height: 1em;
	color: #FFF;
}
.footer-fixed_pc > .area_tel p.num_tel::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 8px;
	transform: translate(0, -50%);
	width: 32px;
	height: 32px;
	background: url("../img/common/ico/ico_freedial_whi.svg") no-repeat;
	background-size: cover;
	opacity: 0.8;
}
.footer-fixed_pc > .area_tel p.hours {
	margin: 0 0 0 0.6rem;
	padding: 0 0 0 0.6rem;
	border-left: 1px solid rgba(255,255,255,0.4);
	font-size: 0.9em;
	line-height: 1.4em;
	letter-spacing: 0.04em;
	color: #FFF;
}

.footer-fixed_pc > .lne_inq {
}


.footer-fixed_pc > .btn_inq {
}
.footer-fixed_pc > .btn_inq a {
  display: block;
  padding: 1rem 2.4rem 1rem 1.6rem;
  border: 1px solid #FFF;
  border-radius: 80px;
  text-decoration: none;
}
.footer-fixed_pc > .btn_inq a > p {
  position: relative;
  line-height: 1em;
  color: #FFF;
}
.footer-fixed_pc > .btn_inq a > p::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -16px;
	transform: translate(0, -50%) rotate(45deg);
	width: 10px;
	height: 10px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}

			@media screen and (min-width: 600px) {
				.footer-fixed_sp {display: none}

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
        .footer-fixed > .footer-fixed_pc {
          width: 92%;
        }
        .footer-fixed_pc > h2 {display: none}


			}
			@media screen and (max-width: 599px) {
				.footer-fixed {
					height: 80px;
				}
				.footer-fixed > .footer-fixed_pc {display: none}

        .footer-fixed > .footer-fixed_sp {
					height: 80px;
          padding: 10px 0 6px;
				}

        .footer-fixed_sp > h2 {
          height: 20px;
          font-size: 0.9em;
          font-weight: 500;
          line-height: 0.9em;
          letter-spacing: 0.05em;
          color: #FFF;
          text-align: center;
        }
        .footer-fixed_sp > .area_btn {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 96%;
          height: 44px;
          margin: 0 auto;
        }
        .footer-fixed_sp > .area_btn > .btn {
          width: 32%;
          height: 44px;
        }
        .footer-fixed_sp > .area_btn > .btn a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          border: 1px solid #FFF;
          border-radius: 80px;
          font-weight: 500;
          color: #FFF;
          text-decoration: none;
        }
        .footer-fixed_sp > .area_btn > .btn a > img {
          width: 24px;
          margin: 0 6px 0 0;
        }

			}

/* inquiry
------------------------------------------------------------ */
.inquiry {}
.inquiry > h2 {
  width: 960px;
  margin: 0 auto 1.6rem;
  padding: 0 0 1.6rem;
  border-bottom: 1px solid rgba(41,80,116,0.4);
  font-size: 2.4em;
  line-height: 1.2em;
  color: rgba(41,80,116,1);
  text-align: center;
}
.inquiry > .hd_above {
  position: relative;
  width: 560px;
  margin: 0 auto 32px;
  padding: 0.8rem 0;
  background: rgba(41,80,116,1);
  border-radius: 128px;
  font-size: 2em;
  font-weight: 700;
  color: #FFF;
  text-align: center;
}
.inquiry > .hd_above::after {
  position: absolute;
  content: "";
  bottom: -48px;
  left: 50%;
  transform: translate(-50%, 0);
  border: 24px solid transparent;
  border-top: 24px solid rgba(41,80,116,1);
}

.inquiry > .wrap_inquiry {
  width: 960px;
  margin: 0 auto;
}
.wrap_inquiry > p.instruction {
  margin: 0 0 2rem;
  font-size: 1em;
  font-weight: 600;
  text-align: center;
}

.attach_pc > img.fig_attach_pc {
  width: 76%;
  margin: 1rem 0 0;
}

span.required {
  display: inline-block;
  margin: 0 0.4rem;
  padding: 0.3rem 0.3rem;
  background: rgba(174,49,88,1);
  border-radius: 4px;
  font-size: 0.8em;
  font-weight: 500;
  line-height: 0.8em;
  color: #FFF;
}

dl.form_inquiry {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
  width: 100%;
}
dl.form_inquiry dt,
dl.form_inquiry dd {
  padding: 1rem 0;
}
dl.form_inquiry dt {
  width: 32%;
  font-weight: 500;
  text-align: right;
}
dl.form_inquiry dd {
  width: 64%;
}

/* dl items */
dl.form_inquiry option,
dl.form_inquiry select,
dl.form_inquiry input[type=text],
dl.form_inquiry input[type=email],
dl.form_inquiry input[type=search],
dl.form_inquiry input[type=tel],
dl.form_inquiry input[type=date],
dl.form_inquiry input[type=number],
dl.form_inquiry input[type=url] {
  width: 100%;
	height: 32px;
	padding: 0 16px;
	background: #FFF;
	border: none;
	box-shadow: inset 2px 2px 5px rgba(51,51,51,0.4), inset -5px -5px 10px #FFF;
	border-radius: 24px;
  outline: none;
  font-size: 0.9em;
  font-weight: 500;
	color: rgba(0,0,0,0.6);	
  vertical-align: middle;
  text-align: left;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
dl.form_inquiry select:hover,
dl.form_inquiry input[type=text]:hover,
dl.form_inquiry input[type=email]:hover,
dl.form_inquiry input[type=search]:hover,
dl.form_inquiry input[type=tel]:hover,
dl.form_inquiry input[type=date]:hover,
dl.form_inquiry input[type=number]:hover,
dl.form_inquiry input[type=url]:hover {
	box-shadow: inset 2px 2px 2px rgba(51,51,51,0.4), inset -2px -2px 2px #FFF;
	background: rgba(41,80,116,0.1);
}
dl.form_inquiry option:focus,
dl.form_inquiry select:focus,
dl.form_inquiry input[type=text]:focus,
dl.form_inquiry input[type=email]:focus,
dl.form_inquiry input[type=search]:focus,
dl.form_inquiry input[type=tel]:focus,
dl.form_inquiry input[type=date]:focus,
dl.form_inquiry input[type=number]:focus,
dl.form_inquiry input[type=url]:focus {
	background: #F9F9F9;
	box-shadow: 2px 3px 3px rgba(200,200,200,1);
	outline: none;
}
dl.form_inquiry input[type=file] {
	width: 100%;
	margin: 0 0 8px 0;
	padding: 8px 12px;
	background: rgba(245,205,30,1);
	border: 2px solid rgba(245,205,30,1);
	border-radius: 32px;
	font-weight: 800;
	color: rgba(48,48,48,1);
}
dl.form_inquiry textarea {
  width: 100%;
	height: 72px;
	margin: 0.6rem 0 0;
	padding: 0 8px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
	resize: none;
  font-size: 0.9em;
}
dl.form_inquiry .box_partner {
  width: 92%!important;
}
dl.form_inquiry p.partner_notice {
  margin: 0.2rem 0 0;
  font-size: 0.85em;
  font-weight: 600;
  color: rgba(174,49,88,1);
}
input[type="checkbox"] {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 0.2rem 0.6rem 0 0;
  border: 1px solid rgba(51,51,51,0.1);
  border-radius: 2px;
	box-shadow: inset 2px 2px 5px rgba(51,51,51,0.4), inset -5px -5px 10px #FFF;
  vertical-align: -5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type="checkbox"]:checked:before {
  position: absolute;
  content: '';
  top: 3px;
  left: 7px;
  transform: rotate(50deg);
  width: 9px;
  height: 14px;
  border-right: 2px solid rgba(51,51,51,1);
  border-bottom: 2px solid rgba(51,51,51,1);
}
/* datepicker */
.ui-datepicker { /* datepickerカレンダー背景 */
	background: rgba(214,214,214,1)!important;
	text-decoration: none;
}

dl.form_inquiry button { /* datepickerボタン */
	margin: 8px 0 0 0;
	padding: 2px 16px;
	background: rgba(245,205,30,1);
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
	border-radius: 56px;
	font-size: 0.9em;
  font-weight: 500;
}
dl.form_inquiry button:hover { /* datepickerボタン */
	background: rgba(245,205,30,0.7);
}

/* add block */
.form-block {
  position: relative;
}
.add_format {
	position: relative;
}
.close {
	position: absolute;
	display: inline-block;
	top: 48px;
	right: 12px;
	width: 24px;
	height: 24px;
	background: rgba(128,128,128,1);
	border-radius: 50%;
	font-size: 16px;
	font-weight: 800;
	line-height: 22px;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}
.add {
	position: absolute;
	display: inline-block;
	top: 18px;
	right: 12px;
	width: 24px;
	height: 24px;
	background: rgba(245,205,30,1);
	border-radius: 50%;
	font-size: 16px;
	font-weight: 800;
	line-height: 22px;
	color: #333;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}
.add:hover, .close:hover {
	background: rgba(200,200,200,1);
}
.disp_off {
	display: none;
}
.disp_on {
	display: block;
}
.partner_name {
	width: 84%!important;
}
.addr_num {
	margin: 1rem 0 0;
}

/* area_btn */
.area_btn {
  display: flex;
  justify-content: space-between;
  width: 560px;
  margin: 1.6rem auto;
}

input[type=submit],
input[type=button],
input[type=reset] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  outline: none;
  background: transparent;
}
input[type=submit],
input[type=button],
input[type=reset] {
  display: inline-block;
  width: 48%;
  padding: 1rem 0;
  background: #FFF;
  border: 2px solid rgba(41,80,116,1);
  border-radius: 128px;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1em;
  color: rgba(41,80,116,1);
}
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover {
  background: rgba(41,80,116,1);
  color: #FFF;
}

/* ssl */
.wrap_ssl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
  width: 560px;
  margin: 0 auto;
  padding: 1rem 1.6rem;
  border: 1px solid rgba(51,51,51,0.2);
}
.wrap_ssl > .box_seal {
  width: 24%;
}
.wrap_ssl > .box_desc {
  width: 72%;
  font-size: 0.85em;
}

			@media screen and (min-width: 1020px) {
        .attach_tbsp {display: none}

			}
			@media screen and (max-width: 1020px) {
        .attach_pc {display: none}
        .inquiry > .hd_above {
          width: 92%;
          font-size: 2em;
        }

        .inquiry > .wrap_inquiry {
          width: 92%;
        }

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 
        .inquiry > h2 {
          width: 92%;
          font-size: 2.4em;
        }
        .attach_tbsp > img.fig_attach_tbsp {
          width: 76%;
          margin: 1rem 0;
        }

        /* area_btn */
        .area_btn {
          width: 60%;
        }

        /* ssl */
        .wrap_ssl {
          width: 60%;
        }
        .wrap_ssl > .box_seal {
          width: 16%;
        }
        .wrap_ssl > .box_desc {
          width: 82%;
        }

			}
			@media screen and (max-width: 599px) {
        .inquiry > h2 {
          width: 92%;
          font-size: 1.8em;
        }
        .inquiry > .hd_above {
          width: 92%;
          font-size: 1.2em;
        }
        .attach_tbsp > img.fig_attach_tbsp {
          width: 76%;
          margin: 1rem auto;
        }

        dl.form_inquiry dt {
          width: 100%;
          padding: 1rem 0 0.4rem;
          text-align: left;
        }
        dl.form_inquiry dd {
          width: 100%;
          padding: 0 0 0rem;
        }

        /* area_btn */
        .area_btn {
          width: 100%;
        }

        /* ssl */
        .wrap_ssl {
          width: 100%;
        }
        .wrap_ssl > .box_seal {
          width: 20%;
        }
        .wrap_ssl > .box_desc {
          width: 78%;
        }

			}

.wrap_inq {
	width: 768px;
	margin: 0 auto;
	padding: 2rem 0;
}
.wrap_inq_form {
	width: 768px;
	margin: 0 auto;
	padding: 2rem 0;
	/*background: #FFF;*/
	background: rgba(255,255,255,0.7);
	border-radius: 24px;
}

			@media screen and (max-width:767px) {

				.wrap_inq {
					width: 100%;
					margin: 0 auto;
				}
				.wrap_inq_form {
					width: 100%;
					margin: 0 auto;
				}

			}

/* thanks
------------------------------------------------------------ */
.thanks {}
.thanks > .wrap_thanks {
  width: 960px;
  height: 80vh;
  margin: 0 auto;
}
.wrap_thanks > p.lead {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.6em;
  text-align: center;
}
.wrap_thanks > .box_screening {
  width: 80%;
  margin: 2rem auto;
  padding: 2rem 2rem;
  /*background: #FDD;*/
  border: 1px solid rgba(41,80,116,0.4);
}
.wrap_thanks > .box_screening > p {
  margin: 0 0 2rem;
  font-size: 1.1em;
  line-height: 2em;
  text-align: center;
}
.wrap_thanks > .box_screening > .btn_screening a {
  display: block;
  width: 320px;
  margin: 0 auto;
  padding: 1rem 0;
  background: #FFF;
  border: 2px solid rgba(41,80,116,1);
  border-radius: 128px;
  font-size: 1.2em;
  font-weight: 500;
  color: rgba(41,80,116,1);
  text-align: center;
  text-decoration: none;
}
.wrap_thanks > .box_screening > .btn_screening a:hover {
  background: rgba(41,80,116,1);
  color: #FFF;
}

.wrap_thanks > .btn_back a {
  display: block;
  width: 320px;
  margin: 0 auto;
  padding: 1rem 0;
  background: #FFF;
  border: 2px solid rgba(41,80,116,1);
  border-radius: 128px;
  font-size: 1.2em;
  font-weight: 500;
  color: rgba(41,80,116,1);
  text-align: center;
  text-decoration: none;
}
.wrap_thanks > .btn_back a:hover {
  background: rgba(41,80,116,1);
  color: #FFF;
}

			@media screen and (min-width: 1020px) {

			}
			@media screen and (max-width: 1020px) {
        .thanks > .wrap_thanks {
          width: 92%;
        }
        .wrap_thanks > .box_screening {
          width: 100%;
          padding: 1.6rem 1.6rem;
        }

			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 

			}
			@media screen and (max-width: 599px) {
        .wrap_thanks > p.lead {
          font-size: 1em;
        }

        .wrap_thanks > .box_screening > p {
          font-size: 1em;
          text-align: left;
        }
        .wrap_thanks > .box_screening > .btn_screening a {
          width: 100%;
        }
        .wrap_thanks > .btn_back a {
          width: 100%;
        }

			}

/* secGen
------------------------------------------------------------ */
.secGen {
	width: 100%;
	padding: 3.6rem 0;
}

.bg-skew {
	position: relative;
	width: 100%;
	margin: 0;
}
.bg-skew::before {
	position: absolute;
	content: "";
	top: 128px;
	bottom: 128px;
	left: 0;
	right: 0;
	background: rgba(246,246,246,1);
	transform: skewY(-354deg);
	z-index: -1;
}

h2.hdSecGen {
	margin: 0 0 1rem;
	font-size: 2em;
	font-weight: 400;
	line-height: 1.4em;
	text-align: center;
}

p.leadSecGen {
	margin: 0 0 2rem;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: center;
}

.bg_gray {background: rgba(246,246,246,1)}
.bg_beige {background: rgba(242,241,236,1)}
.bg_blue {background: rgba(238,242,248,1)}
.bg_green {background: rgba(238,245,246,1)}
.bg_bluedark {background: rgba(41,80,116,1)}



			@media screen and (min-width: 1020px) {


			}
			@media screen and (max-width: 1020px) {


			}
			@media only screen and (max-width: 1020px) and (min-width: 600px) { 


			}
			@media screen and (max-width: 599px) {
				h2.hdSecGen {
					font-size: 1.8em;
				}

				p.leadSecGen {
					margin: 0 0 2rem;
					font-size: 1em;
					line-height: 1.4em;
					text-align: center;
				}

			}