.c_red {
	color: #e7380d
}
.c_orange {
	color: #f5aa00
}
.tips_contentWrap {
	margin-bottom: 5em;
	font-size: 16px;
	font-feature-settings: "palt";
	letter-spacing: .05em;
	-webkit-font-smoothing: antialiased;
	line-height: 1.6
}
.tips_contentWrap p {
	font-size: 1em;
	margin-top: 0;
	line-height: 1.6
}
.tips_contentWrap a:not([class*=btn_]):not([class*=btn]>a) {
	color: #e7380d;
	transition: .3s
}
.tips_contentWrap a:not([class*=btn_]):not([class*=btn]>a):hover {
	text-decoration: underline
}
.tips_contentWrap dl dd {
	margin: 0
}
.tips_contentWrap .note {
	font-size: .75em;
	line-height: 1.4;
	padding-left: 1.25em;
	text-indent: -1.35em
}
.tips_contentWrap ul.note {
	margin-top: 1em
}
.tips_contentWrap ul.note li+li {
	margin-top: .5em
}
.tips_contentWrap>section section {
	padding: 0
}
.tips_contentWrap input::placeholder {
	text-align: right
}
.tips_contentWrap .italic {
	font-family: Georgia, sans-serif;
	font-style: italic
}
.tips_contentWrap video {
	vertical-align: top
}
.tips_contentWrap ::placeholder {
	color: #caccc8
}
.tips_content {
	background: #fff;
	max-width: 1300px;
	padding: 0 1em;
	margin-left: auto;
	margin-right: auto
}
.tips_content_inner {
	max-width: 1100px;
	padding-top: 6em;
	padding-bottom: 6em;
	margin-left: auto;
	margin-right: auto
}
.tips_content+.tips_content {
	margin-top: 5em
}
#article_indexNav {
	padding: 1.5em;
	background-color: #fff;
	width: 92%;
	max-width: 1100px;
	margin: 4em auto;
	border-radius: 4px;
	transition: .2s
}
#article_indexNav .acTrigger {
	padding: .5em 1em .5em 2.5em;
	background-color: #f1f1f1;
	position: relative;
	border-radius: 4px
}
#article_indexNav .acTrigger::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .4em 0 .4em .65em;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #5f6368;
	position: absolute;
	left: 1.25em;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(90deg);
	transition: .3s
}
#article_indexNav.active {
	padding-bottom: .5em
}
#article_indexNav.active .acTrigger::before {
	transform: rotate(-90deg)
}
#article_indexNav .acBody a {
	display: block;
	padding: .75em 0;
	color: inherit
}
#article_indexNav .acBody li+li {
	border-top: 1px solid #caccc8
}
.bg_gray {
	background: #f1f1f1
}
.bg_whiteOrange {
	background: #faead5
}
.disc_list {
	margin-left: 1em
}
.disc_list li {
	text-indent: -0.75em
}
.disc_list li::before {
	content: "●";
	display: inline-block;
	transform: scale(0.5);
	transform-origin: left center;
	color: #e7380d;
	margin-right: .5em
}
.disc_list li+li {
	margin-top: .5em
}
.tips_box {
	margin: 1em 0;
	padding: 1em 1.5em
}
.tips_box .formula_box+* {
	margin-top: .75em
}
.tips_box .formula_box+p.note {
	margin-bottom: 0
}
.toolview_tips_description .tips_box {
	margin-bottom: 0
}
.formula_box {
	display: flex;
	justify-content: space-between;
	text-align: center;
	font-weight: bold;
	border-radius: 4px;
	font-size: .85em;
	line-height: 1.4
}
.formula_box b {
	font-size: 1.5em
}
.formula_box .value {
	padding: 1em .5em;
	flex: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}
.formula_box .value:not([class*=bg_]) {
	background-color: #fff
}
.formula_box .symbol {
	font-size: 1.5em;
	width: 2em;
	align-self: center
}
.formula_box.muCol2 .value {
	width: calc(49% - 1.5em)
}
.formula_box.muCol3 .value {
	width: calc(33% - 1.5em)
}
.toolcontents>div+div {
	margin-top: 2em
}
.toolcontents>.tips_box .formula_box .value {
	flex: 1
}
.title_centerBig_bottom_gradient_bar {
	font-size: 1.875em;
	padding-bottom: .75em;
	margin-bottom: 1.5em;
	position: relative;
	letter-spacing: .05em
}
.title_centerBig_bottom_gradient_bar::after {
	content: "";
	display: block;
	width: 1.75em;
	height: 4px;
	background: linear-gradient(90deg, #E7380E 0%, #F5AA00 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}
.title_bottom_gradient_bar {
	font-size: 1.5em;
	font-weight: 600;
	padding-bottom: .65em;
	border-bottom: 2px solid #caccc8;
	position: relative;
	margin-top: 2em;
	margin-bottom: 1em
}
.title_bottom_gradient_bar::before {
	content: "";
	display: block;
	width: 1.65em;
	height: 2px;
	background: linear-gradient(90deg, #E7380E 0%, #F5AA00 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	bottom: -2px
}
.title_vertical_bar {
	font-size: 1.25em;
	font-weight: 600;
	margin: 2em 0 .75em;
	padding: 0;
	line-height: 1.3;
	padding-left: .85em;
	border-bottom: none;
	position: relative
}
.title_vertical_bar::before {
	content: "";
	display: inline-block;
	border-radius: 3px;
	height: 100%;
	width: .25em;
	margin-right: .5em;
	position: absolute;
	left: 0;
	top: 0
}
.title_vertical_bar.red::before {
	background: #e7380d
}
.link_red_newWindow {
	line-height: 1.2;
	display: inline-block;
	position: relative
}
.link_red_newWindow::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url("../img/link.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: .5em;
	bottom: 0
}
.link_red_newWindow:hover {
	border-bottom: none
}
.automatic_calculation+.automatic_calculation {
	margin-top: 2em
}
.automatic_calculation input {
	text-align: right
}
.automatic_calculation .fieldWrap {
	display: flex;
	font-size: .85em
}

.change_unit {
    font-size: 90%;
    margin-bottom: 1em;
}

.automatic_calculation .fieldWrap+.fieldWrap {
	margin-top: .5em
}
.automatic_calculation .fieldWrap+p {
	margin-top: .5em
}
.automatic_calculation .fieldWrap .title {
	padding: .5em;
	font-weight: bold;
	background-color: #e7380d;
	color: #fff;
	width: 50%;
	border-radius: 4px 0 0 4px
}
.automatic_calculation .fieldWrap .input {
	width: calc(50% - 3em)
}
.automatic_calculation .fieldWrap .input input {
	width: 100%;
	height: 100%;
	padding: .5em;
	border: #caccc8 solid 1px;
	border-left: none;
	outline: none;
	border-radius: 0 4px 4px 0
}
.automatic_calculation .fieldWrap .unit {
	align-self: center;
	width: 3em;
	margin-left: .5em
}
.automatic_calculation .result {
	margin-top: 1em;
	align-items: center;
	justify-content: space-between;
	text-align: right;
	border-bottom: #caccc8 solid 1px
}
.automatic_calculation .result .title {
	background: none;
	color: inherit;
	text-align: left
}
.automatic_calculation .result .result_num {
	font-size: 1.5em;
	font-weight: bold;
	margin-left: auto
}
.automatic_calculation .result .result_num:empty::before {
	content: "ー";
	color: #2e2624;
	transform: scaleY(0.75);
	display: inline-block;
	opacity: .3
}
@media(max-width: 1000px) {
	.bgWhite {
		padding: 6em 2.5em 5em
	}
}
.btn_rounded_allow {
	display: block;
	border-radius: 50vh;
	padding: 1em 2em;
	display: block;
	margin: 1em 0;
	position: relative;
	transition: .3s;
	color: inherit
}
.btn_rounded_allow::before, .btn_rounded_allow::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2em;
	margin: auto;
	width: .75em;
	height: 2px;
	background-color: #e7380d;
	transform-origin: calc(100% - 1px) 50%
}
.btn_rounded_allow::before {
	transform: rotate(45deg)
}
.btn_rounded_allow::after {
	transform: rotate(-45deg)
}
.btn_rounded_allow.red {
	border: 1px solid #e7380d
}
.btn_rounded_allow:hover {
	box-shadow: rgba(0, 0, 0, .1) 8px 8px 8px
}
#toolview_focus .automatic_calculation h4 {
	font-size: 1.25em;
	padding-bottom: .25em;
	border-bottom: #caccc8 solid 2px;
	margin-bottom: .75em
}
@media(min-width: 768px) {
	#input-focus-circle {
		position: absolute;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: rgba(238, 171, 66, .3);
		opacity: 1;
		animation: Step1_toggleFade 2s infinite
	}
	@keyframes Step1_toggleFade {
		0% {
			opacity: 1
		}
		50% {
			opacity: .1
		}
		100% {
			opacity: 1
		}
	}
	#input-focus-circle.input_a_length {
		top: 8.5%;
		left: 46.5%
	}
	#input-focus-circle.input_a_thickness {
		top: 48%;
		right: 8%
	}
	#input-focus-circle.input_a_mass {
		top: 48%;
		right: 28.25%
	}
	#input-focus-circle.input_b_length {
		top: 65%;
		right: 7.5%
	}
	#input-focus-circle.input_b_thickness {
		bottom: 5%;
		right: 24%
	}
	#input-focus-circle.input_b_mass {
		bottom: 17.5%;
		right: 30.25%
	}
}
.results_list {
	margin-top: 1em
}
.results_list>div {
	margin-bottom: 1em
}
.results_list dt {
	font-weight: bold;
	font-size: .85em;
	margin-bottom: .5em
}
.results_list .muDf {
	justify-content: space-between
}
.results_list .result {
	display: flex;
	flex: 1;
	margin-top: 0;
	font-size: .75em
}
.results_list .result .result_num {
	font-size: 1.5em;
	text-align: center
}
.results_list .result .unit {
	margin-left: .5em
}
.results_list .conversion_box {
	margin-top: .25em;
	width: 100%
}
.results_list .conversion_box dt, .results_list .conversion_box .symbol {
	visibility: hidden
}
.total_guide {
	padding: 1em 1em 1px !important;
	border: 2px solid #f1f1f1
}
.total_guide h4 {
	font-size: 1.25em;
	background: #e7380d;
	color: #fff;
	padding: .5em .8em;
	margin: -0.8em -0.8em .8em
}
#focus_sec02_calculation01 .fieldWrap, #focus_sec02_calculation02 .fieldWrap {
	max-width: 280px
}
#focus_sec02_calculation01 .fieldWrap .title, #focus_sec02_calculation02 .fieldWrap .title {
	width: 7em;
	text-align: center
}
@media(max-width: 767px) {
	.tips_contentWrap {
		font-size: 14px;
		font-size: 3.7333333333vw
	}
	.tips_content_inner {
		padding-top: 3.5em;
		padding-bottom: 3.5em
	}
	.toolview_tips_description, .about_description {
		border: solid .53vw #f1f1f1;
		padding: 5.335vw
	}
	.toolview_tips_description p, .about_description p {
		margin: 1em 0
	}
	.toolview_tips_description p.ttl, .about_description p.ttl {
		font-weight: 600;
		display: flex;
		align-items: center;
		margin: 0
	}
	.toolview_tips_description p.ttl:before, .about_description p.ttl:before {
		content: "";
		display: inline-block;
		width: 6.53vw;
		height: 5.6vw;
		background-image: url("../img/toolview_torquehinge_about.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin: .3em .7em 0 0
	}
	.toolcontents {
		margin-top: 3em
	}
	.toolcontents>p {
		margin-bottom: 2em
	}
	.toolcontents .item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: .9em;
		font-weight: 500
	}
	.toolcontents .item p {
		margin-top: .5em
	}
	.about_img {
		margin-top: 1.5em
	}
	.about_img01 {
		width: 78%;
		margin: 0 auto 2em
	}
	.about_img02 {
		width: 90%;
		margin: auto
	}
	.merit_img {
		margin: 1.2em 0
	}
	#merit .spDf.Colreverse {
		margin-bottom: 1em
	}
	#merit .spDf.Colreverse.last {
		margin-bottom: 0
	}
	p.ttl01 {
		font-size: 1.1em;
		font-weight: 600;
		text-align: center;
		margin: .8em 0 1.4em
	}
	.ttl02 {
		display: flex;
		align-items: center;
		font-weight: 600
	}
	.ttl02 .num {
		color: #e7380d;
		font-size: .8em;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		line-height: 1.2;
		margin-bottom: 0
	}
	.ttl02 .num span {
		font-size: 1.3em;
		display: block
	}
	.ttl02 .text {
		margin-bottom: 0;
		padding-left: 1em;
		font-size: 1.2em
	}
	p.ttl03 {
		font-size: 1em;
		font-weight: 600;
		display: flex;
		align-items: center;
		margin-bottom: 1.6em
	}
	p.ttl03::before {
		content: "";
		display: inline-block;
		background-color: #e7380d;
		border-radius: .8vw;
		height: 1.4em;
		width: .8vw;
		margin-right: .8em
	}
	.switch-img {
		cursor: pointer
	}
	.type_block01 .link {
		margin-top: 1.4em
	}
	.type_block01 .link a {
		line-height: 1.2;
		display: inline-block;
		position: relative
	}
	.type_block01 .link a::after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 1em;
		height: 1em;
		background-image: url("../img/link.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin-left: .8em;
		bottom: 0
	}
	.type_block02, .selection_block {
		font-size: .7em
	}
	.type_block02 .ttl04, .selection_block .ttl04 {
		background-color: #f5aa00;
		color: #fff;
		text-align: center;
		padding: .3em;
		margin-top: 1.2em;
		line-height: 1
	}
	.type_block02 .ttl04.black, .selection_block .ttl04.black {
		background-color: #656565
	}
	.type_block02 p, .selection_block p {
		text-align: center;
		margin: .8em 0 0;
		font-size: .7em
	}
	.type_block02 {
		margin-bottom: 2em
	}
	#case .toolcontents {
		margin-top: 1.5em
	}
	.btn01 a {
		font-size: 1em;
		max-width: 100%;
		border: 1px solid #e7380d;
		border-radius: 50vh;
		padding: 1.4em 2em;
		display: block;
		margin: 0 auto 1.8em;
		position: relative;
		transition: .3s
	}
	.btn01 a::after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 1em;
		height: 1em;
		background-image: url("../img/link.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin-left: .5em;
		right: 2em;
		transition: .3s
	}
	.btn01 :hover {
		box-shadow: rgba(0, 0, 0, .1) 8px 8px 8px
	}
	.btn01 :hover::after {
		right: calc(2em - 1%)
	}
	.btn01.last a {
		margin-bottom: 0
	}
	#selection .type_block02 p.ttl04, #selection .selection_block p.ttl04 {
		font-size: 1em;
		margin-bottom: 1em
	}
	.selection_block {
		width: 45.92%
	}
	.selection_block .figure {
		align-items: center
	}
	.selection_block .figure .text01, .selection_block .figure .text02 {
		max-width: 100%;
		width: 44%;
		height: 5.73vw;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1vw 0;
		border-radius: 4px;
		font-weight: 650;
		font-size: 2.13vw;
		margin-top: 0
	}
	.selection_block .figure .text02 {
		height: 9.33vw
	}
	.selection_block .figure .orange {
		background-color: #faead5;
		color: #f5aa00
	}
	.selection_block .figure .gray {
		background-color: #ddd
	}
	.selection_block .sign svg {
		width: 1.4svw
	}
	a.textlink {
		line-height: 1.2;
		display: inline-block
	}
	main .common-btn a.common-btn-n1 {
		max-width: 100%;
		font-size: 1em;
		line-height: 1.4;
		padding: 1.2em;
		margin: 2em auto 0
	}
	.tool_detail {
		margin-top: 2em;
		padding: 5.335vw 21.34vw 5.335vw 5.335vw
	}
	.tool_detail p.text01 {
		margin-bottom: .5em
	}
	.tool_detail p.text02 {
		font-size: .8em;
		margin: 1.4em 0;
		text-indent: -2em;
		padding-left: 2em
	}
	.tool_detail .ws_wp {
		white-space: nowrap
	}
	.tool_detail label {
		display: flex;
		cursor: pointer;
		position: relative;
		align-items: center;
		flex-wrap: nowrap
	}
	.tool_detail dl {
		margin: 0
	}
	.tool_detail dl dt.title {
		font-size: 1em;
		font-weight: 600;
		padding-bottom: .5em;
		border-bottom: 2px solid #caccc8;
		margin-bottom: 1em
	}
	.tool_detail dl:nth-child(2) {
		margin-top: 2em
	}
	.tool_detail dd {
		margin: 0
	}
	.tool_detail dd input[type=text] {
		border: 1px #caccc8 solid;
		outline: none;
		border-top-right-radius: .8vw;
		border-bottom-right-radius: .8vw;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		width: 25vw;
		padding: 4% 3vw 4% 4%;
		background-color: #fff
	}
	.tool_detail dd input[type=text].number {
		text-align: right
	}
	.tool_detail dd ::placeholder {
		color: #cfcfcf;
		opacity: 1
	}
	.tool_detail dd .text-wrap {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1em
	}
	.tool_detail dd .text-wrap.container {
		justify-content: flex-start
	}
	.tool_detail dd .text-wrap.vertical-top {
		align-items: flex-start
	}
	.tool_detail dd .text-wrap .label-and-box {
		display: flex
	}
	.tool_detail dd .text-wrap .label-and-box.mass {
		width: calc(100% - 30px)
	}
	.tool_detail dd .text-wrap .label-and-box .label {
		width: 25vw;
		line-height: 1.5;
		text-align: center;
		white-space: nowrap;
		padding: 4%;
		font-size: .9em;
		font-weight: 500;
		color: #fff;
		background-color: #e7380d;
		border-top-left-radius: .8vw;
		border-bottom-left-radius: .8vw;
		position: relative
	}
	.tool_detail dd .text-wrap .label-and-box .label.form-label-02 {
		font-size: 1em
	}
	.tool_detail dd .text-wrap .label-and-box .label.moment {
		padding-top: .8em
	}
	.tool_detail dd .text-wrap .label-and-box .label .italic {
		font-family: Georgia, sans-serif;
		font-style: italic;
		font-weight: bold
	}
	.tool_detail dd .text-wrap .label-and-box .label span.fs {
		font-size: 140%
	}
	.tool_detail dd .text-wrap .label-and-box .label sub {
		bottom: 0;
		font-size: 60%
	}
	.tool_detail dd .text-wrap .unit {
		margin-left: 0;
		width: 12vw;
		white-space: nowrap;
		text-align: right
	}
	.tool_detail dd [class*=result] input[type=text] {
		border: 1px #caccc8 solid;
		outline: none;
		border: none;
		width: 100%;
		padding: 4%;
		background-color: rgba(0, 0, 0, 0)
	}
	.tool_detail dd .text-wrap-result {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1em
	}
	.tool_detail dd .text-wrap-result.container {
		justify-content: flex-start
	}
	.tool_detail dd .text-wrap-result.vertical-top {
		align-items: flex-start
	}
	.tool_detail dd .text-wrap-result .label {
		min-width: auto;
		min-height: auto;
		line-height: 1.5;
		text-align: left;
		white-space: nowrap;
		padding: 0;
		font-size: 1em;
		font-weight: bold;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		position: relative
	}
	.tool_detail dd .text-wrap-result .label .italic {
		font-family: Georgia, sans-serif;
		font-style: italic;
		font-weight: bold
	}
	.tool_detail dd .text-wrap-result .label sub {
		bottom: 0;
		font-size: 60%
	}
	.tool_detail dd .text-wrap-result label {
		border-bottom: 1px solid #caccc8;
		justify-content: space-between
	}
	.tool_detail dd .text-wrap-result .label-and-box {
		width: 80%;
		display: flex
	}
	.tool_detail dd .text-wrap-result .label-and-box.mass {
		width: calc(100% - 30px)
	}
	.tool_detail dd .link a {
		line-height: 1;
		position: relative
	}
	.tool_detail dd .text-wrap-result02 {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1em
	}
	.tool_detail dd .text-wrap-result02.container {
		justify-content: flex-start
	}
	.tool_detail dd .text-wrap-result02.vertical-top {
		align-items: flex-start
	}
	.tool_detail dd .text-wrap-result02 .label {
		min-width: auto;
		min-height: auto;
		line-height: 1.5;
		text-align: left;
		white-space: nowrap;
		padding: 0;
		font-size: 1em;
		font-weight: bold;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		position: relative
	}
	.tool_detail dd .text-wrap-result02 .label.moment {
		padding-top: 11px
	}
	.tool_detail dd .text-wrap-result02 .label .italic {
		font-family: Georgia, sans-serif;
		font-style: italic;
		font-weight: bold
	}
	.tool_detail dd .text-wrap-result02 .label sub {
		bottom: 0;
		font-size: 60%
	}
	.tool_detail dd .text-wrap-result02 label {
		border-bottom: 1px solid #caccc8;
		justify-content: space-between
	}
	.tool_detail dd .text-wrap-result02 .label-and-box {
		display: flex;
		width: 80%
	}
	.tool_detail dd .text-wrap-result02 .label-and-box.mass {
		width: calc(100% - 30px)
	}
	.tool_detail dd .text-wrap-result02 .unit {
		text-align: right
	}
	.result_detail {
		margin-top: 40px;
		border: 4px solid #f1f1f1;
		border-radius: .27vw
	}
	.result_detail p.text02 {
		font-size: .8em;
		margin: 1.4em 0;
		text-indent: -2em;
		padding-left: 2em;
		width: 77%;
		letter-spacing: -0.005em
	}
	.result_detail label {
		display: flex;
		cursor: pointer;
		position: relative;
		align-items: center;
		flex-wrap: nowrap
	}
	.result_detail label>div {
		width: 48%
	}
	.result_detail dl {
		margin: 0
	}
	.result_detail dl dt.title {
		font-size: 1em;
		font-weight: 600;
		background-color: #e7380d;
		color: #fff;
		padding: 1em 0 1em 1.5em;
		border-radius: .27vw .27vw 0 0
	}
	.result_detail dl:nth-child(2) {
		margin-top: 2em
	}
	.result_detail dd {
		margin: 0 auto
	}
	.result_detail dd .bgGray {
		width: 94.55%;
		background-color: #f1f1f1;
		margin: 1em auto 0;
		border-radius: .27vw;
		padding: 5.335vw 21.34vw 5.335vw 5.335vw
	}
	.result_detail dd .text-label-wapper {
		margin-bottom: 1.2em
	}
	.result_detail dd .result_graph {
		width: 94.55%;
		margin: auto
	}
	.result_detail dd .bgGray_02 {
		background-color: #f1f1f1;
		margin: 1em 0 0;
		border-radius: 4px;
		padding: 5.335vw
	}
	.result_detail dd .bgGray_02 .canvas {
		background-color: #fff
	}
	.result_detail dd input[type=text] {
		border: 1px #caccc8 solid;
		outline: none;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		width: 100%;
		padding: 8px;
		background-color: #fff;
		border: 1px #caccc8 solid;
		outline: none;
		border: none;
		width: 100%;
		padding: 8px;
		background-color: rgba(0, 0, 0, 0)
	}
	.result_detail dd input[type=text].number {
		text-align: center
	}
	.result_detail dd input[type=text].number_r {
		text-align: right
	}
	.result_detail dd ::placeholder {
		color: #cfcfcf;
		opacity: 1
	}
	.result_detail dd .text-wrap-result {
		justify-content: space-between;
		align-items: center
	}
	.result_detail dd .text-wrap-result.container {
		justify-content: flex-start
	}
	.result_detail dd .text-wrap-result.vertical-top {
		align-items: flex-start
	}
	.result_detail dd .text-wrap-result .container {
		display: flex;
		width: 100%
	}
	.result_detail dd .text-wrap-result .label {
		min-width: auto;
		min-height: auto;
		line-height: 1.5;
		text-align: left;
		white-space: nowrap;
		padding: 0;
		font-size: .9em;
		font-weight: bold;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		position: relative
	}
	.result_detail dd .text-wrap-result .label.moment {
		padding-top: 11px
	}
	.result_detail dd .text-wrap-result .label .italic {
		font-family: Georgia, sans-serif;
		font-style: italic;
		font-weight: bold
	}
	.result_detail dd .text-wrap-result .label sub {
		bottom: 0;
		font-size: 60%
	}
	.result_detail dd .text-wrap-result label {
		justify-content: flex-start
	}
	.result_detail dd .text-wrap-result label>div {
		width: 100%
	}
	.result_detail dd .text-wrap-result .label-and-box {
		display: flex;
		border-bottom: 1px solid #caccc8;
		align-items: center
	}
	.result_detail dd .text-wrap-result .label-and-box.mass {
		width: calc(100% - 30px)
	}
	.result_detail dd .result_note {
		margin: 2em 0 2em 3%
	}
	#spBtnCheckZumen {
		position: fixed;
		right: 0;
		bottom: 10%;
		box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .16);
		border: 1px #e7380d solid;
		border-right: none;
		background-color: #fff;
		color: #e7380d;
		font-size: 14px;
		line-height: 1.25;
		z-index: 10;
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s ease, visibility .3s ease
	}
	#spBtnCheckZumen.view {
		opacity: 1;
		visibility: visible
	}
	.pcCol2_tool::before, .pcCol2_tool::after, .pcCol2_tool>*:first-child {
		width: 100%
	}
	.pcCol2_tool>*:nth-child(2) {
		width: 100%
	}
	.pcCol2_tool .tool_detail {
		background-color: #f1f1f1;
		border-radius: .53vw
	}
	.title_centerBig_bottom_gradient_bar {
		font-size: 1.3em;
		margin-bottom: 2em
	}
	.title_centerBig_bottom_gradient_bar::after {
		width: 1.5em;
		height: 2px
	}
	.title_bottom_gradient_bar {
		font-size: 1.15em
	}
	.tips_box {
		padding: .85em
	}
	.formula_box {
		line-height: 1.3
	}
	.formula_box .symbol {
		width: 1.5em
	}
	.conversion_box dt, .conversion_box .symbol {
		height: 0
	}
	.automatic_calculation .symbol {
		max-width: 11em
	}
	#focus_sec02_calculation01 .results_list {
		display: flex;
		flex-direction: column
	}
	#focus_sec02_calculation01 .results_list>div:nth-child(1) {
		order: 0
	}
	#focus_sec02_calculation01 .results_list>div:nth-child(2) {
		order: 2
	}
	#focus_sec02_calculation01 .results_list>div:nth-child(3) {
		order: 1
	}
	#focus_sec02_calculation01 .results_list>div:nth-child(4) {
		order: 4
	}
	#focus_sec02_calculation01 .results_list>div:nth-child(5) {
		order: 3
	}
	#focus_sec02_calculation01 .results_list>div:nth-child(6) {
		order: 5
	}
	#focus_sec02_calculation02 .results_list {
		display: flex;
		flex-direction: column
	}
	#focus_sec02_calculation02 .results_list>div:nth-child(1) {
		order: 0
	}
	#focus_sec02_calculation02 .results_list>div:nth-child(2) {
		order: 2
	}
	#focus_sec02_calculation02 .results_list>div:nth-child(3) {
		order: 1
	}
	#focus_sec02_calculation02 .results_list>div:nth-child(4) {
		order: 4
	}
	#focus_sec02_calculation02 .results_list>div:nth-child(5) {
		order: 3
	}
	#focus_sec02_calculation02 .results_list>div:nth-child(6) {
		order: 5
	}
}
@media(min-width: 768px) {
	html {
		scroll-padding-top: 100px
	}
	.toolview_tips_description, .about_description {
		border: solid 4px #f1f1f1;
		padding: 2.5em
	}
	.toolview_tips_description p, .about_description p {
		margin: 1em 0
	}
	.toolview_tips_description p.ttl, .about_description p.ttl {
		font-size: 18px;
		font-weight: 600;
		display: flex;
		align-items: center;
		margin: 0
	}
	.toolview_tips_description p.ttl:before, .about_description p.ttl:before {
		content: "";
		display: inline-block;
		width: 28px;
		height: 24px;
		background-image: url("../img/toolview_torquehinge_about.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin: .3em .5em 0 0
	}
	.toolcontents {
		margin-top: 3em
	}
	.toolcontents>p {
		margin-bottom: 40px
	}
	.toolcontents .item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		font-weight: 500
	}
	.toolcontents .item p {
		margin-top: .5em
	}
	p.ttl01 {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		margin: 1em 0
	}
	.ttl02 {
		display: flex;
		align-items: center;
		font-size: 24px;
		font-weight: 600
	}
	.ttl02 .num {
		color: #e7380d;
		font-size: 14px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}
	.ttl02 .num span {
		font-size: 32px;
		display: block
	}
	.ttl02 .text {
		margin-bottom: 0;
		padding-left: .5em
	}
	p.ttl03 {
		font-size: 20px;
		font-weight: 600;
		display: flex;
		align-items: center;
		margin: 0 0 -24px 0;
		z-index: 1;
		position: relative
	}
	p.ttl03::before {
		content: "";
		display: inline-block;
		background-color: #e7380d;
		border-radius: 3px;
		height: 26px;
		width: 6px;
		margin-right: 16px
	}
	.switch-img {
		cursor: pointer
	}
	.pcCol3_type::before, .pcCol3_type::after, .pcCol3_type>*:first-child {
		width: 33%
	}
	.pcCol3_type>*:nth-child(2) {
		width: 66%
	}
	.pcCol3_type .tool_detail {
		background-color: #f1f1f1
	}
	.type_block01 {
		margin-top: 60px
	}
	.type_block01 .link {
		margin-top: 20px
	}
	.type_block01 .link a {
		color: #e7380d;
		line-height: 1.2;
		display: inline-block;
		position: relative
	}
	.type_block01 .link a::after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 16px;
		height: 16px;
		background-image: url("../img/link.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin-left: .5em;
		bottom: 0
	}
	.type_block02, .selection_block {
		font-size: 16px
	}
	.type_block02 .ttl04, .selection_block .ttl04 {
		background-color: #f5aa00;
		color: #fff;
		text-align: center;
		padding: .3em;
		margin: 1.2em 0
	}
	.type_block02 .ttl04.black, .selection_block .ttl04.black {
		background-color: #656565
	}
	.type_block02 p, .selection_block p {
		text-align: center;
		margin: 1em 0 0
	}
	.btn01 a {
		font-size: 16px;
		max-width: 376px;
		width: 376px;
		border: 1px solid #e7380d;
		border-radius: 50vh;
		padding: 1em 2em;
		display: block;
		margin: 1em;
		position: relative;
		transition: .3s
	}
	.btn01 a::after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 16px;
		height: 16px;
		background-image: url("../img/link.png");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin-left: .5em;
		right: 2em;
		transition: .3s
	}
	.btn01 :hover {
		box-shadow: rgba(0, 0, 0, .1) 8px 8px 8px
	}
	.btn01 :hover::after {
		right: calc(2em - 1%)
	}
	#selection .about_description.pcCol2::before, #selection .about_description.pcCol2::after, #selection .about_description.pcCol2>* {
		min-width: 440px
	}
	.selection_block {
		width: 45.92%
	}
	.selection_block .figure .text01, .selection_block .figure .text02 {
		max-width: 100%;
		width: 45%;
		height: 36px;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px;
		border-radius: 4px;
		font-weight: 650;
		font-size: 12px;
		margin-top: 0
	}
	.selection_block .figure .text02 {
		height: 56px
	}
	.selection_block .figure .orange {
		background-color: #faead5;
		color: #f5aa00
	}
	.selection_block .figure .gray {
		background-color: #ddd
	}
	.selection_block .figure .sign {
		display: flex;
		align-items: center
	}
	a.textlink {
		line-height: 1.2;
		display: inline-block
	}
	main .common-btn a.common-btn-n1 {
		max-width: 512px;
		font-size: 24px;
		line-height: 1.4;
		padding: 1.2em;
		margin: 2em auto 0
	}
	.tool_detail {
		padding: 30px
	}
	.tool_detail p.text01 {
		margin-bottom: .5em
	}
	.tool_detail p.text02 {
		font-size: 13px;
		text-indent: -2em;
		padding-left: 2em
	}
	.tool_detail label {
		display: flex;
		cursor: pointer;
		position: relative;
		align-items: center;
		flex-wrap: nowrap
	}
	.tool_detail dl {
		margin: 0
	}
	.tool_detail dl dt.title {
		font-size: 16px;
		font-weight: 600;
		padding-bottom: .5em;
		border-bottom: 2px solid #caccc8;
		margin-bottom: 1em
	}
	.tool_detail dl:nth-child(2) {
		margin-top: 2em
	}
	.tool_detail dd {
		margin: 0
	}
	.tool_detail dd input[type=text] {
		border: 1px #caccc8 solid;
		outline: none;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		width: 100%;
		padding: 8px;
		background-color: #fff
	}
	.tool_detail dd input[type=text].number {
		text-align: right
	}
	.tool_detail dd ::placeholder {
		color: #cfcfcf;
		opacity: 1
	}
	.tool_detail dd .text-wrap {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1em
	}
	.tool_detail dd .text-wrap.container {
		justify-content: flex-start
	}
	.tool_detail dd .text-wrap.vertical-top {
		align-items: flex-start
	}
	.tool_detail dd .text-wrap .label-and-box {
		max-width: 220px;
		display: flex
	}
	.tool_detail dd .text-wrap .label-and-box.mass {
		width: calc(100% - 30px)
	}
	.tool_detail dd .text-wrap .label-and-box .label {
		min-width: 94px;
		min-height: 40px;
		line-height: 1.5;
		text-align: center;
		white-space: nowrap;
		padding: 7px 10px;
		font-size: 10px;
		font-weight: normal;
		color: #fff;
		background-color: #e7380d;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		position: relative
	}
	.tool_detail dd .text-wrap .label-and-box .label.form-label-02 {
		font-size: 16px
	}
	.tool_detail dd .text-wrap .label-and-box .label.moment {
		padding-top: 11px
	}
	.tool_detail dd .text-wrap .label-and-box .label .italic {
		font-family: Georgia, sans-serif;
		font-style: italic;
		font-weight: bold
	}
	.tool_detail dd .text-wrap .label-and-box .label span.fs {
		font-size: 140%
	}
	.tool_detail dd .text-wrap .label-and-box .label sub {
		bottom: 0;
		font-size: 60%
	}
	.tool_detail dd .text-wrap .unit {
		margin-left: 8px;
		margin-right: 8px
	}
	.tool_detail dd [class*=result] input[type=text] {
		border: 1px #caccc8 solid;
		outline: none;
		border: none;
		width: 100%;
		padding: 8px;
		background-color: rgba(0, 0, 0, 0)
	}
	.tool_detail dd .text-wrap-result {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1em;
		width: 260px
	}
	.tool_detail dd .text-wrap-result.container {
		justify-content: flex-start
	}
	.tool_detail dd .text-wrap-result.vertical-top {
		align-items: flex-start
	}
	.tool_detail dd .text-wrap-result .label {
		min-width: auto;
		min-height: auto;
		line-height: 1.5;
		text-align: left;
		white-space: nowrap;
		padding: 0;
		font-size: 14px;
		font-weight: bold;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		position: relative;
		font-weight: 500
	}
	.tool_detail dd .text-wrap-result .label.moment {
		padding-top: 11px
	}
	.tool_detail dd .text-wrap-result .label .italic {
		font-family: Georgia, sans-serif;
		font-style: italic;
		font-weight: bold
	}
	.tool_detail dd .text-wrap-result .label sub {
		bottom: 0;
		font-size: 60%
	}
	.tool_detail dd .text-wrap-result label {
		border-bottom: 1px solid #caccc8;
		justify-content: space-between
	}
	.tool_detail dd .text-wrap-result .label-and-box {
		width: 208px;
		max-width: 208px;
		display: flex
	}
	.tool_detail dd .text-wrap-result .label-and-box.mass {
		width: calc(100% - 30px)
	}
	.tool_detail dd .link a {
		line-height: 1;
		position: relative
	}
	.tool_detail dd .text-wrap-result02 {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1em;
		width: 100%
	}
	.tool_detail dd .text-wrap-result02.container {
		justify-content: flex-start
	}
	.tool_detail dd .text-wrap-result02.vertical-top {
		align-items: flex-start
	}
	.tool_detail dd .text-wrap-result02 .label {
		min-width: auto;
		min-height: auto;
		line-height: 1.5;
		text-align: left;
		padding: 0;
		font-size: 14px;
		font-weight: bold;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		position: relative
	}
	.tool_detail dd .text-wrap-result02 .label.moment {
		padding-top: 11px
	}
	.tool_detail dd .text-wrap-result02 .label .italic {
		font-family: Georgia, sans-serif;
		font-style: italic;
		font-weight: bold
	}
	.tool_detail dd .text-wrap-result02 .label sub {
		bottom: 0;
		font-size: 60%
	}
	.tool_detail dd .text-wrap-result02 label {
		border-bottom: 1px solid #caccc8;
		justify-content: space-between
	}
	.tool_detail dd .text-wrap-result02 .label-and-box {
		width: 91.5%;
		display: flex
	}
	.tool_detail dd .text-wrap-result02 .label-and-box.mass {
		width: calc(100% - 30px)
	}
	.tool_detail dd .text-wrap-result02 .unit {
		width: 8.5%;
		text-align: right
	}
	.result_detail {
		margin-top: 40px;
		border: 4px solid #f1f1f1;
		border-radius: 4px
	}
	.result_detail label {
		display: flex;
		cursor: pointer;
		position: relative;
		align-items: center;
		flex-wrap: nowrap
	}
	.result_detail label>div {
		width: 48%
	}
	.result_detail dl {
		margin: 0
	}
	.result_detail dl dt.title {
		font-size: 20px;
		font-weight: 600;
		background-color: #e7380d;
		color: #fff;
		padding: 1em 0 1em 1.5em;
		border-radius: 4px 4px 0 0
	}
	.result_detail dl:nth-child(2) {
		margin-top: 2em
	}
	.result_detail dd {
		margin: 0 auto
	}
	.result_detail dd .bgGray {
		width: 94.55%;
		background-color: #f1f1f1;
		margin: 2em auto 0;
		border-radius: 4px;
		padding: 2.4em 2em
	}
	.result_detail dd .bgGray .mt2 {
		margin-top: 2em
	}
	.result_detail dd .result_graph {
		width: 94.55%;
		margin: auto
	}
	.result_detail dd .bgGray_02 {
		width: 48.5%;
		background-color: #f1f1f1;
		margin: 2em 0 0;
		border-radius: 4px;
		padding: 2.4em 2em
	}
	.result_detail dd .bgGray_02 .canvas {
		background-color: #fff;
		padding: 2em
	}
	.result_detail dd input[type=text] {
		border: 1px #caccc8 solid;
		outline: none;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		width: 100%;
		padding: 8px;
		background-color: #fff;
		border: 1px #caccc8 solid;
		outline: none;
		border: none;
		width: 100%;
		padding: 8px;
		background-color: rgba(0, 0, 0, 0)
	}
	.result_detail dd input[type=text].number {
		text-align: center
	}
	.result_detail dd input[type=text].number_r {
		text-align: right
	}
	.result_detail dd ::placeholder {
		color: #cfcfcf;
		opacity: 1
	}
	.result_detail dd .text-wrap-result {
		justify-content: space-between;
		align-items: center;
		width: 48%
	}
	.result_detail dd .text-wrap-result.container {
		justify-content: flex-start
	}
	.result_detail dd .text-wrap-result.vertical-top {
		align-items: flex-start
	}
	.result_detail dd .text-wrap-result .text-label-wapper {
		display: flex;
		align-items: center;
		justify-content: flex-start
	}
	.result_detail dd .text-wrap-result .label {
		min-width: auto;
		min-height: auto;
		line-height: 1.5;
		text-align: left;
		white-space: nowrap;
		padding: 0;
		font-size: 14px;
		font-weight: bold;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		position: relative;
		width: 40%
	}
	.result_detail dd .text-wrap-result .label.moment {
		padding-top: 11px
	}
	.result_detail dd .text-wrap-result .label .italic {
		font-family: Georgia, sans-serif;
		font-style: italic;
		font-weight: bold
	}
	.result_detail dd .text-wrap-result .label sub {
		bottom: 0;
		font-size: 60%
	}
	.result_detail dd .text-wrap-result label {
		justify-content: flex-start;
		width: 60%
	}
	.result_detail dd .text-wrap-result .label-and-box {
		display: flex;
		border-bottom: 1px solid #caccc8;
		align-items: center
	}
	.result_detail dd .text-wrap-result .label-and-box.mass {
		width: calc(100% - 30px)
	}
	.result_detail dd .result_note {
		margin: 2em 0 2em 3%
	}
	.pcCol2_biased>div {
		width: 40%
	}
	.pcCol2_biased>div+div {
		width: 56%
	}
	.pcCol2_tool::before, .pcCol2_tool::after, .pcCol2_tool>*:first-child {
		width: 39.55%
	}
	.pcCol2_tool>*:nth-child(2) {
		width: 56.82%
	}
	.pcCol2_tool .tool_detail {
		background-color: #f1f1f1
	}
	.tips_content {
		border-radius: 12px
	}
	#calculation .symbol {
		max-width: 148px
	}
	#focus_sec02_calculation03 dt {
		width: 12em
	}
	#focus_sec02_calculation03 .symbol {
		margin-left: 0;
		max-width: 188px
	}
	#focus_sec02_calculation03 .result {
		width: 10em
	}
	.btn_rounded_allow {
		max-width: 376px
	}
	.automatic_calculation .fieldWrap:not(.result) {
		max-width: 440px
	}
	#focus_sec03_calculation01 .field_normal .title {
		max-width: none;
		width: 65%
	}
}
.acTrigger {
	cursor: pointer
}
.muDb {
	display: block !important
}
.muDn {
	display: none !important
}
.muFwn {
	font-weight: normal
}
.muFwb {
	font-weight: bold
}
.muTal {
	text-align: left
}
.muTar {
	text-align: right
}
.muTac {
	text-align: center
}
.muPor {
	position: relative
}
.muPoa {
	position: absolute
}
.muPen {
	pointer-events: none
}
.muDf_noWrap {
	display: flex
}
.muDf {
	display: flex;
	flex-wrap: wrap
}
.muDf_jcsb {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.muDf_jcc {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.muDf_jcse {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly
}
[class*=muDf].ais {
	align-items: start
}
[class*=muDf].aic {
	align-items: center
}
[class*=muDf].aie {
	align-items: flex-end
}
[class*=muDf].reverse {
	flex-direction: row-reverse
}
[class*=muDf].dirCol {
	flex-direction: column
}
.muOw, [class*=muOw_of] {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw
}
.muOw_restore {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-left: calc(50vw - 50%);
	padding-right: calc(50vw - 50%);
	width: 100vw
}
[class*=muOw_of] img {
	width: 100%;
	height: 100%
}
.muOw_of_cover img {
	object-fit: cover
}
.muMa {
	margin-left: auto !important;
	margin-right: auto !important
}
.muW100p {
	width: 100% !important
}
.muMb1em {
	margin-bottom: 1em
}
.muMb2em {
	margin-bottom: 2em
}
.muMt1em {
	margin-top: 1em
}
.muMt2em {
	margin-top: 2em
}
.muPb1em {
	padding-bottom: 1em
}
.muPb2em {
	padding-bottom: 2em
}
.muPt1em {
	padding-top: 1em
}
.muPt2em {
	padding-top: 2em
}
.muOd01 {
	order: 1
}
.muOd02 {
	order: 2
}
.muOd03 {
	order: 3
}
.muOd04 {
	order: 4
}
.muOd05 {
	order: 5
}
.muOd06 {
	order: 6
}
.muOd07 {
	order: 7
}
.muOd08 {
	order: 8
}
.muOd09 {
	order: 9
}
@media(max-width: 767px) {
	.spPen {
		pointer-events: none
	}
	.spFwn {
		font-weight: normal
	}
	.spFwb {
		font-weight: bold
	}
	.spTal {
		text-align: left
	}
	.spTar {
		text-align: right
	}
	.spTac {
		text-align: center
	}
	.spFz13em {
		font-size: 1.3em
	}
	.spFz12em {
		font-size: 1.2em
	}
	.spFz11em {
		font-size: 1.1em
	}
	.spFz1em {
		font-size: 1em
	}
	.spFz09em {
		font-size: .9em
	}
	.spFz08em {
		font-size: .8em
	}
	.spFz07em {
		font-size: .7em
	}
	.spDb {
		display: block !important
	}
	.spDn {
		display: none !important
	}
	.spDf_noWrap {
		display: flex
	}
	.spDf {
		display: flex;
		flex-wrap: wrap
	}
	.spDf_jcc {
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}
	.spDf_jcsb {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.spDf_jcse {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly
	}
	[class*=spDf].aic {
		align-items: center
	}
	[class*=spDf].aie {
		align-items: flex-end
	}
	[class*=spDf].reverse {
		flex-direction: row-reverse
	}
	[class*=spDf].dirCol {
		flex-direction: column
	}
	[class*=spDf].Colreverse {
		flex-direction: column-reverse
	}
	.spOd01 {
		order: 1
	}
	.spOd02 {
		order: 2
	}
	.spOd03 {
		order: 3
	}
	.spOd04 {
		order: 4
	}
	.spOd05 {
		order: 5
	}
	.spOd06 {
		order: 6
	}
	.spOd07 {
		order: 7
	}
	.spOd08 {
		order: 8
	}
	.spOd09 {
		order: 9
	}
	.spFlex01 {
		flex: 1
	}
	.spPartition2::before, .spPartition2::after, .spPartition2>* {
		width: 50%
	}
	.spPartition3::before, .spPartition3::after, .spPartition3>* {
		width: 33.3%;
		width: 33.3333333333%
	}
	.spCol2::before, .spCol2::after, .spCol2>* {
		width: 47.01%
	}
	.spCol3::before, .spCol3::after, .spCol3>* {
		width: 33%
	}
	.spOw, [class*=spOw_of] {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		width: 100vw
	}
	.spPr5em {
		padding-right: 5em
	}
	.spPr6em {
		padding-right: 6em
	}
	.spMb1em {
		margin-bottom: 2em
	}
	.spMb2em {
		margin-bottom: 2em
	}
	.spMt1em {
		margin-top: 1em
	}
	.spMt2em {
		margin-top: 2em
	}
	.spW80p {
		width: 80% !important
	}
	.spW90p {
		width: 90% !important
	}
	.spW100p {
		width: 100% !important
	}
}
@media(min-width: 768px) {
	.pcPen {
		pointer-events: none
	}
	.pcFwn {
		font-weight: normal
	}
	.pcFwb {
		font-weight: bold
	}
	.pcTal {
		text-align: left
	}
	.pcTar {
		text-align: right
	}
	.pcTac {
		text-align: center
	}
	.pcFz13em {
		font-size: 1.3em
	}
	.pcFz12em {
		font-size: 1.2em
	}
	.pcFz11em {
		font-size: 1.1em
	}
	.pcFz1em {
		font-size: 1em
	}
	.pcFz09em {
		font-size: .9em
	}
	.pcFz08em {
		font-size: .8em
	}
	.pcFz07em {
		font-size: .7em
	}
	.pcDb {
		display: block !important
	}
	.pcDn {
		display: none !important
	}
	.pcDf_noWrap {
		display: flex
	}
	.pcDf {
		display: flex;
		flex-wrap: wrap
	}
	.pcDf_jcc {
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}
	.pcDf_jcsb {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.pcDf_jcse {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly
	}
	[class*=pcDf].ais {
		align-items: start
	}
	[class*=pcDf].aic {
		align-items: center
	}
	[class*=pcDf].aie {
		align-items: flex-end
	}
	[class*=pcDf].reverse {
		flex-direction: row-reverse
	}
	[class*=pcDf].dirCol {
		flex-direction: column
	}
	.pcOd01 {
		order: 1
	}
	.pcOd02 {
		order: 2
	}
	.pcOd03 {
		order: 3
	}
	.pcOd04 {
		order: 4
	}
	.pcOd05 {
		order: 5
	}
	.pcOd06 {
		order: 6
	}
	.pcOd07 {
		order: 7
	}
	.pcOd08 {
		order: 8
	}
	.pcOd09 {
		order: 9
	}
	.pcFlex01 {
		flex: 1
	}
	.pcCol2 {
		border-radius: 4px
	}
	.pcCol2::before, .pcCol2::after, .pcCol2>* {
		width: 48.5%
	}
	.pcPartition3::before, .pcPartition3::after, .pcPartition3>* {
		width: 33.3%;
		width: 33.3333333333%
	}
	.pcCol3::before, .pcCol3::after, .pcCol3>* {
		width: 31.2%;
		margin-bottom: 1em
	}
	.pcCol3::after {
		content: "";
		display: inline-block
	}
	.pcPartition4::before, .pcPartition4::after, .pcPartition4>* {
		width: 25%
	}
	.pcCol4::before, .pcCol4::after, .pcCol4>* {
		width: 22.27%
	}
	.pcCol5::after {
		content: "";
		display: block;
		height: 0
	}
	.pcCol5::before, .pcCol5::after, .pcCol5>* {
		width: 19.5%
	}
	.pcMb1em {
		margin-bottom: 2em
	}
	.pcMb2em {
		margin-bottom: 2em
	}
	.pcMt1em {
		margin-top: 1em
	}
	.pcMt2em {
		margin-top: 2em
	}
	.pcMr3em {
		margin-right: 3em
	}
	.pcSticky {
		position: sticky;
		top: 70px;
		margin-bottom: 2em
	}
}
/*# sourceMappingURL=style.css.map */