@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;
}
.m2,.m3,.m4,.m5{
	margin-bottom:8rem;
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.couza-q h3{
		margin-bottom: 1rem;
	}
	.m2,.m3,.m4,.m5{
		margin-bottom:4rem;
	}
}




/* 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;
}
/*==========================================
 
===========================================*/
.mirai{
	background-image: url(../images/couza/mirai-newtop.png);
	background-position: 50% 50%;
}







.m1-con{
	text-align: center;
}
.m1-con h3{
	color: #ce121b;
	border-bottom: solid 1px  #ce121b;
	background: linear-gradient(transparent 60%, yellow 30%);
	display: inline-block;
}
.m1-con-main-mess{
	margin: 0 auto;
	display: inline-block;
}
.m1-con-main-mess p{
	text-align: left;

}
.m1-con p{
	margin: 2rem auto;
}
.m1-m{
	text-align: center;
	margin-top: 2rem;
}
.m1-m-btn{
	background-color: pink;
	padding: 0.5rem 0;
	width:300px;
	margin: 0.8rem auto 0 auto;
}
.m1-m-btn a{
	color:#555;
}
/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
}

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


.mirai-voice-box{
	margin-bottom: 2rem;
}
.mirai-voice-box h4{
	border-bottom: solid 2px pink;
    display: inline-block;
    padding: 0 1rem;
}
.mirai-voice-item{
	border: 3px solid pink;
    padding: 1rem;
    margin: 0 auto 2rem;
	border-radius: 15px;
}
/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	.mirai-voice-item{
		border: 3px solid pink;
		border-radius: 15px;
		padding: 0.8rem;
		margin: 0 auto 1rem;
	}
}






.m2-con{
	/*background-color: pink;*/
}
.m2-t1{
	border-collapse: collapse;
	width:100%;
	margin: 0.5rem 0 0 0;
}
.m2-t1 td{
	padding:0.8rem;
	font-size: 16px;
}
.m2-t1 td:nth-child(1){
	vertical-align: top; 
}


.m2-con2,
.m2-con3{
	margin-top: 4rem;
}
.m2-con2 h3,
.m2-con3 h3{
	border-bottom: solid 2px pink;
	display: inline-block;
	padding: 0 1rem;
}
.m2-t2{
	border-collapse: collapse;
	width:100%;
}
.m2-t2 td{
	padding:1rem;
	font-size: 16px;
}
.m2-t2 td:nth-child(1){
	vertical-align: top; 
}


/*
.m2-box2-1{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
}
.m2-i1{
	width: 18%;
}
.m2-i2{
	width:14%;
	margin-left: 20px;
}
.m2-i3{
	margin-left: 20px;
}*/

/*
.m2-con3 h3{
	margin-bottom: 1rem;
}
.m2-con3-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.m2c3-i1{
	width:35%;
}*/
/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
}

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


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

===========================================*/
.m3-t1{
	border-collapse: collapse;
	width:100%;
	margin: 0.5rem 0 0 0;
}
.m3-t1 th{
	border: solid 1px #dee2e6;
	background-color: pink;
	color: white;
	padding:0.8rem;
	font-size: 16px;
	box-sizing: border-box;
}
.m3-t1 td{
	border: solid 1px #dee2e6;
	padding:0.8rem;
	font-size: 16px;
	box-sizing: border-box;
}
/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
	.m3-con{
		overflow-x:scroll;
	}
	.m3-t1{
		white-space: nowrap;
		min-width:1000px;
	}
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
}

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




/*==========================================
 プログラム
===========================================*/
.m4-t1{
	border-collapse: collapse;
	width:100%;
	margin: 0.5rem 0 0 0;
}
.m4-t1 th{
	border: solid 1px #dee2e6;
	background-color: pink;
	color: white;
	padding:0.8rem;
	font-size: 16px;
	box-sizing: border-box;
}
.m4-t1 td{
	border: solid 1px #dee2e6;
	padding:0.8rem;
	font-size: 16px;
	box-sizing: border-box;
}
.m4-t1 td:nth-child(1){
	vertical-align: top;
}
.m4t1-pic img{
	width:115px;
	margin-top: 10px;
}
.mirai-meibo{
	font-weight: bold;
	font-size: 16px;
}
/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
	.m4-con{
		overflow-x:scroll;
	}
	.m4-t1{
		white-space: nowrap;
		min-width:1000px;
	}
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
}

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




.m5-t1{
	border-collapse: collapse;
	width:100%;
	margin: 0.5rem 0 0 0;
}
.m5-t1 td{
	padding:0.8rem;
	font-size: 16px;
	box-sizing: border-box;
}
.m5-t1 td:nth-child(1){
	width:125px;
	vertical-align: top; 
}
.m5-btn a{
	background-color: pink;
	padding: 0.3rem 0.5rem;
	border-radius: 20px;
	color: #111;
	margin:0 2px;
}
.m5-non{
	text-decoration: line-through;
}
.m5-t1-m a{
	text-decoration: underline;
	color: #ce121b;
	margin-
}
/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
}

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