@charset "utf-8";
/*==========================================
共通
===========================================*/
.couza-q h3{
	padding: 0.25em 0.5em;
	color: #494949;
	background: transparent;
	border-left: solid 5px #ce121b;
	border-bottom: solid 2px #dee2e6;
	margin-bottom: 3rem;
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.couza-q h3{
		margin-bottom: 1rem;
	}
}


/* PC向けレイアウトの指定：960px以上では固定レイアウト */
@media screen and (min-width:960px) {
}
/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
}

/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
}

.couza-q{
	margin:0;
}
.red{
	color: #ce121b;
}
.blue{
	color: #eaeff6;
}
.white{
	color: white;
}
.blue a{
	color:#007bff;
}
.f14{
	font-size: 14px;
}
.commu1,
.commu2,
.commu3{
	margin-bottom: 8rem;
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.commu1,
	.commu2,
	.commu3{
		margin-bottom: 4rem;
	}
}
/*==========================================
 
===========================================*/
.cl{
	background-image: url(../images/couza/new/c-top.jpg);
	
}
.commu-con1{
	text-align: center;
}
.commu-con1 h3{
	color: #ce121b;
	border-bottom: solid 1px  #ce121b;
	background: linear-gradient(transparent 60%, yellow 30%);
	display: inline-block;
}
.commu-con1 p{
	margin: 2rem auto;
}


.commu-box1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.commu-b1-item1{
	background-color: #eaeff6;
	border-radius: 5px;
	padding:2rem;
	margin: 2rem 0;
	box-sizing: border-box;
	width:calc((100% - 2rem) / 2);
}
.commu-b1-item1 h4{
	border-bottom: solid 1px #555;
	margin-bottom: 1rem;
	text-align: center;
	padding-bottom: 10px;
}
.commu-b1-item1 li{
	font-size: 16px;
	list-style: disc;
	margin-left: 20px;
}
.commu-p3 {
	margin: 0 auto;
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.commu-box1{
		display: block;
	}
	.commu-b1-item1{
		width:100%;
	}
}




/*==========================================
 青い３箱〜
===========================================*/
.blue-3,
.step{
	margin-bottom: 8rem;
}
.commu-box2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0.5rem 0 0 0;
}
.commu-b2-item{
	border: solid 1px #003067;
	border-radius: 5px;	
	width: 32%;
	box-sizing: border-box;
}
.commu-b2-item-ttl{
	color: white;
	background-color: #003067;
	padding: 1rem;
}
.commu-b2-item-ttl h4,
.commu-b2-item-ttl h3{
	border-bottom: solid 1px white;
	text-align: center;
}
.commu-b2-item-ttl h3{
	padding:1rem 0;
	height: 60px;
}
.commu-b{
	font-size: 30px;
	padding-left: 2px;
}
.commu-b2-item-m{
	padding: 1rem;
}
/*.commu-b2-t{
	width:100%
}
.commu-b2-t th{
	text-align: left;
}
.commu-b2-t td{
	text-align: right;
}*//*
.commu-b2-item-m  ul li{
	list-style: disc;
	margin-left: 20px;
}*/
.commu-b2-badge img{
	width:50%;

}

.commu-con3{
	margin-bottom: 1rem;
}
.ap-btn-nyumon a {
    padding: 0.8rem 1.6rem;
	background-color: green;

    color: white;
    border-radius: 10px;
}
.ap-btn-nyumon {
    font-size: 18px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
}

.step-box{
	border: solid 1px black;
	border-radius: 5px;	
	box-sizing: border-box;
	margin-bottom:2rem;
}
.step-item-ttl{
	color: white;
	background-color: #89c998;
	padding: 1rem;
}
.step-item-ttl h4,
.step-item-ttl h3{
	border-bottom: solid 1px white;
	text-align: center;
}
.step-item h3{
	padding:1rem 0;
	height: 60px;
}
.commu-b{
	font-size: 30px;
	padding-left: 2px;
}
.step-getitem{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.step-item-m,
.step-item-m-img{
	padding: 1rem;
	width: 50%;
	box-sizing: border-box;
}

.step-item-m-non{
	padding: 1rem;
	box-sizing: border-box;
}

.step-img-yoko-2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 1rem;
}
.step-img-yoko-2 img{
	width: 45%;
	margin-top: 1rem;
}





/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
	.commu-b2-t th{
		font-size: 12px;
	}
	.commu-b2 td{
		font-size: 11px;
	}
}
/* PC向けレイアウトの指定：852pxまでは固定レイアウト */
@media screen and (max-width:852px) {
	.commu-box2{
		display: block;
	}
	.commu-b2-item-ttl h3{
		height: auto;
	}
	.commu-b2-item{
		width: 100%;
		margin-bottom: 1rem;
	}
	.commu-b2-item:nth-child(3){
		margin-bottom: 0;
	}
	/*
	.commu-b2-t th{
		font-size: 16px;
	}
	.commu-b2-t td{
		font-size: 16px;
	}*/
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.blue-3,
	.step{
		margin-bottom: 4rem;
	}
	.step-getitem{
		display: block;
	}
	.step-item-m,
	.step-item-m-img{
		width: 100%;
	}
}



/*==========================================
 プログラム
===========================================*/
.ct1-con{
	overflow-x:scroll;
}
.commu-t1{
	white-space: nowrap;
	min-width:600px;
	border-collapse: collapse;
}
.commu-t1 th{
	border: solid 1px #dee2e6;
	background-color: #89C997;
	color: white;
	padding:1rem;
	font-size: 16px;
}
.commu-t1 td{
	border: solid 1px #dee2e6;
	padding:1rem;
	font-size: 16px;
}

.commu-t2{
	border-collapse: collapse;
	width:100%;
	margin: 0.5rem 0 0 0;
}
.commu-t2 th{
	border: solid 1px #dee2e6;
	background-color: #89C997;
	color: white;
	padding:1rem;
	font-size: 16px;
}
.commu-t2 td{
	border: solid 1px #dee2e6;
	padding:1rem;
	font-size: 16px;
}
.c-t2-s{
	font-size: 14px;
}



.commu-t3{
	border-collapse: collapse;
	width:100%;
	margin: 0.5rem 0 0 0;
}
.commu-t3 th{
	border: solid 1px #dee2e6;
	background-color: #89C997;
	color: white;
	padding:0.8rem;
	font-size: 16px;
}
.commu-t3 td{
	border: solid 1px #dee2e6;
	padding:0.8rem;
	font-size: 16px;
}
.commu3-sub{
	padding-bottom: 2px;
	font-weight: 600;
}
/* PC向けレイアウトの指定：1275pxまでは固定レイアウト */
@media screen and (max-width: 1275px) {
	.commu-t2 tr td:nth-of-type(3){
		width:8%;
	}
}
/* PC向けレイアウトの指定：1080pxまでは固定レイアウト */
@media screen and (max-width: 1080px) {
	.ct2-con,
	.ct3-con{
		overflow-x:scroll;
	}
	.commu-t2,
	.commu-t3{
		white-space: nowrap;
		min-width:1000px;
	}
	.ct1-con{
		overflow-x:scroll;
	}
	.commu-t1{
		white-space: nowrap;
		min-width:600px;
	}
}


/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	.commu-t2,
	.commu-t3{
		white-space: nowrap;
		min-width:800px;
	}
	.commu-t1 td,
	.commu-t2 td,
	.commu-t3 td{
		font-size: 14px;
		padding:0.5rem;
	}
	.commu-t1 th,
	.commu-t2 th,
	.commu-t3 th{
		padding:0.5rem;
	}
}

/*==========================================
 voice
===========================================*/
.commu4{
	background-color:#F1ECD2;
	padding: 6rem 0;
}
.cbox41{
	width: 50%;
	margin: 0 auto;
	padding-bottom:4rem;
}
.commu-box4-2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cbox42-item{
	display: flex;
	flex-wrap: wrap;
	width:48%;
	margin-bottom: 4rem;
}
.cbox42-item:nth-child(5),
.cbox42-item:nth-child(6){
	margin-bottom: 0;
}
.cbox42-p{
	width:100px;
	margin-right: 6px;
}
.cbox42-m{
	width:calc(100% - 106px);
}
/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
	.cbox41{
		width: 70%;
		padding-bottom:4rem;
	}
	.commu-box4-2{
		display:block;
	}
	.cbox42-item,
	.cbox42-item:nth-child(5){
		width:100%;
		margin-bottom: 2rem;
	}
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.commu4{
		padding: 4rem 0;
	}
	.cbox41{
		width: 100%;
		padding-bottom:2rem;
	}
}
/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	.commu4{
		padding: 2rem 0;
	}
}
/*==========================================
 お知らせ
===========================================*/
.commu-info{
	padding:8rem 0;
}
.info-c{
	border-collapse: collapse;
    width: 100%;
    margin: 0.5rem 0 0 0;
}

.info-c th{
	border: solid 1px #dee2e6;
	padding:1rem;
	font-size: 16px;
}
.info-c td{
	border: solid 1px #dee2e6;
	padding:1rem;
	font-size: 16px;
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.commu-info{
		padding: 4rem 0;
	}
}


/*==========================================
 申し込み
===========================================*//*
.commu-kin{
	padding:8rem 0;
}
.ct4-con{
	margin:0.5rem 0 2rem 0;
}
.commu-t4{
	border-collapse: collapse;
	width:100%;
	font-size: 16px;
}
.commu-t4 tr td:nth-of-type(1){
	text-align:center;
  }
.commu-t4 th{
	border: solid 1px #dee2e6;
	background-color: #89C997;
	color: white;
	padding:1rem;
}
.commu-t4 td{
	border: solid 1px #dee2e6;
	padding:0.5rem;
	text-align: right;
}
.commu-t4-btn a{
	background-color: #026A0F;
	color: white;
	padding: 9px 20px;
	border-radius: 30px;
	margin-left: 6px;
}
.blue a{
	color:#007bff;
}*/


.commu-5{
	background-color: #E9EEF6;
	padding: 8rem 0;
}
.commu-5-con{
	border:3px solid #c7d9f0;
	border-radius: 10px;
	background-color: white;
	padding: 4rem;
}
.c5-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.c5b-item1{
	width:150px;
	margin-right: 20px;
}
.c5b-item1 p{
	font-size: 14px;
	text-align: center;
	margin-top: 3px;
}
.c5b-item2{
	width: calc(100% - 170px);
}
.c5-box2 p{
	font-size: 14px;
}
.c5b-s{
	font-size: 12px;
}
/* PC向けレイアウトの指定：960pxまでは固定レイアウト */
@media screen and (max-width: 960px) {
	.ct4-con{
		overflow-x:scroll;
	}
	.commu-t4{
		white-space: nowrap;
		min-width:1000px;
	}
	.commu-t4 td{
		font-size: 16px;
	}
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.commu-kin{
		padding:4rem 0;
	}
	.commu-5{
		padding: 4rem 0;
	}
	.commu-5-con{
		padding: 2rem;
	}
	.c5-box{
		display: block;
		margin-bottom: 2rem;
	}
	.c5b-item1{
		width:200px;
		margin:0 auto 1rem auto;
	}
	.c5b-item2{
		width: 100%;
	}
}
/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	.commu-t4{
		min-width:800px;
	}
	.commu-t4 td{
		font-size: 14px;
	}
}



/*==========================================
会員メンバー
===========================================*/
.commu-6{
	background-color: #023C79;
	padding: 8rem 0;
}
.commu-6 h4{
	color:#023C79;
	padding:0.8rem 0;
	background-color: white;
	text-align: center;
}
.commu-6 h4 a{
	color:#023C79;
}
.commu-6-sttl{
	color:#0000ee;
	font-size: 12px;
}
.c6-st{
	color: white;
	text-align: center;
	padding:0.8rem 0 0 0;
}

.commu-6 img{
	margin:1rem 0 2rem 0;
}
.c6-t1,
.c6-t2{
	border-collapse: collapse;
	width:100%;
	font-size: 16px;
	background-color: white;
}
.c6-t1{
	margin-bottom: 4rem;
}


.c6-t1 td,
.c6-t2 td{
	border: solid 1px #dee2e6;
	padding:1rem;
	color: #000;
}
/*
.c6-t1 td a,
.c6-t2 td a{
	color: #000;
}*/
.commu-6 .white{
	margin-top: 0.8rem;
}
.c6-box{
	margin-top: 2rem;
}
.c6-box p a{
	font-size: 16px;
	padding-top: 2rem;
}

/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.commu-6{
		padding: 4rem 0;
	}
	.c6-t1 td,
	.c6-t2 td{
	padding:0.5rem;
	font-size: 14px;
	}
}
/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	.commu-6 h4{
		padding:0.5rem 0;
	}
	.c6-t2{
		/*margin-top: 1rem;*/
	}
	.c6-t1 td,
	.c6-t2 td{
	padding:0.5rem;
	font-size: 12px;
	}
	.c6-box{
		margin-top: 1rem;
	}
	.c6-box p a{
		font-size: 12px;
		padding-top: 1rem;
	}
}