@charset "utf-8";

/* ==================================================================

    build-index.css

=================================================================== */

.contents > section:last-child {
	margin-bottom: 120px;
}
/* --------------------------------
■introduction
-------------------------------- */
#introduction h3 {
    font-size: 200%;
	text-align: left;
	font-weight: 400;
	margin-bottom: 36px;
	line-height: 1.5;
}
#introduction .text {
	text-align: left;
	line-height: 2;
	margin-bottom: 48px;
}
#introduction .menuArea {
    width: 100%;
}
#introduction .menuArea > div {
    margin-bottom: 32px;
}
#introduction .menuArea section {
    width: auto;
    margin: 0;
}
#introduction .menuArea section h4 {
    font-size: 1.06rem;
    font-weight: 600;
    border-bottom: 2px solid #222;
    color: #222;
    padding-bottom: 12px;
    margin-bottom: 24px;
}
#introduction .menuList {
    gap: 32px;
}
#introduction .menuList li {
    width: 318px;
}
#introduction .menuList li .buttonStyle a {
    width: 100%;
    padding: 28px 24px;
    text-align: left;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1rem;
}
#introduction .comfortable .menuList li .buttonStyle a {
    background-color: #32A5CB;
}
#introduction .commonPoint .menuList li .buttonStyle a {
    background-color: #D0A54C;
}

/* SP用
-------------------------------------------- */
@media only screen and (max-width : 767px) {
    #introduction h3 {
        font-size: 140%;
        margin-bottom: 28px;
    }
    #introduction .text {
        line-height: 2;
        margin-bottom: 40px;
    }
    
    #introduction .menuArea section.comfortable {
        margin-top: 32px;
    }
    #introduction .menuList {
        gap: 12px 0;
    }
    #introduction .menuList .buttonStyle a {
        height: 76px;
        font-size: 94%;
    }
}

/* --------------------------------
■basic
-------------------------------- */
#basic h3 {
    font-size: 175%;
	text-align: center;
	font-weight: 400;
	margin-bottom: 36px;
	line-height: 1.5;
}
#basic .text {
	text-align: center;
	line-height: 2;
	margin-bottom: 40px;
}
#basic .image {
	padding: 48px;
	background-color: #fff;
	border: 1px solid #DBDBDB;
	border-radius: 8px;
	text-align: center;
}
#basic .image img {
    max-width: 667px;
}

/* SP用
-------------------------------------------- */
@media only screen and (max-width : 767px) {
    
    #basic h3 {
        font-size: 130%;
        text-align: left;
        margin-bottom: 28px;
    }
    #basic .text {
        text-align: left;
        margin-bottom: 32px;
    }
    #basic .image {
        padding: 32px 24px;
        margin-bottom: 20px;
    }
}