/* ----------------------------------------------------
    my style responsive
---------------------------------------------------- */


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

	.forPC {
	 display: none !important;
 	}
 .forSP {
	 display: block !important;
 	}



	h3 {
		font-size: 5.5vw;
		width: 95%;
	}
	h4 {
	  font-size: 5vw;
	}
	#result .result-scroll {
		max-height: 16rem;
	}
	#provision, #symposium, #result, #project, #about, #spot, #sponsor,
	#company, #concept, #step, #developer, #future, #message, #originality,
	#fear, #relief, #faq, #merit, #instructor, #system, #problem, #result-A, #epilogue,
	#step, #insecurity, #concept1, #concept2, #expectation, #evidence, #postscript, #reason, #benefit, #method{
		background-attachment initial;
	}
	.inner {
		width: 95%;
	}


	#provision-mane img {
		width: 100%;
		margin-left: -2%;
	}
	.inner .text{
		padding: 7%;
	}
	.inner p {
		font-size: 3vw;
		line-height: 210%;
		margin-bottom: 6%;
	}

	.caution p {
	  font-size: 2.8vw;
		line-height: 150%;
	}

	p .borderline, p .strongtext, p .strongtext-white, p .colortext{
		font-size: 3.3vw;
	}
	p .palingtext, p .palingtext2, p .borderline-color, p .strongtext-color,
	p .strongtext-borderline, p .colortext-white, p .borderline-bold {
		font-size: 3.5vw;
	}
	p .strongtext-read, p .strongtext2, p .strongtext-color2,
	p .strongtext-borderline-big, p .strongtext-color, p .mincho  {
		font-size: 4.8vw;
	}
	.bounding {
		padding: 7% 5% 2%;
	}
	.break-sp {
		display: block;
	}

	#result .inner ul {
		font-size: 10%;
	}

	#reason .reasont_text-bg .strongtext {
	  font-size: 3.2vw;
	}

	p .agendumtest {
		font-size: 3.1vw;
	}

	#step .text h3 {
		font-size: 4vw;
	}
	#step .text h3 a{
		font-size: 3.8vw;
	}
	#step .check-list li, #benefit .check-list li {
    background-position 0% 20%;
    background-size: 4.5%;
    padding-left: 5%;
    margin-bottom: 4%;
    font-size: 3.2vw;
	}
	#step .check-induction {
		width: 10%;
	}

	#merit {
  	margin: 2% auto 0%;
  	width: 95%;
	}
	#merit .merit-list dt p img {
  	width: 8%;
    margin-bottom: 1%;
	}
	#merit .merit-list dl {
	  width: 85%;
		margin: 0 auto;
		margin-bottom: 2%;
	}
	#merit .merit-list dt {
		padding: 5% 0%;
	}
	#merit .merit-list dt p {
	  font-size: 3.8vw;
	}

	#merit .merit-list-annotation {
		font-size: 3.2vw;
		border: none;
		padding: 3% 0% 0%;
	}
	#merit .merit-list-annotation dt {
		font-size: 3.4vw;
		width: 40%;
	}

	#social-proof .movie p span {
	   font-size: 105%;
	   line-height: 80%;
	}
	#originality .movie p span {
		font-size: 105%;
		line-height: 80%;
	}


	#explanation {
		padding-left: 0%;
	}

	#company .inner {
		margin-top: 2%;
	}
	#company .inner p {
		font-size: 3.2vw;
		font-weight: 500;
    line-height: 260%;
	}
	#company-concept {
	    margin: 5% 0%;
	}
	#company-concept .company-concept-icon {
	  width: 5%;
	  margin-bottom: 2%;
	}
	#company-concept dt {
	  font-size: 4.5vw;
	  padding-bottom: 3%;
	  margin-bottom: 4%;
	}
	#company-concept dl {
		padding: 5% 6% 6%;
	}
	#company-concept dl dd p {
	   font-size: 7vw;
	   width: 95%;
	}

	#faq dl dt {
	  font-size: 2.7vw;
		letter-spacing: .0001em;
	}
	#faq dl .fast-linefont {
    padding: 3.5% 0% 3.5% 13%;
	}
	#faq dl .second-linefont {
		padding: 1% 0% 1% 15.5%;
	}
	#faq .text {
    margin: 0 auto 0%;
	}
	#faq dl dd p {
		font-size: 3.3vw;
	}


	#merit .merit-list dd p {
	  font-size: 2.8vw;
	}
	#step .check-text li {
    font-size: 3.2vw;
	}
	#step .check-text li .borderline-color {
		font-size: 4vw;
	}

	#step .necessary {
	  width: 95%;
	}

	#step .necessary dl dt {
    font-size: 3.3vw;
	}
	#step .necessary dd img {
    height: 11vh;
    margin: auto;
	}
	#step .necessary dd p {
    padding: 5% 3% 5% 0%;
    font-size: 3vw;
    margin-left: -5%;
    line-height: 160%;
	}

	#step .merit {
	  width: 95%;
		flex-direction: column;
		align-content: center;
		text-align center;
		margin: 0 auto;
		padding: 0 auto;
	}
	#step .merit dl {
			  width: 100%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 2%;
	}
	#step .merit dl dt {
	  letter-spacing: 0.01em;
	  font-size: 0.7em;
	  padding: 10% 0% 10% 3%;
	  line-height: 140%;
	}
	#step .merit dd p {
	  font-size: 0.55em;
	  padding: 12% 6%;
	}
	#step .merit dl dt p img {
	  width: 80%;
		margin-bottom: 8%;
	}

	.innerB {
	  width: 95%;
		margin: 3% auto;
	}


	.benefit-group dt {
	  margin-right: 2%;
	}
	.benefit-group dd {
		width: 200%;
	}
	.benefit-group dd p {
		font-size: 3vw;
		line-height: 180%;
	}


	.caution {
	   font-size: 2.6vw;
	}
	.caution span p {
	   font-size: 3vw;
	}
	.caution-k p{
		  font-size: 2.6vw;
	}
	.picture a{
		  line-height: 100%;
	}

	.down-link {
		font-size: 3.1vw;
		padding: 1em 1em;
		margin-bottom: 1em;
	}
	.quote-link {
	   font-size: 2.8vw;
	}

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

	    form

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


	form {
	  padding: 5% 1% 2%;
	}
	#form-table {
		width: 95%;
		border-radius: 0px;
	}
	.form-text {
	  padding-top 1%;
	}
	.form-catch img {
	}
	form input[type=email], form input[type=text]{
	  font-size: 1rem;
	  padding: 2.5% 0% 2.5% 2%;
	}
	form p {
	  font-size: 3.5vw;
	}
	.caution p span {
    font-size 3vw;
	}

	form .timer p {
		font-size: 6vw;
		line-height: 160%;
	}

	.form-step dl dd span p{
		font-size: 2.2vw;
	}

	.shiny-btn4 {
		background-position: 98% 50%;
		background-size: 11%;
		padding: 4.5% 0%;
		border: 2px solid #006a00;
	}
	.shiny-btn4 button {
		font-size: 8vw;
		letter-spacing: 0.01em;
		line-height: 120%;
	}
	.shiny-btn4 span{
		font-size: 5.8vw;
	}

	form h4 {
		font-size: 5vw;
	}
	form h4 p{
		font-size: 6.2vw;
    margin: 7% auto 4%;
		width: 86%;
	}
	form .form-step p span {
    font-size: 2.6vw;
    width: 90%;
	}
	form .form-step p {
		font-size: 2.5vw;
	}

	.ECM_CheckboxInput {
	   padding-top: 5px;
	}
	.ECM_CheckboxInput-DummyInput {
	   width: 22px;
	   height: 22px;
	}
	.ECM_CheckboxInput-LabelText {
	   margin-left: 6px;
		 font-size: 3vw;
	}


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

	    注意事項

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

	#notes {
	}
	#notes dl {
		font-size: 2.5vw;
		letter-spacing:.1em;
		width: 90%;
		padding: 1%;
	}
	#notes dt{
		font-size: 3vw;
	}


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

	    注釈

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

	#annotation {
    padding: 2% 0%;
	}
	#annotation dl {
		font-size: 2.5vw;
    padding: 4% 3%;
    width: 90%;
	}
	#annotation dt {
	  font-size: 3vw;
	  margin-bottom: 1%;
	}


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

	   header nav

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


	header nav {
		padding-top: 3%;
		padding-bottom: 3%;
	}
	#global-header h1 {
		width: 45%;
		padding: 0;
	}
	#global-header {
		padding: 2%;
	}
	.system-text {
		font-size: 3vw;
		margin-right: 0em;
	}
	.contact-link {
		font-size: 3vw;
		margin: 0 2% 2% 2%;
	}



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

	    header top

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

	#header-top .inner {
		width: 100%;
    padding: 4% 0;
	}
	#header-top .inner .title {
		width: 15%;
		padding: 2.5%;
		letter-spacing: .05em;
	}
	#header-top .inner .title p {
    font-size: 4vw;
		line-height: 1.5em;
	}
	#header-top .msg {
		width: 100%;
    text-align: center;
    padding-bottom: 2%;
    font-size: 3.8vw;
	}
	#header-top .msg span {
	  font-size: 4.5vw;
	}
	#header-top .timer {
		width: 85%;
	}
	#header-top .timer p {
    font-size: 5.6vw;
		line-height: 80%;
	}

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

    footer

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


	#global-footer {
		padding: 3% 2% 0%;
	}
	#global-footer li a {
		font-size: 3vw;
	}
	#global-footer nav ul li {
		margin: 0 2%;
	}
	#global-footer p img {
		width: 50%;
		margin-bottom: 4%;
		margin-top: 4%;
	}
	#global-footer .copyright {
		font-size: 2.2vw;
		padding: 2%;
	}


}


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

	.ECM_CheckboxInput-DummyInput {
	  width: 25px;
	  height: 25px;
	}


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



	.result-scroll{
		max-height: 28rem;
}

}

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

	.ECM_CheckboxInput-DummyInput {
	  width: 35px;
	  height: 35px;
	}
	.result-scroll{
		max-height: 40rem;
	}

}

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


	.result-scroll{
		max-height: 50rem;
}

}

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


	.ECM_CheckboxInput-DummyInput {
	  width: 40px;
	  height: 40px;
	}
	.result-scroll{
		max-height: 70rem;
}

}