@charset "utf-8";

body {
	font: normal 18px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","メイリオ","Meiryo","Arial,Verdana,sans-serif";
	text-align: left;
	color:#000;
}
img {
  width: 100%;
}
.forPC{
	display: block !important;
}
.forSP{
	display: none !important;
}


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

    MV & main css

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

#all_area {
	background: linear-gradient(90deg, #1e1e1e, #000000, #1e1e1e);
}

#main img{
	width: 100%;
}



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

    header (section)

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


#lead_catch1, #lead_catch2 {
	text-align: center;
	margin: 0 auto;
}



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

  	共通CSS

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


h3 {
	width: 70%;
	font-size: 3.5vw;
	margin: 0% auto 3%;
	text-align: center;
}
h4 {
	font-size: 3vw;
	margin: 0% auto 2%;
	width: 90%;
	text-align: center;
}

.inner {
  margin: 0 auto;
  width: 60%;
}
.innerB {
  margin: 0 auto;
  width: 70%;
}
.inner p {
  color #211715;
  font-size: 1.5vw;
  line-height: 210%;
	margin-bottom: 5%;
}

.inner .text .about-picture {
	margin: 7% 0%;
}
.inner .text {
	background-color: #fff;
	margin: 0 auto;
	padding: 10% 10% 8%;
	box-shadow: 1px 1px 8px rgb(0, 0, 0, .05);
}
.inner .text p img{
	margin: 1% 0%;
}

p .strongtext {
  color: #000;
	font-size: 1.6vw;
	font-weight: bold;
}
p .strongtext-white {
  color:#fff;
	font-size: 1.8vw;
	font-weight: bold;
}
p .strongtext2 {
	font-size: 2.6vw;
	font-weight: bold;

}
p .borderline {
	font-size: 1.6vw;
	font-weight: normal;
	border-bottom: 0.08rem solid;
}
p .borderline-bold {
	font-size: 1.8vw;
	font-weight: bold;
	border-bottom: 0.08rem solid;
}
p .strongtext-borderline {
  color: #000;
	font-size: 1.6vw;
	font-weight: bold;
	border-bottom: 0.08rem solid;
}
p .strongtext-borderline-big {
  color: #000;
	font-size: 2.2vw;
	font-weight: bold;
	border-bottom: 0.1rem solid #000;
}
p .mincho {
	font-family: "リュウミン M","serif","游明朝","ヒラギノ明朝","秀英明朝","MS明朝";
	font-size: 2.5vw;
	font-weight: bold;
	line-height: 150%;
}


p .colortext {
	color: #e61e28;
	font-weight: bolder;
	font-size: 1.6vw;
}
p .colortext-white {
	color: #fff;
	font-weight: 800;
	font-size: 1.5vw;
}
p .strongtext-color {
  color: #dc0000;
	font-size: 2vw;
	font-weight: bold;
}
p .borderline-color {
  color: #e61e28;
	font-size: 1.5vw;
	font-weight: bold;
	border-bottom: 0.08rem solid #e61e28;
}

p .strongtext-read {
  color: #dc0000;
	font-size: 2.5vw;
	font-weight: bold;
	line-height: 140%;
}
p .palingtext {
	color: #000;
	font-weight: bold;
	font-size: 1.6vw;
	background-color: #fffa64;
	padding: 1.2% 0%;
	letter-spacing: .01em;
}
p .palingtext2 {
	color: #000;
	font-weight: 800;
	font-size: 1.5vw;
	background-color: #fac800;
	padding: 1% 0%;
}
p .agendumtest {
	font-size: 1.5vw;
	font-weight: 600;
	line-height: 220%;
}
.strongtext-read-center {
	line-height: 150%;
	text-align: center;
	padding: 0% 0%;
	letter-spacing: .001em;
	border 0.1rem solid #000;
	color #000;
	margin-bottom: 1%;
}
.strongtext-read-center-black{
	line-height: 150%;
	text-align: center;
	padding: 1% 0%;
	letter-spacing: .005em;
	border: 0.1rem solid #000;
	background-color: #000;
	margin-bottom: 5%;
}
.strongtext-read-center2 {
	line-height: 150%;
	text-align: center;
	padding: 1% 0%;
	letter-spacing: .1em;
	color: #a5963c;
	margin-bottom: 5%;
}

.bounding {
	padding: 6% 7% 3%;
	border: 0.04rem solid #000;
	margin: 8% 0%;
	background-color #fff;
}
.bounding2 {
	padding: 4% 4%;
	border: 0.04rem solid #000;
	background-color #000;
	color #fff;
	margin-top: 6%;
}


.caution-k {
	font-size: 1.1vw;
	text-align: center;
	color: #000;
	margin-top: 1%;
}
.inner .caution p {
	padding-top: 1%;
	text-align: right;
}
.break-sp {
	display: none;
}


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

  	result

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


#result {
  padding: 6% 0% 4%;
  background: url(../images/back-result.jpg) no-repeat center top;
  background-size: cover;
	background-attachment: fixed;
}
#result .inner {
  margin-bottom 5%;
}
h4 .side-line {
	font-family: "秀英横太明朝", "秀英明朝", "リュウミン M","serif","游明朝","ヒラギノ明朝","MS明朝";
	font-weight: bolder;
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: center; /* 水平中心 */
}
h4 .side-line:before, .side-line:after {
  border-top: 1px solid;
  content: "";
  width: 1em; /* 線の長さ */
}
h4 .side-line:before {
  margin-right: 0.5em; /* 文字の右隣 */
}
h4 .side-line:after {
  margin-left: 0.5em; /* 文字の左隣 */
}

.inner ul {
	margin-bottom: 16%;
}
.inner ul li {
	margin-bottom: 1%;
}
.result-scroll{
	max-height: 18em;
  overflow: scroll;
	background-color: #fff;
	padding-right 0.6em;
}
.result-chart {
	height: 100%;
}


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

		step, merit

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


#step .text h3 {
	font-family: "リュウミン M","serif","游明朝","ヒラギノ明朝","秀英明朝","MS明朝";
	font-weight: normal;
	color: #221815;
	text-align: center;
	margin-bottom: 6%;
	line-height: 150%;
	letter-spacing: .001em;
	font-size: 2.7vw;
}
#step h3 {
	text-align: center;
	margin: 0 auto 1%;
}
#step {
	padding: 6% 0 5%;
	background: url(../images/back-step.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
#step .text {
	 padding: 2% 5%;
}
#step .check-list {
	margin: 6% 0% 8%;
}
#step .check-list li, #benefit .check-list li{
	background-image: url(../images/image-check-icon.png);
	background-repeat: no-repeat;
	background-position: 0% 40%;
	background-size: 3.5%;
	padding-left: 4%;
	margin-bottom: 3%;
	font-size: 1.7vw;
	font-weight: 500;
	line-height: 180%;
	letter-spacing: .005em;
}
#step .check-list li span{
	font-weight: 800;
}


#step .necessary{
	margin: 6% auto 4%;
	width: 60%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#step .necessary dl{
	width: 41%;
	margin-bottom: 2%;
	background: #fff;
	padding: 4%;
	border 2px solid #ddd8cc;
	box-shadow: 1px 1px 8px rgb(0, 0, 0, .05);
	border-radius: 0.5em;
}
#step .necessary dl dt {
	margin: auto;
	background-color #ddd8cc;
	color: #0a0550;
	font-size: 1.8vw;
	font-weight: 900;

	justify-content: center;

}
#step .necessary dl dt p{
	margin: auto 0.5%;
	text-shadow: 1px 1px 2px rgb(0, 0, 0, .1);
}
#step .necessary dl dt p img {
	width: 1.1em;
	display: table-cell;
}
#step .necessary dd{
	display: flex;
			margin: auto 0;
}
#step .necessary dd img{
	width: 50%;
}
#step .necessary dd p{
	padding: 0 3%;
	color: #000;
	font-size: 1.4vw;
	font-weight: normal;
	line-height: 160%;
	margin: 3% auto 0;
	t
}
#step .necessary dd p span{
	font-size: 1.2vw;
	font-weight: 200;
	line-height: 120%;
}

#step .merit{
	margin: 6% auto 4%;
	width: 70%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}
#step .merit dl{
	margin-bottom: 1.5%;
	width: 32.5%;
	background: #dc0000;
	border-radius: 0.5em;
	box-shadow: 1px 1px 8px rgb(0, 0, 0, .05);
}
#step .merit dl dt {
	margin 0 auto;
	text-align: center;
	background-color #0a0550;
	color: #fff;
	font-size: 1.6vw;
	font-weight: normal;
	padding: 10% 2% 2%;
	line-height: 140%;
}
#step .merit dl dt p img {
	width: 45%;
	margin-bottom: 5%;
}
#step .merit dd{
	margin: 5%;
}
#step .merit dd p{
	padding: 12% 1%;
	color: #000;
	font-size: 1.4vw;
	text-align: center;
	font-weight: 600;
	line-height: 150%;
}


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

  	explanation

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

#explanation {
	padding: 8% 0 2%;
	padding-left: 15%;
  background: url(../images/back-explanation.jpg) no-repeat center top;
  background-size: cover;
	background-attachment: fixed;
}
#explanation .text h5 {
	font-size: 3vw;
	font-weight: normal;
	letter-spacing: .1em;
}


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

  	relief

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

#relief {
	padding: 8% 0 2%;
  background: url(../images/back-relief.jpg) no-repeat center top;
  background-size: cover;
	background-attachment: fixed;
}
#relief .text h5 {
	font-size: 3vw;
	font-weight: normal;
	letter-spacing: .1em;
}


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

  	success

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

#success {
	padding: 8% 0 2%;
  background: url(../images/back-success.jpg) no-repeat center top;
  background-size: cover;
	background-attachment: fixed;
}
#success .text h5 {
	font-size: 3vw;
	font-weight: normal;
	letter-spacing: .1em;
}


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

  	achievement

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

#achievement {
	padding: 8% 0 2%;
  background: url(../images/back-achievement.jpg) no-repeat center top;
  background-size: cover;
	background-attachment: fixed;
}
#achievement .text h5 {
	font-size: 3vw;
	font-weight: normal;
	letter-spacing: .1em;
}


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

		company

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


#company {
	padding: 10% 0 5%;
	background: url(../images/back-company.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
#company .inner p img {
	width: 85%;
	margin: 5% auto;
}
#company .inner a img{
	width: 85%;
	margin-bottom: 2%;
	box-shadow: 1px 1px 8px rgb(0 0 0 / 5%);
}
#company .inner {
	text-align: center;
	margin-bottom: %;
}
#company .inner p {
	color: #211715;
	font-weight: 500;
	font-size: 1.5vw;
	line-height: 240%;
	margin-bottom: 4%;
	letter-spacing: .02em;
}

#company-concept {
	margin: 2% 0% 4%;
}
#company-concept dl{
	background: #fff;
	padding: 7% 10% 10% 10%;
	margin-bottom: 2%;
	box-shadow: 1px 1px 8px rgb(0 0 0 / 5%);
}
#company-concept dt{
	font-family: "リュウミン M","serif","游明朝","ヒラギノ明朝","秀英明朝","MS明朝";
	font-weight: bold;
	color: #dc0000;
	text-align: center;
	line-height: 130%;
	letter-spacing: .001em;
	font-size: 2.4vw;
	border-bottom: 0.05rem solid #000;
	padding-bottom: 3%;
	margin-bottom: 4%;
}
#company-concept .company-concept-icon{
	width: 4.5%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
}
#company-concept dl dd p{
	font-size: 7vw;
	width: 90%;
	margin: 0 auto;
}
#company #company-concept p span{
	font-weight: bolder;
	letter-spacing: .01em;
}


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

    from

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


#form-table {
	width: 62%;
	margin-left: auto;
	margin-right: auto;
	margin: 3% auto;
	text-align: center;
	padding: 0.2em;
}
.form-text {
	background-color: #f9f1a1;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5%;
	border-radius: 0em;
	box-shadow: 1px 1px 8px rgb(1, 1, 2, .5);
	border 0.1rem solid #a6802c;
}
.form-catch{
	width 93%;
	margin: 0% auto 5%;
	padding 4.5% 0% 0% 1%;
	text-align: center;
}
form {
	background-color #fff;
	padding: 3% 3% 1%;
	margin-left: 3.5%;
	margin-right: 3.5%;
}
form p {
	color: #000;
	text-align: left;
	font-size: 1.8vw;
	margin-bottom: 1%;
}
form h4 p {
	font-family: "リュウミン M", "リュウミン Pro", "serif", "游明朝",
	"ヒラギノ明朝", "秀英明朝", "MS明朝", "MS P明朝", "ヒラギノ明朝 ProN W3", "YuMincho", "游明朝体";
	font-style: italic;
	font-size: 4.1vw;
	letter-spacing: .01em;
	color: #dc0532;
	font-weight: bold;
	line-height: 100%;
	margin: 7% auto 5%;
	text-align: center;
	border-bottom: 0.01rem solid #dc0532;
	width: 88%;
}
form input[type=email], form input[type=text]{
  width: 97%;
	border: 0.08rem solid #646464;
  font-size: 2vw;
	font-weight: 100;
	background-color: #fff;
	color: inherit;
	padding: 2.5% 0% 2.5% 3%;
	box-shadow 1px 1px 3px #c8c8c8;
	margin: 0% 0 1%;
}

form .timer {
  margin: 0 auto 5%;
  text-align: center;
}
form .timer p {
  font-size: 3.8vw;
  font-weight: bold;
  line-height: 160%;
	background: linear-gradient(90deg, #f1c953, #e97f3f, #e65d40);
	text-align: center;
	margin: 0 auto;
	color: #fff;
	text-shadow: 0px 0px 8px #333333;
	border 1px solid #845824;
	font-family: "リュウミン M", "リュウミン Pro", "serif", "游明朝", "ヒラギノ明朝", "秀英明朝",
								"MS明朝", "MS P明朝", "ヒラギノ明朝 ProN W3", "YuMincho", "游明朝体";
	border-radius: 1em;
}

::placeholder {
	color: #adacad;
	opacity:0.5;
}

.shiny-btn4 {
	background:  #147e14;
	line-height: 0;
	display: block;
	position: relative;
	width: 100%;
	padding: 4% 0%;
	border: 4px solid #006a00;
	box-shadow: 1px 1px 2px 1px #008c00;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	transition: all .3s ease;
	cursor: pointer !important;
	border-radius: .8em;
	margin-bottom: 5%;
	margin-top: 5%;
}
.shiny-btn4 {
	background-image: url(../images/image-form-icon.png);
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size: 10%;
}
.shiny-btn4 span {
  font-size: 3.2vw;
	font-weight: 500;
	line-height: 50%;
}
.shiny-btn4 button{
	font-size: 4.8vw;
	line-height: 120%;
	font-weight: bold;
	background-color: transparent;
	border-style: none;
	color: #fff;
	text-transform: none;
	letter-spacing: 0.01em;
	text-shadow: 1px 1px 10px #009600;
}
.shiny-btn4::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn4 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn4 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.shiny-btn4:hover {
	text-decoration: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
  -webkit-transform: translateY(3px);
}

form h4 {
	margin: 8% auto -1%;
}
form h4 p{
	font-family: "リュウミン M", "serif", "游明朝", "ヒラギノ明朝", "秀英明朝", "MS明朝";
  font-style: italic;
  font-weight: bold;
  letter-spacing: .02em;
  color: #c8051e;
  text-align: center;
  font-size: 3.8vw;
}
form .form-step {
  margin-bottom: %;
  display: flex;
  justify-content: space-between;
}
form .form-step p {
	font-size: 1.45vw;
	line-height: 150%;
	color: #000;
	text-align: left;
}
form .form-step p span {
  margin: 0 1% 3% 0;
  padding: 0% 4%;
  font-size: 1.4vw;
  background: #5b5b5b;
  display: inline-block;
  border-radius: 0rem;
  width: 90%;
  text-align: center;
	font-weight: 500;
	color: #fff;
}
form .form-step dl {
  width: 50%;
  background-color #000;
  margin: 0 1% 0;
	border: 0.05rem solid #000;
}
form .form-step dd {
  padding: 5%;
}
.form-step dl dd span p{
	line-height: 150%;
	text-align: left;
	font-size: 1.2vw;
	color: #000;
	font-weight: 200;
}

.caution p {
  line-height: 150%;
  text-align: center;
  font-size: 1.5vw;
  color:  #000;
	font-weight: normal;
	padding-top: 3%;
}
.caution  p span{
  font-size 1.8vw;
  color #000;
	font-weight normal;
  line-height 160%;
}



.ECM_CheckboxInput {
  padding: 6px 8px 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
	justify-content: center;
}
.ECM_CheckboxInput-Input {
  margin: 0;
  width: 0;
  opacity: 0;
}
.ECM_CheckboxInput:hover > .ECM_CheckboxInput-DummyInput {
  background: #DDDDDD !important;
  border: solid 2px #fff;
}
.ECM_CheckboxInput-Input:focus + .ECM_CheckboxInput-DummyInput {
  background: #ffff !important;
  border: solid 2px #333333;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
  border: solid 1px #333333;
  background: #FFFFFF;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;
  background-size: contain;
}
.ECM_CheckboxInput-DummyInput {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  border: solid .08rem #646464;
  background: #FFFFFF;
  border-radius: 0.2em;
}
.ECM_CheckboxInput-LabelText {
  margin-left: 12px;
  display: block;
  font-size: 1.6vw;
  font-weight: bold;
}


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

    注意事項(アフィリ用)

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

#notes {
	background-color: #ececec;
	text-align: left;
	padding: 2% 0%;
}
#notes dl {
	font-size: 1.2vw;
	margin-bottom: 0%;
	letter-spacing:.1em;
	border 0.05rem solid #C3C8CD;
	width: 59%;
	margin-left: auto;
	margin-right: auto;
	padding: 1%;
}
#notes dt{
	margin-bottom: 0.5%;
	font-weight: 600;
	font-size: 1.4vw;
}


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

    注釈

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

#annotation {
	background-color: #fff;
	text-align: center;
	padding: 2% 0%;
}
#annotation dl {
	font-size: 1.2vw;
	margin-bottom: 0%;
	letter-spacing:.15em;
	border: 0.05rem solid #C3C8CD;
	width: 56%;
	margin-left: auto;
	margin-right: auto;
	padding: 2%;
}
#annotation dt{
	margin-bottom: 0.5%;
	font-weight: 600;
	font-size: 1.4vw;
}



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

    header nav

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

header nav{
	background-color: #000;
	padding: 0% 1%;
}
#global-header {
	width: auto;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding: 0.5% 1%;
}
#global-header h1 {
	width: 22%;
	padding-top 0.2%;
	border-radius 5px;
	background  #fff;
	margin-left: 0.5%;
}
#nav-system_right {
	display: flex;
	padding: 0.1% 0% 0 0;
}
.system-text {
  color: #fff;
	font-size: 1.2vw;
	justify-self: flex-end;
	margin-right: 1.5em;
	text-align: right;
}
.system-text a{
	text-decoration: none;
	color: #fff;
}
.fa-phone-square {
  margin-right: 0.5em;
}
.contact-link {
  display: block;
  color: #fff;
  background-color: #cd0920;
  text-decoration: none;
  border-radius: 2em;
  text-align: center;
  font-weight: bold;
	font-size: 1.2vw;
	padding: 0.8em 1.4em;
	transition: all .3s ease;
	margin-top 1%
}
.contact-link:hover {
  opacity: 0.8;
}

.header-logo img {
  width: 90% !important;
}



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

    header top

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

#header-top {
  background: #000;
}
#header-top .inner {
  width: 90%;
  margin: 0 auto;
  padding: 2% 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

#header-top .inner .title{
	background-color: #001e50;
	width: 25%;
	color: #fbdb43;
	border-radius: 0.2em;
	letter-spacing: .1em;
	margin-right: 2%;
	text-align: center;
}
#header-top .inner .title p{
	line-height: 2.5em;
	font-size: 2.1vw;
	}
#header-top .msg {
	margin-bottom: 0 !important;
	width: 60%;
	font-size: 2vw;
	font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	color: #fff;
	font-weight: 300;
	line-height: 150%;
	letter-spacing: .1em;
}
#header-top .msg span{
	color: #f8dd7b;
	font-size: 2.6vw;
	font-weight: bold;
}
#header-top .timer {
	margin: 0 auto;
	width: 35%;
}

#header-top .timer p {
	font-size: 3.2vw;
  font-weight: bolder;
	line-height: 100%;
  background linear-gradient(90deg, #1e1e1e, #505050, #1e1e1e);
  text-align: center;
  margin: 0 auto;
  color: #fff;
  text-shadow: 0px 0px 8px #333333;
  border 1px solid #646464;
  font-family:  "リュウミン M", "リュウミン Pro", "serif", "游明朝", "ヒラギノ明朝", "秀英明朝", "MS明朝", "MS P明朝", "ヒラギノ明朝 ProN W3", "YuMincho", "游明朝体";;
  border-radius 8em;
	box-shadow 1px 1px 8px rgb(0 0 0 / 30%);
}


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

    footer

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


#global-footer {
	background: #000;
  text-align: center;
  padding: 2% 2% 0.5%;
}
#global-footer p img {
  width: 20%;
	margin-top: 1%;
	margin-bottom: 2%;
}
#global-footer nav {
}
#global-footer nav ul {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin-bottom: 3%;
}
#global-footer nav ul li {
	padding:0.8em 1%;
	margin:0 0.5%;
	line-height: 0.9vw;
}
#global-footer li a {
	font-size: 1.3vw;
	letter-spacing:.02em;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
	transition: all .3s ease;
}
#global-footer li :hover {
  opacity: 0.6;
}
#global-footer .copyright {
  font-size: 0.9vw;
  color: #fff;
}

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

    PCだけ改行

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

@media screen and (max-width: 768px) {
	.br_pc {
	  display: none;
	}
  }


	/* ----------------------------------------------------
	今回未使用↓↓↓
	---------------------------------------------------- */


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

	    FAQ

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

	#faq {
		padding: 6% 0 6%;
		background: url(../images/back-faq.jpg) no-repeat center top;
	  background-size: cover;
		background-attachment fixed;
	}
	#faq .inner {
	}
	#faq .text {
		border: 0.08rem solid;
		border-image: linear-gradient(-60deg, #c29c3d, #d6b051, #ffea80, #cca647, #b89233, #a48029, #c29c3d, #d6b051);
		border-image-slice: 1;
		background-color: rgba(0,0,0,0.0);
	}
	#faq .text h3{
		font-family: "リュウミン M","serif","游明朝","ヒラギノ明朝","秀英明朝","MS明朝";
		font-weight: normal;
		color: #501908;
		text-align: center;
		margin-bottom: -9%;
		line-height: 130%;
	}
	#faq dl {
	  text-align: left;
		padding-top: 2%;
	}
	#faq dl dt {
	  margin-top: 12%;
	  margin-bottom: 5%;
	  background-image: url(../images/image-faq-Q.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 100%;
		border: 0.05rem solid #501908;
	  color: #501908;
	  font-weight: bold;
		line-height: 1.4em;
		font-size: 1.6vw;
	}
	#faq dl .fast-linefont{
		padding: 3% 0% 3% 13%;
	}
	#faq dl .second-linefont{
		padding: 1% 0% 1% 14%;
	}
	#faq dl dd p {
		color: #000;
		font-size: 1.5vw;
		line-height: 180%;
	}
	#faq dl dd p span{
	  color: #000;
		font-weight: 600;
	}
	#faq dl dd p:first-child {
		border-bottom: 0.01rem solid #000;
		padding-bottom: 5%;
	}

	.down-link {
		display: block;
		color: #000;
		background-color: #f1dd64;
		text-decoration: none;
		border-radius: 2em;
		text-align: center;
		font-weight: bold;
		font-size: 1.7vw;
		padding: 0.8em 1.4em;
		transition: all .3s ease;
		margin-top: 2em;
	}

	.quote-link {
		font-size: 1.4vw;
		line-height: 100%;
		margin-bottom: -2em;
		padding-bottom: 0;
		text-align: none;
	}