body{
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 300;
	font-size:16px;
}
h1{ font-size:26px; margin:1rem 0; }
h2{ font-size:24px; margin:1rem 0; }
h3{ font-size:22px; margin:1rem 0; }
h4{ font-size:20px; margin:1rem 0; }
h5{ font-size:18px; margin:1rem 0; }
h6{ font-size:16px; margin:1rem 0; }

.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-22 { font-size: 22px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-26 { font-size: 26px; }
.material-icons.md-28 { font-size: 28px; }

.w-1{width:1%;}.w-2{width:2%;}.w-3{width:3%;}.w-4{width:4%;}.w-5{width:5%;}.w-6{width:6%;}.w-7{width:7%;}.w-8{width:8%;}.w-9{width:9%;}.w-10{width:10%;}.w-11{width:11%;}.w-12{width:12%;}.w-13{width:13%;}.w-14{width:14%;}.w-15{width:15%;}.w-16{width:16%;}.w-17{width:17%;}.w-18{width:18%;}.w-19{width:19%;}.w-20{width:20%;}.w-21{width:21%;}.w-22{width:22%;}.w-23{width:23%;}.w-24{width:24%;}.w-25{width:25%;}.w-26{width:26%;}.w-27{width:27%;}.w-28{width:28%;}.w-29{width:29%;}.w-30{width:30%;}.w-31{width:31%;}.w-32{width:32%;}.w-33{width:33%;}.w-34{width:34%;}.w-35{width:35%;}.w-36{width:36%;}.w-37{width:37%;}.w-38{width:38%;}.w-39{width:39%;}.w-40{width:40%;}.w-41{width:41%;}.w-42{width:42%;}.w-43{width:43%;}.w-44{width:44%;}.w-45{width:45%;}.w-46{width:46%;}.w-47{width:47%;}.w-48{width:48%;}.w-49{width:49%;}.w-50{width:50%;}.w-51{width:51%;}.w-52{width:52%;}.w-53{width:53%;}.w-54{width:54%;}.w-55{width:55%;}.w-56{width:56%;}.w-57{width:57%;}.w-58{width:58%;}.w-59{width:59%;}.w-60{width:60%;}.w-61{width:61%;}.w-62{width:62%;}.w-63{width:63%;}.w-64{width:64%;}.w-65{width:65%;}.w-66{width:66%;}.w-67{width:67%;}.w-68{width:68%;}.w-69{width:69%;}.w-70{width:70%;}.w-71{width:71%;}.w-72{width:72%;}.w-73{width:73%;}.w-74{width:74%;}.w-75{width:75%;}.w-76{width:76%;}.w-77{width:77%;}.w-78{width:78%;}.w-79{width:79%;}.w-80{width:80%;}.w-81{width:81%;}.w-82{width:82%;}.w-83{width:83%;}.w-84{width:84%;}.w-85{width:85%;}.w-86{width:86%;}.w-87{width:87%;}.w-88{width:88%;}.w-89{width:89%;}.w-90{width:90%;}.w-91{width:91%;}.w-92{width:92%;}.w-93{width:93%;}.w-94{width:94%;}.w-95{width:95%;}.w-96{width:96%;}.w-97{width:97%;}.w-98{width:98%;}.w-99{width:99%;}.w-100{width:100%;}

.fs-05{	font-size:0.5rem; }
.fs-06{	font-size:0.6rem; }
.fs-07{	font-size:0.7rem; }
.fs-08{	font-size:0.8rem; }
.fs-09{	font-size:0.9rem; }
.fs-10{	font-size:1.1rem; }
.fs-11{	font-size:1.2rem; }
.fs-12{	font-size:1.3rem; }
.fs-13{	font-size:1.4rem; }
.fs-14{	font-size:1.5rem; }

.fc-red{color: red;}
.fc-orengered{color:orangered;}
.fc-white{color: white;}
.fc-dgray{color: dimgray;}



.badge{
	font-weight: normal;
}

hr{
	border-color: #5C5C5C;
}
hr.color-header{
	border-color: #6A6767;
}

.btn-info2{
	background-color: #14A3FF;
	border-color: #0F95EC;
	color:#FFF;
}
.btn-info2:hover{
	background-color: #0E6CA8;
	color:#FFF;
}


.btn{
	display: inline-flex;
	align-items: center;
}
.start_btn{
	display: block;
	width:400px;
	font-size:3rem;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	line-height: 3rem;
}

.btn-secondary2{
	background-color:#B16300;
	border-color:#B16300;
	color:#FFF;
}
.btn-secondary2:hover{
	background-color:#8C4E00;
	color:#FFF;
}
.btn-secondary3{
	background-color:#208403;
	border-color:#208403;
	color:#FFF;
}
.btn-secondary3:hover{
	background-color:#176202;
	color:#FFF;
}

.header{
    background-color:#413A3A;
    color:#FFF;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
.center-block{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/*
member list table
*/
.article_width{
	max-width: 1200px;
}


/*

セレクトボックスパネルデザイン

*/
*, *::before, *::after {
  box-sizing: border-box;
}

.qa_h1 {
  color: #fff;
}


  .qa_div {
    position: relative;
    flex: 1;
  }

.qa_input {
	width: 100%;
	height: 150px;
	opacity: 0;
}
 .qa_label {
	font-size: 1.5rem;
	width: 98%;
	height: 150px;
	border-radius: 5px;
    position: absolute;
    top: 0; left: 0;
    color: #2F2F2F;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    border: 1px solid #b6b6b6;
	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.45);
  }


  .qa_input:checked + .qa_label {
    background-color: khaki;
  }


@media only screen and (max-width : 600px) {
	.qa_input {height: 150px;}
	.qa_label {height: 150px;}
}
@media only screen and (max-width : 500px) {
	.qa_input {height: 200px;}
	.qa_label {height: 200px;}
}