/****************************************************************************************/
h1 {
	line-height: 6.9rem;
}
/****************************************************************************************/
#top .main-image {
	max-height: none;
}

#top .content-area {
	margin-top: 142px;
}

#top h1 {
	font-size: 7.2rem;
	line-height: 9.3rem;
}

#top h2 {
	margin-top: 91px;
	font-size: 2.3rem;
	line-height: 4.35rem;
	letter-spacing: 0.05rem;
	display: inline-block;
}
/****************************************************************************************/
[feature-column-section] {
	margin-top: 146px;
}

[feature-column-section] [column] {
	margin-top: 65px;
}

[feature-column-section] [column="2"] li {
	width: 47.6%;
}

[feature-column-section] [column="3"] li {
	width: 32%;
}
/*******************************************/
[feature-column-section="2"] h1 {
	line-height: 4.9rem;
}

[feature-column-section="2"] h2 {
	margin-top: 40px;
	font-size: 2.9rem;
	line-height: 2.8rem;
}

[feature-column-section="2"] p {
	margin-top: 32px;
	font-size: 1.9rem !important;
	line-height: 3.5rem !important;
	letter-spacing: 0.06rem;
}
/****************************************************************************************/
/*
[feature-column-section="3"] h1 {
	font-size: 6.5rem;
	line-height: 7.1rem;
}

[feature-column-section="3"] .zigzag {
	margin-top: 50px;
	font-size: 2.1rem;
	line-height: 4.5rem;
}

[feature-column-section="3"] .items {
	margin-top: 70px;
}
*/

[feature-column-section="3"] h1 {
	font-size: 6.5rem;
	line-height: 7.1rem;
}

[feature-column-section="3"] .zigzag {
	margin-top: 50px;
	font-size: 2.1rem;
	line-height: 4.5rem;
}

[feature-column-section="3"] .items {
	margin-top: 70px;
}


/****************************************************************************************/
#top + [feature-column-section] [column="3"] li:first-child {
	width: 43.5%;
}
#top + [feature-column-section] [column="3"] li:nth-child(n+2) {
	width: 22.5%;
}

#top + [feature-column-section] [column] .text {
	font-size: 4.9rem;
}
/****************************************************************************************/
[feature-section="button"] .button a {
	min-width: 446px;
}
/****************************************************************************************/


/****************************************************************************************/
#top .main-image {
	margin: 0 auto;
	max-height: none;
}

[feature-top] h1 {
	font-size: 6rem;
	line-height: 7.7rem;
}

[feature-top] h2 {
	font-size: 2.7rem;
}

[feature-top] .text {
	max-width: 925px;
	font-size: 1.95rem;
	line-height: 4rem;
}
/****************************************************************************************/
#top + [feature-section="2"] {
	margin-top: 85px;
}

[feature-section="2"] .section-title h1 {
	font-size: 3rem !important;
}
.feature-line-title:before,
.feature-line-title:after {
	top: 18px !important;
}

[feature-section="2"] .section-title {
	text-align: center;
}

[feature-section="2"] .section-title h2 {
	max-width: 553px;
	font-size: 2.7rem !important;
	line-height: 4.8rem !important;
	display: inline-block;
}

[feature-section] .paragraph {
	margin-top: 51px !important;
}
/*******************************************/
[feature-section] .paragraph .image-2 {
	margin-top: 49px;
}
[feature-section] .paragraph .image-2 > * {
	width: calc(100vw * 0.159230769230769);
	max-width: 207px;
	height: calc(100vw * 0.214615384615385);
	max-height: 279px;
}
/****************************************************************************************/
#about {
	margin-top:100px;
}

#about h1 {
	margin-bottom: 200px;
	font-size: 5.8rem;
	line-height: 10rem;
}

#about .image {
	height: calc(100vw * 0.321538461538462);
	max-height: 418px;
}

#about h2 {
	margin-top: 96px;
	font-size: 3.55rem;
	line-height: 5rem;
}

#about p {
	margin-top: 80px;
	padding: 0 150px;
	font-size: 2.1rem;
	line-height: 4rem;
	letter-spacing: 0.1rem;
}

#about .button {
	margin-top: 80px;
}
/****************************************************************************************/



/*こっから
/****************************************************************************************/
#top .main-image {
	margin: 0 auto;
	max-height: none;
}

[feature-top] h1 {
	font-size: 6rem;
	line-height: 7.7rem;
}

[feature-top] h2 {
	font-size: 2.7rem;
}

[feature-top] .text {
	max-width: 925px;
	font-size: 1.95rem;
	line-height: 4rem;
}
/****************************************************************************************/
#top + [feature-section="2"] {
	margin-top: 85px;
}

[feature-section="2"] .section-title h1 {
	font-size: 3rem !important;
}
.feature-line-title:before,
.feature-line-title:after {
	top: 18px !important;
}

[feature-section="2"] .section-title {
	text-align: center;
}

[feature-section="2"] .section-title h2 {
	max-width: 553px;
	font-size: 2.7rem !important;
	line-height: 4.8rem !important;
	display: inline-block;
}

[feature-section] .paragraph {
	margin-top: 51px !important;
}
/*******************************************/
[feature-section] .paragraph .image-2 {
	margin-top: 49px;
}
[feature-section] .paragraph .image-2 > * {
	width: calc(100vw * 0.159230769230769);
	max-width: 207px;
	height: calc(100vw * 0.214615384615385);
	max-height: 279px;
}
/****************************************************************************************/
.ttl01 {
	font-size: 100px !important;
	margin-bottom: 30px !important;
		/*font-style: italic !important;*/
}

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

.ttl02{
	font-size: 40px !important;
	line-height: 60px !important;
	margin-bottom: 20px !important;
	font-weight: bold;
}


.ttl05{
	font-size: 25px !important;
	line-height: 50px !important;
	margin:0 100px auto !important;
	width: 80%;
}


.ttl03{
	font-size: 27px !important;
	line-height: 40px !important;
	margin-bottom: 0px !important;
}



/****************************************************************************************/
#top .main-image {
	max-height: none;
}
/****************************************************************************************/
.lined-title:before {
	top: 7px;
	height: 13px;
}
.lined-title:after {
	top: 9px;
	height: 5px;
	border-width: 2px 0;
}

.lined-title h2 {
	padding: 0 29px;
}
/****************************************************************************************/
[column] {
	display: flex;
	justify-content: space-between;
}

[column="4"] > * {
	width: 23.75%;
}

[column] img {
	width: 100%;
}
/****************************************************************************************/
[feature-section="5"] h1,
[feature-section="4"] h1 {
	line-height: 4.8rem;
}

[feature-section="5"] h2,
[feature-section="4"] .section-title h2 {
	margin-top: 21px;
	font-size: 2.8rem;
	line-height: 4.2rem;
}

[feature-section="5"] p,
[feature-section="4"] p {
	margin-top: 46px;
	font-size: 2.1rem;
	line-height: 4.6rem;
}
/*******************************************/
[feature-section="5"] {
	margin-top: 100px;
	text-align: center;
}

[feature-section="5"] img {
	margin-top: 58px;
}
/****************************************************************************************/
#examples h2,
#steps h2 {
	font-size: 3rem;
	line-height: 2.9rem;
}
/*******************************************/
#examples {
	margin-top: 111px;
}

#examples [column] {
	margin-top: 58px;
}

#examples [column] .text {
	margin-top: 9px;
	font-size: 2.1rem;
	line-height: 1.7rem;
}
/****************************************************************************************/
#steps {
	margin-top: 103px;
}

#steps .contents > *,
#steps .contents > *:nth-child(4) > *:last-child > *:last-child {
	margin-top: 68px;
}

#steps .contents > *:nth-child(1),
#steps .contents > *:nth-child(2),
#steps .contents > *:nth-child(4) {
	display: flex;
	justify-content: space-between;
}

/*
#steps .contents > *:nth-child(1) > *:first-child,
#steps .contents > *:nth-child(2) > *:first-child {
	width: 43.334%;
}
#steps .contents > *:nth-child(1) > *:last-child,
#steps .contents > *:nth-child(2) > *:last-child {
	width: 42.5%;
}
#steps .contents > *:nth-child(4) > * {
	width: 43.334%;
}
*/
#steps .contents > *:nth-child(1) > *,
#steps .contents > *:nth-child(2) > *,
#steps .contents > *:nth-child(4) > * {
	width: 46%;
}

#steps h3 {
	font-size: 2.7rem;
	line-height: 3.8rem;
}

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

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

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

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

#steps .email {
	margin-top: 36px;
	font-size: 1.8rem;
	line-height: 2.8rem;
}
#steps .email img {
	margin-top: 25px;
}
/****************************************************************************************/
[feature-section="4"] {
	margin-top: 98px;
}
/****************************************************************************************/
#wrapping h2 {
	font-size: 2.3rem;
	line-height: 3.5rem;
}

#wrapping ul {
	margin-top: 49px;
}

#wrapping .text {
	margin-top: 28px;
}
/****************************************************************************************/
.mlr {
margin: 0 20px;	
	
}