@charset "UTF-8";
/*================================================
メインビジュアル
================================================*/
.underPage .mainv{
    background: no-repeat center / cover url("../img/phc_mainv.jpg");
}
/*================================================
コンテンツ共通
================================================*/
/* アドレス */
.adress {
    margin-top: 60px;
    background: #EAF9FF;
    padding: 30px;
}
.adressTtl {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.adress ul {
    margin-top: 1rem;
}
.adress dl {
    display: flex;
}
.adress dt {
    padding-right: 1rem;
}
@media screen and (max-width: 768px) {
    .adress {
        padding: 16px;
    }
    .adressTtl {
        font-size: 1.8rem;
    }
}
/* 申し込み概要　テーブル */
.phcApplication {
    margin-top: 20px;
}
.phcApplication th {
    width: 30%;
}
/*================================================
プレハブ住宅コーディネーター資格認定制度
================================================*/
.ninteiImg {
    width: 40%;
}
@media screen and (max-width: 768px) {
    .ninteiImg {
        width: 80%;
    }
}
/*================================================
新規講習会の案内
================================================*/
.ninteikouhu .wrapper__flex-img {
    width: 30%;
}
.ninteikouhu .wrapper__flex-txt {
    width: 68%;
}
.newDate li:not(:last-child) {
    margin-bottom: 30px;
}
.newDate dl {
    display: flex;
}
.newDate dt {
    white-space: nowrap;
}
.newDate .lineBlueTable th {
    width: 30%;
}
@media screen and (max-width: 768px){
    .ninteikouhu .wrapper__flex-img {
        width: 80%;
        margin: 0 auto 20px;
    }
    .ninteikouhu .wrapper__flex-txt {
        width: 100%;
    }
    .newDate dl {
        display: block;
    }
}


/*================================================
講習会日程
================================================*/
.seminarSchedule {
	/*width: 440px;*/
	max-width: 100%;
	margin: 1em 0;
}
@media screen and (max-width: 768px){
	.seminarSchedule {
		max-width: 100%;
}

}
.seminarSchedule th {
	background: #FFFFFF;
	color: #333;
	font-weight: normal;
	text-align: center;
	padding: 5px 20px;
}
.seminarSchedule td {
	text-align: center;
	padding: 5px 20px;
}
/*.seminarSchedule td:nth-child(odd) {
	text-align: center;
	padding: 5px 10px;
}*/
.seminarSchedule td:nth-child(1) {
	text-align: justify;
}
.seminarSchedule td:nth-child(2),.seminarSchedule th:nth-child(2) {
	border-right: none;
}
.seminarSchedule td:nth-child(3),.seminarSchedule th:nth-child(3) {
	padding: 0;
	border-left: none;
	border-right: none;
}
.seminarSchedule td:nth-child(4),.seminarSchedule th:nth-child(4) {
	border-left: none;
}

.seminarSchedule td span{
	font-feature-settings: "palt";
	padding: 0 0 0 .5em;
}




/*================================================
更新申請の案内
================================================*/
.updateOverview .numberList li {
    margin-bottom: 2rem;
    font-weight: bold;
}
.updateDocument .lineBlueTable {
    margin-top: 20px;
}
.updateDocument .lineBlueTable th {
    width: 20%;
}
@media screen and (max-width: 768px) {
    .updateDocument .lineBlueTable th {
        width: 24%;
    }
}
/*================================================
２回目以降更新申請の概要
================================================*/
.update2Overview .lineBlueTable {
    margin-top: 20px;
}
.update2Overview .lineBlueTable li {
    padding-left: 4rem;
    text-indent: -4.2rem;
    margin-bottom: 1rem;
}
.update2Overview .lineBlueTable li:last-child {
    margin-bottom: 0;
}
.update2Overview .lineBlueTable th {
    width: 16%;
}
@media screen and (max-width: 768px) {
    .update2Overview .lineBlueTable th,.update2Overview .lineBlueTable td {
        width: 100%;
    }
}
/*================================================
講習会申込ガイド
================================================*/
.guideBtnArea {
    margin-top: 20px;
    justify-content: center;
    gap: 20px;
}
.guideBtnArea__item {
    width: 44%;
    border: 1px solid #005B78;
}
.guideBtnArea__item-ttl {
    background: #005B78;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-size: 2rem;
    font-weight: bold;
}
.guideBtnArea__inner {
    padding: 30px 20px;
}
.guideBtnArea__inner .blueBtn {
    width: 48%;
}
.guideBtn .numberList {
    margin-top: 40px;
}
@media screen and (max-width: 768px){
    .guideBtnArea__item,.guideBtnArea__inner .blueBtn {
        width: 100%;
    }
    .guideBtnArea__item:not(:last-child) {
        margin-bottom: 20px;
    }
    .guideBtnArea__item-ttl {
        font-size: 1.6rem;
    }
    .guideBtnArea__inner {
        padding: 20px 16px;
    }
    .guideBtnArea__inner .blueBtn:not(:last-child) {
        margin-bottom: 20px;
    }
}
/*================================================
講習会申込ガイド　＞　下層共通
================================================*/
/* 申込概要 */
.applicationGuide__overview th {
    width: 16%;
}
.applicationGuide__overview td {
    width: 84%;
}
.applicationGuide-target:not(:last-child) {
    margin-bottom: 20px;
}
.applicationGuide-targetTxt {
    font-weight: bold;
    font-size: 1.8rem;
}
@media screen and (max-width: 768px){
    .applicationGuide__overview th {
        width: 100%;
    }
    .applicationGuide__overview td {
        width: 100%;
    }
    .applicationGuide-targetTxt {
        font-size: 1.6rem;
    }
}
/* 申込の流れ */
.applicationGuide__flow li:not(.discList li){
    display: flex;
    position: relative;
    justify-content: space-between;
}
.applicationGuide__flow li:not(.discList li,:last-child) {
    margin-bottom: 40px;
}
.applicationGuide__flow li:not(.discList li,:last-child)::before {
    content: '';
    background: #c3c3c3;
    width: 4px;
    height: 100%;
    position: absolute;
    top: calc(50% - -60px);
    left: 28px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.applicationGuide__flow-number {
    background: #1a7c9c;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 100px;
}
.applicationGuide__flow-number p{
    font-weight: bold;
    color: #fff;
    font-size: 3rem;
}
.applicationGuide__flow-box h4 {
    font-size: 2.4rem;
    color: #1a7c9c;
    margin-bottom: 10px;
}
.applicationGuide__flow-box {
    width: calc(100% - 60px);
    padding: 12px 0 0 20px;
}
.applicationGuide__flow-item {
    background: #EAF9FF;
    padding: 20px;
}
.applicationGuide__flow-item:not(:last-child){
    margin-bottom: 16px;
}
.applicationGuide__flow-item h5 {
    font-size: 1.6rem;
    background: #008ab7;
    display: inline-block;
    color: #fff;
    padding: 6px 20px;
    margin-bottom: 10px;
}
.applicationGuide__flow-innerItem:not(:last-child) {
    margin-bottom: 20px;
}
.applicationGuide__flow-innerItem p:not(.note) {
    font-weight: bold;
}
@media screen and (max-width: 768px){
    .applicationGuide__flow li:not(.discList li,:last-child)::before {
        top: calc(50% - -44px);
        left: 20px;
    }
    .applicationGuide__flow-number {
        width: 44px;
        height: 44px;
    }
    .applicationGuide__flow-number p{
        font-size: 2.4rem;
    }
    .applicationGuide__flow-box {
        width: calc(100% - 44px);
        padding: 7px 0 0 10px;
    }
    .applicationGuide__flow-box h4 {
        font-size: 2rem;
        margin-bottom: 6px;
    }
    .applicationGuide__flow-item {
        padding: 12px;
    }
    .applicationGuide__flow-item:not(:last-child) {
        margin-bottom: 6px;
    }
    .applicationGuide__flow-item h5 {
        font-size: 1.4rem;
        padding: 4px 12px;
    }
}