﻿.maindesign *, 
.maindesign *:before, 
.maindesign *:after {
	box-sizing: border-box;
	min-height: 0%;
}
.maindesign .pc-only {
	display: block;
}
.maindesign .sp-only {
	display: none;
}
@media screen and (max-width:767px) {
	.maindesign .pc-only {
		display: none;
	}
	.maindesign .sp-only {
		display: block;
	}
}
.maindesign img {
	width: 100%;
	height: auto;
	display: block;
}

#main span.headingcap.b01{
    text-shadow:0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00,0 0 3px #FF4E00;
}
#main h1.headingTop{
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
#main h1.headingTop:before {
    content: '';
    -webkit-text-stroke: 0.1em #fff;
    position: absolute;
    z-index: -1;
}
#main span.headingcap.b01:before {
    content: '';
    -webkit-text-stroke: 0.2em #FF4E00;
    position: absolute;
    z-index: -1;
}

.maindesign #main {
	margin-bottom: 100px;
}
.maindesign a {
	text-decoration: none;
}

.maindesign .mt-leave {
	margin-top: 50px;
}
.maindesign .mt-moderate {
	margin-top: 30px;
}
.maindesign .mt-close {
	margin-top: 20px;
}
.maindesign .mt-thin {
	margin-top: 10px;
}
@media screen and (max-width:767px) {
	.maindesign .mt-leave {
		margin-top: 30px;
	}
	.maindesign .mt-close {
		margin-top: 15px;
	}
}

.maindesign .feature-hdg2 {
	position: relative;
	padding-top: 10px;
    padding-bottom: 1.25rem;
    border-bottom: 3px solid #B6B6B6;
    font-size: 1.75rem;
    margin-top: calc(70px - 0.6rem);
    margin-bottom: calc(40px - 0.75rem);
}
.maindesign .feature-hdg2::after {
	position: absolute;
    content: " ";
    border-bottom: solid 3px #E5002D;
    bottom: -3px;
    width: 8%;
    display: block;
}

@media screen and (max-width:767px) {
	.maindesign .feature-hdg2 {
		font-size: 1.45rem;
		margin-top: calc(50px - 0.6rem);
		margin-bottom: calc(45px - 0.75rem);
		line-height: 1.2;
	}
}

.maindesign .checkPoint {
    position: relative;
    font-size: 1.25em;
    font-weight: bold;
    margin: 60px 0 20px 0;
    padding: 0 0 10px 0;
    text-align: left;
    border-bottom: #aaaaaa 2px solid;
    display: flex;
    align-items: center;
    line-height: 1.15;
}
.maindesign .checkPoint .st0{
	fill:#aaaaaa;
}
.maindesign .checkPoint .st1{
	fill:none;stroke:#ffffff;stroke-width:3;stroke-miterlimit:10;
}
.maindesign .checkPoint span {
    margin: 0 0 0 20px;
    width: calc(100% - 60px);
}

.maindesign .lead-text {
	font-size: 1.1rem;
	line-height: 1.5;
}
@media screen and (max-width:767px) {
	.maindesign .lead-text {
		font-size: 0.95rem;
	}
}

.maindesign .komeri-btn {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border-radius: 40px;
	opacity: 1.0;
}
.maindesign .komeri-btn__large {
	height: 4.0em;
	min-height: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
}
.maindesign .komeri-btn:hover {
	opacity: 0.75;
	transition: 0.25s;
}
.maindesign .komeri-btn--link {
	text-decoration: none;
}
.maindesign .komeri-btn--inner {
	font-feature-settings: "palt";
	color: #fff;
	padding: 0.75rem 2rem 0.75rem 1.75rem;
	display: flex;
	justify-content: center;
	line-height: 1.3;
	font-size: 1.2rem;
	text-align: center;
}
.maindesign .komeri-btn__orange {
	background-color: #EA6D0D;
}
.maindesign .komeri-btn__gray {
	background-color: #979797;
}
.maindesign .komeri-btn__brown {
	background-color: #B4875C;
}
.maindesign .komeri-btn--inner::after {
	content: '';
	position: absolute;   
	top: 50%; 
	right: 18px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 8px;
	height: 8px;
	transform: translateY(-50%) rotate( 45deg);
}

@media screen and (max-width:767px) {
	.maindesign .komeri-btn__large {
		height: 3.5em;
	}
	.maindesign .komeri-btn--inner {
		font-size: 1.0rem;
	}
}

.maindesign .notes-group > li:not(:first-child) {
	margin-top: 10px;
}
.maindesign .indent-txt {
	padding-left: 1em;
	text-indent: -1em;
}

.maindesign .scroll-text {
	margin-bottom: 25px;
}
.maindesign .scroll-text > span {
	font-size: 0.9rem;
	padding: 5px;
    border: 2px solid #E00012;
    color: #E00012;
    display: inline-block;
    font-weight: bold;
}


.maindesign .flow-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.maindesign .flow-list--item {
	width: 75%;
}
.maindesign .flow-list .flow-list--item:not(:last-child) {
	position: relative;
	margin-bottom: 50px;
}
.maindesign .flow-list--arrow {
	position: absolute;
	top: calc(100% + 25px);
	left: 50%;
	transform: translate(-50%,-50%);
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top-width: 20px;
	border-top-style: solid;
	border-bottom: 0;
}
.maindesign .step-card {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 25px 15px 15px 15px;
	border-radius: 10px;
}
.maindesign .step-card--num {
	position: absolute;
	top: 0;
	left: 10px;
	transform: translateY(-50%);
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
}
.maindesign .step-card--heading {
	font-size: 1.75rem;
	text-align: center;
}
.maindesign .step-card--lead {
	margin-top: 15px;
	flex-grow: 1;
	font-size: 1.0rem;
	line-height: 1.5;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.maindesign .step-card--lead__small {
	font-size: 0.7em;
	display: inline-block;
	margin-top: 3px;
	line-height: 1.35;
}
.maindesign .step-card__lvl-01 {
	background-color: #f6ab00;
}
.maindesign .step-card__lvl-01 .step-card--heading,
.maindesign .step-card__lvl-01 .step-card--lead {
	color: #333;
}
.maindesign .step-card__lvl-01 .step-card--num {
	text-shadow: 0px 0px 3px rgba(246, 171, 0, 1), 0px 0px 3px rgba(246, 171, 0, 1), 0px 0px 3px rgba(246, 171, 0, 1), 0px 0px 3px rgba(246, 171, 0, 1), 0px 0px 3px rgba(246, 171, 0, 1), 0px 0px 3px rgba(246, 171, 0, 1), 0px 0px 3px rgba(246, 171, 0, 1), 0px 0px 3px rgba(246, 171, 0, 1), 0px 0px 3px rgba(246, 171, 0, 1), 0px 0px 3px rgba(246, 171, 0, 1);
}
.maindesign .flow-list--item__lvl-01 .flow-list--arrow {
	border-top-color: #f6ab00;
}
.maindesign .step-card__lvl-02 {
	background-color: #f39800;
}
.maindesign .step-card__lvl-02 .step-card--heading,
.maindesign .step-card__lvl-02 .step-card--lead {
	color: #333;
}
.maindesign .flow-list--item__lvl-02 .flow-list--arrow {
	border-top-color: #f39800;
}
.maindesign .flow-list--item__lvl-02 .flow-list--top-txt {
	position: absolute;
	left: 25%;
	top: calc(100% + 25px);
	width: 100px;
	transform: translate(-50%,-50%);
	text-align: center;
	font-size: 0.75rem;
	line-height: 1.15;
	font-weight: bold;
}
.maindesign .flow-list--item__lvl-02 .flow-list--bottom-txt {
	position: absolute;
	left: 75%;
	top: calc(100% + 25px);
	width: 100px;
	transform: translate(-50%,-50%);
	text-align: center;
	font-size: 0.75rem;
	line-height: 1.15;
	font-weight: bold;
}
.maindesign .flow-txt__large {
	font-size: 1.2em;
}
.maindesign .step-card__lvl-02 .step-card--num {
	text-shadow: 0px 0px 3px rgba(243, 152, 0, 1), 0px 0px 3px rgba(243, 152, 0, 1), 0px 0px 3px rgba(243, 152, 0, 1), 0px 0px 3px rgba(243, 152, 0, 1), 0px 0px 3px rgba(243, 152, 0, 1), 0px 0px 3px rgba(243, 152, 0, 1), 0px 0px 3px rgba(243, 152, 0, 1), 0px 0px 3px rgba(243, 152, 0, 1), 0px 0px 3px rgba(243, 152, 0, 1), 0px 0px 3px rgba(243, 152, 0, 1);
}
.maindesign .step-card__lvl-03 {
	background-color: #f08200;
}
.maindesign .step-card__lvl-03 .step-card--heading,
.maindesign .step-card__lvl-03 .step-card--lead {
	color: #fff;
}
.maindesign .step-card__lvl-03 .step-card--num {
	text-shadow: 0px 0px 3px rgba(240, 130, 0, 1), 0px 0px 3px rgba(240, 130, 0, 1), 0px 0px 3px rgba(240, 130, 0, 1), 0px 0px 3px rgba(240, 130, 0, 1), 0px 0px 3px rgba(240, 130, 0, 1), 0px 0px 3px rgba(240, 130, 0, 1), 0px 0px 3px rgba(240, 130, 0, 1), 0px 0px 3px rgba(240, 130, 0, 1), 0px 0px 3px rgba(240, 130, 0, 1), 0px 0px 3px rgba(240, 130, 0, 1);
}
.maindesign .flow-list--item__lvl-03 .flow-list--arrow {
	border-top-color: #f08200;
}
.maindesign .step-card__lvl-04 {
	background-color: #ed6d01;
}
.maindesign .step-card__lvl-04 .step-card--heading,
.maindesign .step-card__lvl-04 .step-card--lead {
	color: #fff;
}
.maindesign .step-card__lvl-04 .step-card--num {
	text-shadow: 0px 0px 3px rgba(237, 109, 1, 1), 0px 0px 3px rgba(237, 109, 1, 1), 0px 0px 3px rgba(237, 109, 1, 1), 0px 0px 3px rgba(237, 109, 1, 1), 0px 0px 3px rgba(237, 109, 1, 1), 0px 0px 3px rgba(237, 109, 1, 1), 0px 0px 3px rgba(237, 109, 1, 1), 0px 0px 3px rgba(237, 109, 1, 1), 0px 0px 3px rgba(237, 109, 1, 1), 0px 0px 3px rgba(237, 109, 1, 1);
}
.maindesign .flow-list--item__lvl-04 .flow-list--arrow {
	border-top-color: #ed6d01;
}
.maindesign .step-card__lvl-05 {
	background-color: #ea5405;
}
.maindesign .step-card__lvl-05 .step-card--heading,
.maindesign .step-card__lvl-05 .step-card--lead {
	color: #fff;
}
.maindesign .step-card__lvl-05 .step-card--num {
	text-shadow: 0px 0px 3px rgba(234, 84, 5, 1), 0px 0px 3px rgba(234, 84, 5, 1), 0px 0px 3px rgba(234, 84, 5, 1), 0px 0px 3px rgba(234, 84, 5, 1), 0px 0px 3px rgba(234, 84, 5, 1), 0px 0px 3px rgba(234, 84, 5, 1), 0px 0px 3px rgba(234, 84, 5, 1), 0px 0px 3px rgba(234, 84, 5, 1), 0px 0px 3px rgba(234, 84, 5, 1), 0px 0px 3px rgba(234, 84, 5, 1);
}

@media screen and (max-width:767px) {
	.maindesign .flow-list--item {
		width: 90%;
	}
	.maindesign .step-card--heading {
		font-size: 1.35rem;
	}
	.maindesign .step-card--lead {
		font-size: 0.9rem;
	}
}

.maindesign .lr-heading {
	border-left: 4px solid #f00;
    padding: 0.3rem 1rem;
    font-size: 1.2rem;
    font-weight: bold;
	line-height: 1.3;
}
@media screen and (max-width:767px) {
	.maindesign .lr-heading {
		font-size: 1.1rem;
	}
}

.maindesign .center-col {
	display: flex;
	justify-content: center;
}
.maindesign .center-col--inner {
	width: 50%;
}

@media screen and (max-width:767px) {
	.maindesign .center-col--inner {
		width: 100%;
	}
}

.maindesign .third-col {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .third-col::after {
	content: '';
	display: block;
	height: 0;
	width: 32%;
}
.maindesign .third-col--item {
	width: 32%;
}
.maindesign .third-col .third-col--item:nth-child(n+4) {
	margin-top: 15px;
}

@media screen and (max-width:767px) {
	.maindesign .third-col::after {
		content: '';
		display: block;
		height: 0;
		width: 100%;
	}
	.maindesign .third-col--item {
		width: 100%;
	}
	.maindesign .third-col .third-col--item:nth-child(n+2) {
		margin-top: 15px;
	}
}

.maindesign .feature-col {
	display: flex;
	justify-content: space-between;
}
.maindesign .feature-col--txt {
	width: 47%;
}
.maindesign .feature-col--img {
	width: 50%;
}
@media screen and (max-width:767px) {
	.maindesign .feature-col {
		flex-wrap: wrap;
	}
	.maindesign .feature-col--txt {
		width: 100%;
	}
	.maindesign .feature-col--img {
		width: 100%;
		margin-top: 15px;
	}
}