@charset "UTF-8";
/* CSS Document */

.br-sp {
  display: none;
}

.wrapper {
	max-width: 1100px;
}

.txt {
	color: #000;
}

.sample-img {
	margin: 0 auto;
	display: block;
}

.in-link {
	font-size: 17px;
	font-weight: bolder;
	margin-top: 2%;
}

.subtl {
	padding: 1%;
	border: 2px solid #24bbb7;
	max-width: 90%;
	border-radius: 8px;
	margin: 0 auto 2%;
}

.subtitle {
	color: #ff0000 !important;
	font-weight: bolder;
	font-size: 17px;
	margin-bottom: 1%;
}

.subtitle2 {
	margin-bottom: 0;
}

.howtitle {
	color: #000;
	margin: 0 0 5px;
	font-size: 1.2em;
	font-weight: bolder;
	border-bottom: 1px solid #24bbb7;
	padding-bottom: 2px;
	padding-left: 4px;
}

.howtitle2 {
	margin: 0 auto 0 2%;
}

.triangle {
	width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 25px solid #C0C0C0;
    margin: 0 auto;
    padding-bottom: 2%;
    
}

tbody {
	border: 1px solid #C0C0C0;
}

.hhidari {
	width: 23%;
	background-color: #24bbb7;
	color: #fff;
	padding-left: 10px;
}

.tab {
	margin: 0 auto;
	width: 90%;
	border: 2px solid #C0C0C0;
	color: #000;
}

.htitle {
    border: 2px solid #C0C0C0;
}

.qalist {
	max-width: 90%;
	margin: 0 auto;
}

.qatl {
	color: #fff !important;
	font-size: 1.2em;
	font-weight: bolder;
	margin-bottom: 5px;
	background-color: #24bbb7;
	padding: 5px 0 5px 10px;
	
}

.qacon {
	color: #000 !important;
	font-size: 1.1em;
	margin-bottom: 20px;
	padding: 0 0 0 10px;
}

.qacon span {
    color: #ff0000;
    font-size: 1.2em;
	margin-bottom: 20px;
}

.bktxt {
	background-color: #f4f4f4;
	margin: 0 0 3% 1%;
	color: #000;
	padding: 1%;
	max-width:55%;
}


/*SPCSSここから*/
@media screen and (max-width:767px) {

.br-pc {
    display: none;
}

.br-sp {
    display: inline-block;
}

.sp-none {
	display: none;
}

.in-link {
	font-size: 14px;
}

.subtitle {
	font-size: 15px;
}

.subtl {
	padding: 3%;
	margin: 4% auto 5%;
	
}

.bktxt {
    max-width:95%;
}





} 
/*SPCSSここまで*/