@charset "UTF-8";

@media screen and (max-width: 768px) {
	/* responsive
-------------------------- */
	#rashCalc .spSet {
		display: block !important;
	}
	#rashCalc .pcSet {
		display: none !important;
	}
	/* base
-------------------------- */
	#rashCalc .inner {
		margin: 20px auto 0;
		padding: 20px 15px 15px;
	}
	#rashCalc h2.title .f_s {
		display: block;
		font-size: 80%;
	}
	#rashCalc h3 {
		font-size: 2rem;
		margin: 2rem 0 1.25rem;
		padding: 0 .5rem .25rem;
		border-left: 5px solid #ef6b00;
		border-bottom: 2.5px solid #ef6b00;
	}
	#rashCalc h4 {
		font-size: 1.5rem;
		margin: .75rem 0 .25rem;
		padding: .75rem .5rem;
	}
	#rashCalc h4.h4sub {
		font-size: 1.7rem;
		padding: 0 0 0 .5rem;
	}
	#rashCalc p:not(.txt-cmn-note) {
		font-size: 1.5rem;
		line-height: 1.8;
		margin: .75rem 0;
	}
	#rashCalc .txt-cmn-note {
		line-height: 1.5;
	}
	/* #sec00
----------------------------- */
	#rashCalc #sec00 {
		margin: 1.5rem 0 3rem;
	}
	#rashCalc #sec00 .flex>.flex {
		width: 49%;
		justify-content: space-around;
	}
	#rashCalc a.btnAch {
		width: 45%;
		font-size: 1.6rem;
		text-align: left;
		padding: .75rem 1rem;
	}
	#rashCalc a.btnAch:after {
		content: '';
		width: 5px;
		height: 5px;
		right: 10px;
	}
	/* .blockCat
----------------------------- */
	#rashCalc .blockCat {
		border-radius: 1rem;
		padding: .5rem 1rem;
		margin: 6rem auto;
	}
	#rashCalc .blockCat>h4 {
		height: 3rem;
		line-height: 3rem;
		top: -3rem;
		left: 1rem;
	}
	#rashCalc .blockCat>section {
		padding: 1.5rem 0;
	}
	#rashCalc a.btnLink {
		font-size: 1.3rem;
		width: 75%;
		max-width: 340px;
		padding: .75rem .75rem .75rem 0;
		margin: 1rem auto 0;
	}
	#rashCalc a.btnLink:after {
		width: 5px;
		height: 5px;
		right: 10px;
	}
	#rashCalc a.btnLink>span {
		padding-right: .25rem;
	}
	#rashCalc .box_wht_b {
		padding: 1rem;
		margin: 1rem auto;
	}
	#rashCalc .box_wht_b .ttl {
		margin: 0 auto 1rem;
	}
	#rashCalc .box_wht_b p {
		line-height: 1.6;
	}
	#rashCalc .box_wht_b>img {
		margin-top: 1rem;
	}
	/* foot
	-------------------------- */
	#rashCalc .foot>img {
		min-width: 150px;
	}
	#rashCalc .foot>p.note {
		font-size: 1.3rem;
		min-width: 150px;
	}
	/* #pagetop
-------------------------- */
	#rashCalc a#pagetop {
		width: 30px;
		height: 30px;
		right: 18px;
		bottom: 75px;
	}
	#rashCalc a#pagetop:before {
		top: 3.75px;
		width: 7.5px;
		height: 7.5px;
	}
	/* fancyBox
------------------------------ */
	#attn {
		min-width: 80vw;
		font-size: 1.5rem;
	}
	#attn p {
		padding: 1rem 1rem 1.5rem;
		margin: 0 0 1.5rem;
	}
	#attn h6 {
		padding: 0 1rem;
	}
	#attn .outer_btn {
		padding: 1rem 1rem 0;
	}
	#attn .jump_btn {
		padding: .75rem;
		margin: 1rem;
	}

}