/****************************************************************************************/
#top .main-image {
	height: calc(43vw)
}

#top .content-area {
	margin-top: 60px;
	padding-bottom: 0;
}

#top h1 {
	font-size: 3.2rem;
	line-height: 4.1rem;
}

#top h2 {
	margin-top: 50px;
	line-height: 3rem;
}
/****************************************************************************************/
[feature-column-section] {
	margin-top: 120px !important;
}

[feature-column-section] [column] {
	margin-top: 15px !important;
}
/*******************************************/
[feature-column-section="2"] h1 {
	font-size: 3rem;
}

[feature-column-section="2"] h2 {
	margin-top: 15px;
}

[feature-column-section="2"] p {
	margin-top: 20px;
}
/****************************************************************************************/
[column="2"] ul {
	display: block !important;
}

[column="2"] ul > * {
	width: 100% !important;
}
/*******************************************/
[column="3"] ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
[column="3"] ul > *:first-child {
	width: 100%;
}
[column="3"] ul > *:nth-child(n+2) {
	width: 49.1%;
}
/****************************************************************************************/
[feature-column-section="3"] .zigzag {
	margin-top: 25px;
	font-size: 1.55rem;
	line-height: 2.7rem;
}

[feature-column-section="3"] .zigzag > * > *:nth-child(n+2) {
	margin-top: 7px;
}

[feature-column-section="3"] .items {
	margin-top: 30px;
}
/****************************************************************************************/
#top + [feature-column-section] [column] .text {
	font-size: 3.8rem;
}
/****************************************************************************************/
[feature-section="button"] .button {
	width: 100%;
}
/****************************************************************************************/

/****************************************************************************************/
[feature-top] h1,
#about h1 {
	font-size: 3.2rem;
	line-height: 4.1rem;
}

[feature-top] h2 {
	font-size: 1.8rem;
	line-height: 3rem;
}
[feature-top] .text {
	font-size: 1.6rem;
	line-height: 3rem;
	text-align: left;
}
/****************************************************************************************/
#top + [feature-section="2"] {
	margin-top: 0;
}

[feature-section="2"] .section-title h1 {
	font-size: 2.1rem !important;
}

[feature-section="2"] .section-title h2 {
	text-align: left;
}
[feature-section="2"] .section-title h2 br {
	display: none;
}
/*******************************************/
[feature-section] .paragraph .image-2 {
	margin-top: 18px;
}
[feature-section] .paragraph .image-2 > * {
	height: calc(100vw * 0.214615384615385);
}
/****************************************************************************************/
#about {
	margin-top: 60px;
}

#about h1 {
	font-size: 2.9rem;
	line-height: 10rem;
}

#about .image {
	height: calc(100vw * 0.5);
	background-position: bottom;
}

#about h2 {
	margin-top: 30px;
	font-size: 2rem;
	line-height: 2.8rem;
}

#about p {
	margin-top: 24px;
	font-size: 1.6rem;
	line-height: 2.4rem;
	text-align: left;
}

#about .button {
	margin-top: 40px;
}
/****************************************************************************************/
.ttl01 {
	font-size: 40px !important;
	margin-bottom: 10px !important;
	/*font-style: italic !important;*/
}

.ttl04{
	font-size: 20px !important;
	line-height: 0px !important;
	margin-bottom: 50px !important;
	/*font-style: italic !important;*/
}

.ttl02{
	font-size: 25px !important;
	line-height: 25px !important;
	margin-bottom: 30px !important;
/*	font-weight: bold;*/
}

.ttl05{
	font-size: 14px !important;
	line-height: 20px !important;
	margin-bottom: 30px !important;
}

.ttl03{
	font-size: 17px !important;
	line-height: 25px !important;
	margin-bottom: 20px !important;
}

/*ここから
/****************************************************************************************/
h1 {
	font-size: 4rem;
	line-height: 3.3rem;
}
/****************************************************************************************/
#top .main-image {
	height: calc(43vw)
}
/****************************************************************************************/
.lined-title:before {
	top: 7px;
	height: 7px;
}
.lined-title:after {
	top: 8px;
	height: 3px;
	border-width: 1px 0;
}

.lined-title h2 {
	padding: 0 14px;
}
/****************************************************************************************/
[feature-section="5"] h2,
[feature-section="4"] .section-title h2 {
	margin-top: 25px;
	font-size: 1.8rem;
	line-height: 3rem;
}

[feature-section="5"] p,
[feature-section="4"] p {
	margin-top: 16px;
	font-size: 1.65rem;
	line-height: 3.3rem;
}
/*******************************************/
[feature-section="5"] {
	margin-top: 70px;
}

[feature-section="5"] h2 {
	text-align: center;
}

[feature-section="5"] img {
	margin-top: 70px;
}

[feature-section="5"] p br {
	display: none;
}
/****************************************************************************************/
#examples,
#steps {
	margin-top: 100px;
}

#examples h2,
#steps h2 {
	font-size: 2.1rem;
	line-height: 2.1rem;
}
/*******************************************/
#examples [column] {
	margin-top: 28px;
	text-align: center;
}

#examples [column] li:nth-child(n+2) {
	margin-top: 29px;
	text-align: center;
}

#examples [column] .text {
	margin-top: 10px;
	font-size: 1.7rem;
	line-height: 1.3rem;
}
/*******************************************/
#steps .contents > *:first-child {
	margin-top: 28px;
}
#steps .contents > *:not(:first-child),
[step="5"],
[step="6"] {
	margin-top: 40px;
}

#steps h3 {
	font-size: 1.8rem;
	line-height: 3rem;
}
#steps .contents > *:nth-child(1) h3,
#steps .contents > *:nth-child(2) h3 {
	margin-top: 4px;
}

#steps .contents h3 + div {
	margin-top: 5px;
}

#steps .contents > * > div {
	font-size: 1.6rem;
	line-height: 2.8rem;
}

#steps .contents > *:first-child ul {
	line-height: 2.2rem;
}
#steps .contents > *:first-child ul li:nth-child(n+2) {
	margin-top: 10px;
}

#steps .items {
	margin-top: 12px;
}

#steps .email {
	margin-top: 8px;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
#steps .email img {
	margin-top: 5px;
}
/****************************************************************************************/
[feature-section] .paragraph .text h2 {
	line-height: 1.8rem;
}
/****************************************************************************************/
[feature-section="4"] {
	margin-top: 210px;
}
/****************************************************************************************/
#wrapping .lined-title:before,
#wrapping .lined-title:after {
	display: none;
}

#wrapping .lined-title h2 {
	padding: 8px 10px;
	font-size: 1.6rem;
	line-height: 2.3rem;
	border-style: solid;
	border-width: 1px;
	text-align: left;
}

#wrapping ul li {
	margin-top: 40px;
}

#wrapping .text {
	margin-top: 5px;
}
/****************************************************************************************/
.ttl06{
    margin-top: 50px !important;
	font-size: 40px !important;
	line-height: 25px !important;
	margin-bottom: 30px !important;
/*	font-weight: bold;*/
}