﻿.maindesign *, 
.maindesign *:before, 
.maindesign *:after {
	box-sizing: border-box;
	min-height: 0%;
	}
#main {
	margin-bottom: 100px;
	overflow: hidden;
}
@media screen and (max-width:767px) {
	#main {
		margin-bottom: 50px;
	}
}
.maindesign .p-page--item-leave {
	margin-top: 50px;
}
.maindesign .p-page--item-moderate {
	margin-top: 30px;
}
.maindesign .p-page--item-close {
	margin-top: 30px;
}
.maindesign .p-page--item-thin {
	margin-top: 10px;
}
@media screen and (max-width:767px) {
	.maindesign .p-page--item-leave {
		margin-top: 30px;
	}
	.maindesign .p-page--item-close {
		margin-top: 15px;
	}
	.maindesign .p-section-imitation {
		margin-right: 10px;
		margin-left: 10px;
	}
}

.maindesign .c-feature-hdg2 {
	position: relative;
    padding-bottom: 1.25rem;
    border-bottom: 3px solid #B6B6B6;
    font-size: 1.75rem;
    margin-top: calc(80px - 0.6rem);
    margin-bottom: calc(40px - 0.75rem);
}
.maindesign .c-feature-hdg2::after {
	position: absolute;
    content: " ";
    border-bottom: solid 3px #E5002D;
    bottom: -3px;
    width: 8%;
    display: block;
}

@media screen and (max-width:767px) {
	.maindesign .c-feature-hdg2 {
		font-size: 1.5rem;
		margin-top: calc(60px - 0.6rem);
		margin-bottom: calc(45px - 0.75rem);
		line-height: 1.2;
	}
}

.maindesign .c-pc-only {
	display: block;
}
.maindesign .c-sp-only {
	display: none;
}
@media screen and (max-width:767px) {
	.maindesign .c-pc-only {
		display: none;
	}
	.maindesign .c-sp-only {
		display: block;
	}
}

.maindesign .c-komeri-btn {
	position: relative;
	background-color: #979797;
    cursor: pointer;
	border-radius: 40px;
	opacity: 1.0;
}
.maindesign .c-komeri-btn:hover {
	opacity: 0.75;
    transition: 0.6s;
}
.maindesign .c-komeri-btn > a {
	text-decoration: none;
}
.maindesign .c-komeri-btn--inner {
	font-feature-settings: "palt";
	color: #fff;
	padding: 0.75rem 2rem 0.75rem 1.75rem;
	width: auto;
    height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
	font-weight: bold;
	text-align: center;
}
.maindesign .c-komeri-btn__orange {
	background-color: #EA6D0D !important;
}
.maindesign .c-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);
}



.maindesign img {
	max-width: 100%;
	height: auto;
	display: block;
}
.maindesign .menu-btn-list a {
	color: #fff;
	display: flex;
}
.maindesign .c-breadcrumb {
	margin-bottom: 5px;
}
.maindesign .c-breadcrumb,
.maindesign .c-breadcrumb a {
	color: #83838f;
	text-decoration: none;
}
@media screen and (max-width:767px) {
	.maindesign .c-breadcrumb {
		margin-left: 5px;
	}
}

.maindesign .c-lead-text {
	font-size: 1.1rem;
	line-height: 1.5;
margin: 0 0 10px;
}
@media screen and (max-width:767px) {
	.maindesign .c-lead-text {
		font-size: 0.95rem;
margin: 0 0 10px;
	}
}

.maindesign .l-title {
	position: relative;
}
.maindesign .l-title--text {
	position: absolute;
    top: 48%;
    left: 30%;
    color: #fff;
    font-weight: bold;
    font-size: 3.75rem;
    text-shadow: 0px 2px 6px #000;
    transform: translate(-50%, -50%);
    font-feature-settings: "palt" 1;
}


@media screen and (max-width:767px) {
	.maindesign .l-title--text {
		position: absolute;
    top: 50%;
    left: 34%;
    width: 55%;
    line-height: 1.2;
    /* text-align: left; */
    color: #fff;
    font-weight: bold;
    font-size: 9vw;
    text-shadow: 0px 2px 6px #000;
    transform: translate(-50%, -50%);
    font-feature-settings: "palt" 1;
	}
}


.maindesign .l-nav-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .l-nav-list .l-nav-list--btn:nth-child(n+3) {
	margin-top: 15px;
}
.maindesign .l-nav-list--btn {
	position: relative;
	border: 1px solid #B6B6B6;
	width: 48%;
	font-size: 1.0em;
    font-feature-settings: "palt";
    line-height: 1.3;
	text-align: center;
    border-radius: 40px;
    color: #333;
    cursor: pointer;
}
.maindesign .l-nav-list--btn::after {
	content: "";
    position: absolute;
	top: 50%;
    right: 15px;
    border-top: 2px solid #B6B6B6;
    border-right: 2px solid #B6B6B6;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate( 135deg);
}
.maindesign .l-nav-list--btn:hover {
	border-color: #E5002D;
	opacity: 0.75;
    transition: 0.6s;
}
.maindesign .l-nav-list--inner {
	display: flex !important;
	opacity: 1.0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
 padding: 0.35rem 2rem 0.35rem 1.75rem;
}
.maindesign .l-nav-list::before,
.maindesign .l-nav-list::after {
	content: '';
	width: 48%;
	height: 0;
	display: block;
}
.maindesign .l-nav-list::before {
	order: 1;
}

@media screen and (max-width:767px) {
	.maindesign .l-nav-list--btn {
		width: 100%;
	}
	.maindesign .l-nav-list::before,
	.maindesign .l-nav-list::after {
		width: 100%;
	}
	.maindesign .l-nav-list .l-nav-list--btn:nth-child(n+2) {
		margin-top: 15px;
	}
}

.maindesign .p-half-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    align-items: center;
}
.maindesign .p-half-box .p-half-box--unit:nth-child(n+3) {
	/*margin-top: 15px;*/
}
.maindesign .p-half-box--unit {
	width: calc(50% - 5px);
    max-width: 420px;
margin: 0 0 10px;
}

@media screen and (max-width:767px) {
	.maindesign .p-half-box--unit {
		width: 100%;
        max-width: unset;
	}
    .maindesign .p-half-box--unit img{
		margin: auto;
	}
	.maindesign .p-half-box .p-half-box--unit:not(:first-child) {
		margin-top: 15px;
	}
}

.maindesign .p-merit-list {
	border: 5px solid #7f6000;
	color: #5f2c09;
	background-color: #fff2cc;
	padding: 20px;
	font-weight: bold;
}
.maindesign .p-merit-list.demerit {
	border: 5px solid #385723;
	color: #385723;
	background-color: #e2f0d9;
	padding: 20px;
	font-weight: bold;
}
.maindesign .p-merit-list--title {
	font-size: 2.25rem;
	text-align: center;
}
.maindesign .p-merit-list--text {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .p-merit-list--text .p-merit-list--item:nth-child(n+3) {
	margin-top: 20px;
}
.maindesign .p-merit-list--item {
	width: 48%;
	font-size: 1.5rem;
}

@media screen and (max-width:767px) {
	.maindesign .p-merit-list {
		padding: 15px 10px;
	}
	.maindesign .p-merit-list--title {
		font-size: 1.75rem;
	}
	.maindesign .p-merit-list--text {
		margin-top: 25px;
	}
	.maindesign .p-merit-list--text .p-merit-list--item:nth-child(n+2) {
		margin-top: 15px;
	}
	.maindesign .p-merit-list--item {
		width: 100%;
		font-size: 5.0vw;
	}
}

.maindesign .p-overview {
	border: 3px solid #ff0000;
	border-radius: 10px;
    padding: 15px;
    line-height: 1.2;
	font-size: 1.1rem;
}
.maindesign .p-overview--item {
	line-height: 1.2;
	padding-left: 1em;
	text-indent: -1em;
}
.maindesign .p-overview--list .p-overview--item:not(:first-child) {
	margin-top: 10px;
}

.maindesign .p-overview--detail {
	margin-top: 20px;
}
.maindesign .p-overview--detail p:not(:first-child) {
	margin-top: 10px;
}

@media screen and (max-width:767px) {
	.maindesign .p-overview {
		font-size: 0.95rem;
	}
}

.maindesign .p-handing {
	border: solid 1px #949494;
	border-radius: 10px;
	cursor: pointer;
}
.maindesign .p-handing--link {
	text-decoration: none;
}
.maindesign .p-handing--inner {
	padding: 15px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.maindesign .p-handing--logo {
	width: 15%;
}
.maindesign .p-handing--text {
	width: 80%;
	line-height: 1.2;
	color: #333;
}
.maindesign .p-handing--text__small {
	font-size: 0.9rem;
}

@media screen and (max-width:767px) {
	.maindesign .p-handing--text__small {
		font-size: 1.0rem;
	}
}

.maindesign .p-table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.maindesign .p-table td,
.maindesign .p-table th {
	border: 1px solid #000;
	text-align: center;
	padding: 10px;
}
.maindesign .p-table th {
	background-color: #ccc;
	font-weight: bold;
	font-size: 1.1rem;
}

.maindesign .c-scroll-text {
	display: none;
}

@media screen and (max-width:767px) {
	.maindesign .p-slide-table {
		overflow-x: scroll;
	}
	.maindesign .p-table {
		width: 800px;
	}
	.maindesign .c-scroll-text {
		border: 2px solid #ff0000;
		padding: 10px 5px;
		color: #ff0000;
		font-weight: bold;
		font-size: 1.1rem;
		display: inline-block;
	}
}

.maindesign .p-center-img {
	display: flex;
	justify-content: center;
}

.maindesign .p-movie-container {
	width: 100%;
	display: flex;
	justify-content: center;
}
.maindesign .p-youtube {
	position: relative;
    width: 100%;
    padding-top: 56.2%;
}
.maindesign .p-youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.maindesign .notes {
	border: 3px solid #ff0000;
	border-radius: 10px;
	padding: 15px 10px;
	color: #ff0000;
}
.maindesign .notes--title {
	font-size: 1.35rem;
	font-weight: bold;
}
.maindesign .notes--lead {
	margin-top: 15px;
	font-size: 1.1rem;
	line-height: 1.3;
}

@media screen and (max-width:767px) {
	.maindesign .notes--title {
		font-size: 1.2rem;
	}
	.maindesign .notes--lead {
		font-size: 0.95rem;
	}
}

.maindesign .c-lead-text__red {
	color: #ff0000;
}

.maindesign .p-method-notes {
	border: 2px solid #000;
	border-radius: 5px;
	padding: 10px 5px;
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 1.2;
}

@media screen and (max-width:767px) {
	.maindesign .p-method-notes {
		font-size: 0.95rem;
	}
}

.maindesign .p-order-flow--title {
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
	font-weight: bold;
	font-size: 1.1rem;
}
.maindesign .p-order-flow--list {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
.maindesign .p-order-flow--item {
	width: 32%;
	border: 2px solid #000;
	border-radius: 5px;
	padding: 10px;
	font-weight: bold;
	line-height: 1.15;
	padding-left: 2em;
	text-indent: -1em;
}


@media screen and (max-width:767px) {
	.maindesign .p-order-flow--title {
		font-size: 1.0rem;
	}
	.maindesign .p-order-flow--list {
		flex-wrap: wrap;
	}
	.maindesign .p-order-flow--item {
		width: 100%;
		font-size: 0.95rem;
	}
	.maindesign .p-order-flow--list .p-order-flow--item:nth-child(n+2) {
		margin-top: 10px;
	}
}

.maindesign .p-choice-notes {
	border: 2px solid #000;
	padding: 15px;
}
.maindesign .p-choice-notes--lead {
	line-height: 1.3;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.maindesign .p-choice-notes--lead__red {
	color: #ff0000;
}
.maindesign .c-kome-text {
	padding-left: 1em;
	text-indent: -1em;
}

.maindesign .p-choice-notes--card {
	display: flex;
	justify-content: space-between;
}
.maindesign .p-catch-card {
	border: 1px solid #ccc;
}
.maindesign .p-catch-card--img {
	padding: 10px 15px;
}
.maindesign .p-catch-card--text {
	background-color: #EDF2F5;
	padding: 10px 0;
	text-align: center;
}

@media screen and (max-width:767px) {
	.maindesign .p-choice-notes--lead {
		font-size: 0.95rem;
	}
	.maindesign .p-choice-notes p:not(:first-child) {
		margin-top: 10px;
	}
}


.maindesign .p-table-02 {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.maindesign .p-table-02 td,
.maindesign .p-table-02 th {
	border: 1px solid #000;
	padding: 10px;
	line-height: 1.2;
}
.maindesign .p-table-02 th {
	font-weight: bold;
}
.maindesign .p-table-02 .c-komeri-btn {
	margin: 5px 0;
}
.maindesign .p-table-02 .c-komeri-btn__orange .c-komeri-btn--inner,
.maindesign .p-table-03 .c-komeri-btn__orange .c-komeri-btn--inner {
	padding: 0.25rem 2rem 0.25rem 1.75rem !important;
	text-align: center;
}
.maindesign .p-table-02 .c-komeri-btn .c-komeri-btn--inner,
.maindesign .p-table-03 .c-komeri-btn .c-komeri-btn--inner {
	font-size: 0.8rem !important;
}
.maindesign .p-table-02__red {
	color: #ff0000;
}
.maindesign .p-th-name {
	background-color: #EDF2F5;
	color: #333;
	font-size: 0.9rem;
	line-height: 1.3;
        width: 16%;
}
.maindesign .p-th-name p:not(:first-child) {
	margin-top: 10px;
}
.maindesign .p-th-img picture {
	display: flex;
	justify-content: center;
}
.maindesign .p-th-img p {
	text-align: center;
	margin-top: 5px;
}

@media screen and (max-width:767px) {
	.maindesign .p-table-02 {
		width: 800px;
	}
	.maindesign .p-table-02 td {
		font-size: 0.95rem;
	}
}

.maindesign .p-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 10px auto;
}
.maindesign .p-plus--inner {
	display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0 5px;
}
.maindesign .p-plus--inner::before,
.maindesign .p-plus--inner::after {
	display: block;
    content: '';
    background-color: #333;
    border-radius: 10px;
    position: absolute;
}
.maindesign .p-plus--inner::before {
	width: 5px;
    height: 18px;
    top: 0;
    left: 7px;
}
.maindesign .p-plus--inner::after {
	width: 18px;
    height: 5px;
    top: 7px;
    left: 0;
}

.maindesign .p-metal-fittings {
	border: 1px #ff0000 solid;
    padding: 5px;
}
.maindesign .p-metal-fittings--annotation {
	color: #F00;
    font-size: 0.9em;
    line-height: 1.2;
    padding: 5px;
}

.maindesign .p-fence-images {
	display: flex;
	justify-content: space-between;
}
.maindesign .p-fence-images--item {
	width: 32%;
	display: flex;
	justify-content: center;
}
@media screen and (max-width:767px) {
	.maindesign .p-fence-images {
		flex-wrap: wrap;
	}
	.maindesign .p-fence-images--item {
		width: 100%;
	}
	.maindesign .p-fence-images .p-fence-images--item:nth-child(n+3) {
		margin-top: 15px;
	}
}



.maindesign .p-table-03 {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.maindesign .p-table-03 td,
.maindesign .p-table-03 th {
	border: 1px solid #000;
	padding: 10px;
	line-height: 1.2;
}
.maindesign .p-table-03 th {
	font-weight: bold;
}
.maindesign .p-table-03 .c-komeri-btn {
	margin: 5px 0;
}
.maindesign .p-table-03 .p-th-name {
	width: 15%;
	text-align: center;
	font-size: 1.1rem;
}
.maindesign .p-table-03 .p-th-img {
	width: 25%;
}
@media screen and (max-width:767px) {
	.maindesign .p-table-03 {
		width: 800px;
	}
	.maindesign .p-table-03 td {
		font-size: 0.95rem;
	}
}


.maindesign .p-quarter {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .p-quarter--item {
	width: 24%;
}
.maindesign .p-quarter::before,
.maindesign .p-quarter::after {
	content: '';
	display: block;
	width: 24%;
	height: 0;
}
.maindesign .p-quarter::before {
	order: 1;
}
.maindesign .p-quarter .p-quarter--item:nth-child(n+5) {
	margin-top: 15px;
} 

@media screen and (max-width:767px) {
	.maindesign .p-quarter--item {
		width: 49%;
	}
	.maindesign .p-quarter::before,
	.maindesign .p-quarter::after {
		width: 49%;
	}
	.maindesign .p-quarter .p-quarter--item:nth-child(n+3) {
		margin-top: 15px;
	}
}


.maindesign .card {
	border: 1px solid #ccc;
}
.maindesign .card--link {
	color: #000;
	transition: 0.25s;
	text-decoration: none;
}
.maindesign .card--link:hover {
	opacity: 0.75;
}
.maindesign .card--inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.maindesign .card--name {
	background-color: #EDF2F5;
	border-bottom: 1px solid #ccc;
	text-align: center;
	line-height: 1.25;
	font-weight: bold;
	padding: 10px 0;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center
}
.maindesign .card--img {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.maindesign .deck-catch {
	border: 1px solid #ccc;
	padding: 10px;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	align-items: center;
}
.maindesign .deck-catch--lead {
	margin-top: 10px;
	flex-grow: 1;
}
.maindesign .deck-catch--btn {
	margin-top: 15px;
	width: 100%;
}


.maindesign .l-relation {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .l-relation .l-relation--item:nth-of-type(n + 3) {
	margin-top: 15px;
}
.maindesign .l-relation--item {
	width: 49%;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.maindesign .l-relation--item > a {
	display: block;
	color: #000 !important;
	text-decoration: none;
	height: 100%;
}
.maindesign .l-relation-inner {
	display: flex;
	padding: 20px 15px;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
.maindesign .l-relation-text {
	width: 70%;
	order: 1;
	height: 100%;
}
.maindesign .l-relation-text--title {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 10px;
}
.maindesign .l-relation-text > span {
	line-height: 1.15;
} 
.maindesign .l-relation-img {
	width: 140px;
	max-width: 25%;
	order: 2;
}
.maindesign .l-relation-img > img {
	width: 100%;
	height: auto;
}

@media screen and (max-width:767px) {
	.maindesign .l-relation .l-relation--item:not(:first-child) {
	margin-top: 15px;
}
	.maindesign .l-relation--item {
		width: 100%;
	}
	.maindesign .l-relation-inner {
		padding: 15px 10px;
		align-items: center;
	}
	.maindesign .l-relation-text {
		order: 2;
	}
.maindesign .l-relation-text > span {
		font-size: 0.9rem;
	}
	.maindesign .l-relation-img {
		order: 1;
	}
}


.maindesign .p-osusume-features {
	display: flex;
	justify-content: space-between;
}
.maindesign .p-osusume-features--img {
	position: relative;
	width: 48%;
}
.maindesign .p-osusume-features--text {
	width: 49%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.maindesign .p-osusume-features--icon {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20%;
}
.maindesign .p-arrow-heading {
	display: flex;
	justify-content: space-between;
	position: relative;
	height: 30px;
}
.maindesign .p-arrow-heading::after {
	content: '';
	width: calc(100% - 130px);
	height: 5px;
	background-color: #aa6633;
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.maindesign .p-arrow-heading--boat {
	position: relative;
	width: 100px;
        height: 30px;
	display: flex;
	color: #fff;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.maindesign .p-arrow-heading--boat::before,
.maindesign .p-arrow-heading--boat::after{
	content: "";
	position: absolute;
	margin: 0;
}
.maindesign .p-arrow-heading--boat::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: #954000;
	z-index: -1;
}
.maindesign .p-arrow-heading--boat::after {
	right: 0;
	transform: translateX(100%);
	box-sizing: border-box;
	width: 13px;
	height: 15px;
	border: 15px solid transparent;
	border-left: 13px solid #954000;
}
.maindesign .p-osusume-fearures--list .p-osusume-features--item:not(:first-child) {
	margin-top: 10px;
} 
.maindesign .p-osusume-features--item {
	border: 5px solid #7f6000;
	background-color: #fff2cc;
	padding: 15px 5px;
	color: #5f2c09;
        min-height:90px;
}
.maindesign .p-osusume-features--title {
	font-weight: bold;
	font-size: 1.25rem;
}
.maindesign .p-osusume-features--lead {
	margin-top: 10px;
	font-size: 0.9rem;
}

@media screen and (max-width:767px) {
	.maindesign .p-osusume-features {
		flex-wrap: wrap;
	}
	.maindesign .p-osusume-features--img {
		width: 100%;
	}
	.maindesign .p-osusume-features--text {
		width: 100%;
		margin-top: 15px;
	}
	.maindesign .p-osusume-fearures--list {
		margin-top: 10px;
	}
}


.maindesign .p-structure-lead {
	font-size: 1.5rem;
	font-weight: bold;
	color: #5f2c09;
}
.maindesign .p-structure-list .p-structure-list--item:not(:first-child) {
	margin-top: 10px;
}

.maindesign .p-structure-change {
	position: relative;
}
.maindesign .p-structure-change--item {
	position: relative;
}
.maindesign .p-structure-change--pop {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-weight: bold;
	font-size: 1.25rem;
}

.maindesign .p-structure-change--arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	transform: translate(-50%,-50%);
}



@media screen and (max-width:767px) {
	.maindesign .p-structure-lead {
		font-size: 1.25rem;
	}
	.maindesign .p-structure-change--pop {
		font-size: 1.1rem;
	}
	.maindesign .p-structure-change--arrow {
		transform: translate(-50%,-50%) rotate(90deg);
		width: 70px;
	}
}

.maindesign .p-structure-detail {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.maindesign .p-structure-detail--text {
	font-weight: bold;
	font-size: 1.25rem;
}
.maindesign .p-structure-detail--table dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #ccc;
}
.maindesign .p-structure-detail--table dt {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.maindesign .p-structure-detail--table dd {
	width: 75%;
	padding-left: 30px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.maindesign .p-structure-detail--table dt,
.maindesign .p-structure-detail--table dd {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.2;
	font-size: 0.9rem;
	font-weight: bold;
}

@media screen and (max-width:767px) {
	.maindesign .p-structure-detail--text {
		font-size: 1.0rem;
	}
	.maindesign .p-structure-detail--table {
		margin-top: 15px;
	}
	.maindesign .p-structure-detail--btn {
		margin-top: 20px;
	}
}

/*240611*/

.maindesign .wood-deck--inner {
	background-color: #403e37;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    margin: 2px 0;
    display: flex;
    justify-content: center;
    padding: 10px 0 20px;
    font-size: 2.5rem;
}

.maindesign .wood-deck--inner span {
	font-size: 2rem;
}

.maindesign .colsinframe {
	margin: 30px 0;
}

.maindesign .wood-deck_flex {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.maindesign .wood-deck_flex_box {
	width: calc(50% - 10px);
}

.maindesign .p-structure-list--item.p-structure-lead {
	margin: 30px 0;
}

.maindesign .old-sale--price {
	margin: 0 300px 0 20px; 
}


.maindesign .colsinframe .c-komeri-btn {
    width: calc(50% - 10px);
    margin:1em auto;
}
		
.maindesign	.pListImg03.tabpad {
	margin-bottom: 30px;
}

.maindesign .limited-sale--price {
	position: relative;
	}
	
@media screen and (max-width:767px) {
	.maindesign .wood-deck--inner {
		font-size: 7.0vw;
	    padding: 10px 0 15px;
	}
	
	.maindesign .wood-deck--inner span {
	font-size: 5vw;
}
	
	.maindesign .wood-deck_flex {
    display: block;
    }
	
	.maindesign .colsinframe .c-komeri-btn {
    width: 100%;
	}
	
	.maindesign .wood-deck_flex_box img {
	width: 100%;
	height: auto;
	}
	
	.maindesign .wood-deck_flex_box {
    width: 100%;
    }
}

.maindesign .feature-hdg4 {
        position: relative;
        font-size: 1.25em;
        font-weight: bold;
        margin: 20px 0;
        text-align: left;
        border-left: 4px solid #f00;
        padding: 0.3rem 1rem;
    }


.maindesign .feature-table{
    width: 100%;
    line-height: 1.2;
}
.maindesign .feature-table tr{
    
}
.maindesign .feature-table th{
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    padding: 5px;
    text-align: center;
    width: 15%;
}
.maindesign .feature-table th:first-child{
    border-left: 1px solid #333;
    width: 10%;
}
.maindesign .feature-table td{
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    padding: 5px;
    text-align: center;
}
.maindesign .feature-table td:first-child{
    border-left: 1px solid #333;
}

.maindesign .p-half-box--table{
    width: 100%;
    line-height: 1.2;
}
.maindesign .p-half-box--table tr:first-child{
    border-top: 1px solid #333;
}
.maindesign .p-half-box--table th{
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    padding: 5px;
    text-align: center;
    width: 30%;
}
.maindesign .p-half-box--table th:first-child{
    border-left: 1px solid #333;
}
.maindesign .p-half-box--table td{
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    padding: 5px;
}
.maindesign .p-half-box--table td:first-child{
}

.maindesign h3.c-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;
}
.maindesign h3.c-checkPoint .st0{
	fill:#aaaaaa;
}
.maindesign h3.c-checkPoint .st1{
	fill:none;stroke:#ffffff;stroke-width:3;stroke-miterlimit:10;
}
.maindesign h3.c-checkPoint span {
    margin: 0 0 0 20px;
    width: calc(100% - 60px);
}
.maindesign h3.unit-name {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px;
}

.maindesign .sale{
    margin: 20px 0 20px;
}
.maindesign span.before-c{
    text-decoration: line-through;
}
.maindesign span.after-c{
    font-size: 1.5em;
    color: #f00;
}
@media screen and (max-width:767px) {
.maindesign .sale{
    margin: 20px 0 20px;
    padding: 0 10px;
}   
.maindesign #sale_h.sale{
    padding: 0;
} 
.maindesign span.after-c{
    font-size: 1.25em;
    color: #f00;
}
}

.maindesign .p-strikethrough {
	text-decoration: line-through;
}
.maindesign .p-new-price {
	color: #f00;
}
.maindesign .p-new-price__large {
	font-size: 1.2em;
}


/*260129*/
.maindesign p{
	line-height: 1.3;
}
.maindesign .borderGlay {
    width: 870px;
    font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
.maindesign .rr th {
    margin: 0px;
    padding: 5px !important;
    background-color: #E3E3E3;
}
.maindesign table th,.maindesign table td {
    border: solid 1px #333333;
    padding: 10px 5px;
    vertical-align: middle;
    text-align: center;
}
.maindesign .borderGlay img {
	display: inline-block;
}
.maindesign .borderGlay a {
	display: inline-block;
}
.maindesign .borderGlay .c-komeri-btn--inner{
	font-size: 0.8rem;
	padding: 0.25rem 2rem 0.25rem 1.75rem;
}
.maindesign .bg-text-blue{
	    background-color: #1bc3c6;
    padding: 10px;
    color: #fff;
	display: inline-block;
}
.maindesign .text-box-blue{
	border: 1px solid #1bc3c6;
    padding: 10px;
}
.maindesign .text-box-blue p span{
	color: #1bc3c6;
}
.maindesign .flex-contents-item {
	text-align: center;
}
.maindesign .flex-contents-item img{
	max-height: 130px;
	margin: auto;
}
.maindesign .flex-contents-item .bg-text-blue{
	display: block;
}
.maindesign .flex-contents-col3{
	display: flex;
	text-align: center;
	justify-content: space-between;
	margin-bottom: 40px;
}
.maindesign .flex-contents-col3 div{
	width: calc( 33% - 5px);
}
.maindesign .flex-contents-col5{
	display: flex;
	text-align: center;
	justify-content: space-between;
	margin-bottom: 40px;
}
.maindesign .flex-contents-col2{
	display: flex;
	text-align: center;
	justify-content: space-between;
}
.maindesign .flex-contents-col2 div{
	width: calc( 50% - 5px);
}
.maindesign .limited-area{
	    border: 1px #f00 solid;
    text-align: center;
}
.maindesign .limited-area div{
	background-color: #f00;
	color: #FFFFFF;
    padding: 10px;
	font-size: 1.5rem;
}
.maindesign .limited-area p{
	padding: 10px;
	color: #f00;
}
@media screen and (max-width:767px) {
	.maindesign .table-scloll{
		overflow-x: scroll;
	}
.maindesign .flex-contents-item {
		overflow-x: scroll;
}
.maindesign .flex-contents-col3,.maindesign .flex-contents-col5,.maindesign .flex-contents-col2{
	flex-direction: column;
}
.maindesign .flex-contents-col3 div,.maindesign .flex-contents-col5 div,.maindesign .flex-contents-col2 div{
	width: 100%;

}
	.maindesign .limited-area p{
		text-align: left;
}

}


/*  アコーディオン start  */
#main .AC-blocks .model-block{
	text-align: left;
    margin-top: 20px;
	border: 1px solid #ccc;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.8em 1.3em 0.8em 0.5em;
	position: relative;
	cursor: pointer;
}
#main .AC-blocks .model-block::after {
    font-family: 'Noto Sans JP', sans-serif;
    content: url(/contents/event/15_bushcutter/image_240319/arrow_forward.svg);
    transform-origin: center;
    transform:translateY(-50%);
    color: #9ca289;
    display: inline-block;
    align-items: center;
/*    padding: 0.5em;*/
    transition: 0.5s;
	position: absolute;
	top: 50%;
	right: 1%;
	height: 25px;
    width: 25px;
}
#main .AC-blocks .model-block.active::after {
     transform: rotate(180deg) translateY(50%); 
}

#main .AC-blocks .sub-block{
	display: none;
	padding: 10px;
}
#main .AC-blocks .sub-block .answer{
	line-height: 1.3;
	font-size: 1.2em;
}

#main .AC-blocks .sub-block .mixing-ratio{
	width: 100%;
	table-layout: fixed;
}
#main .AC-blocks .sub-block .mixing-ratio td{
	padding: 10px;
	font-size: 1.2em;
	text-align: center;
	border: 1px solid #ccc;
}

/*  アコーディオン end  */