@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
#header-bar {
	width: 100%;
	float: left;
	text-align: center;
	background-color: rgba(229,0,59,1.00);
}
#header-bar .center {
	width: 76%;
	margin-left: auto;
	margin-right: auto;
}
#header {
	width: 95%;
	float: left;
}
#topimg {
	width: 100%;
	float: left;
}
#topimg .center {
	width: 20%;
	margin-left: auto;
	margin-right: auto;
}
#sengen {
	width: 100%;
	float: left;
	margin-top: 45px;
}
#sengen .center {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}
#three-point {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	display: flex;
	justify-content: space-around;
	border-top: 4px solid rgba(229,0,59,1.00);
}
#three-point li {
	display: block;

}
#interview-title {
	width: 100%;
	float: left;
	margin-top: 5px;
}
#interview-title .center {
	width: 70%;
	color: #E5003B;
	font-size: 2.4em;
	font-family: Ryumin Heavy KL;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px solid #E5003B;
}
#interview {
	width: 100%;
	float: left;
}
#interview .center {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
#interview .center #parson {
	width: 100%;
	padding-top: 35px;
	float: left;
	padding-bottom: 45px;
}
.center #parson #parson-img {
	width: 26%;
	margin-right: 5%;
	float: left;
}
.center #parson #parson-title {
	width: 60%;
	float: left;
	font-size: 2.2rem;
	line-height: 120%;
	padding-bottom: 30px;
	padding-top: 5px;
	font-family: Ryumin Heavy KL;
}
.center #parson #parson-name {
	width: 60%;
	float: left;
	font-size: 1.2rem;
	line-height: 140%;
	font-family: Ryumin Regular KL;
}
#interview .center .interview-box1 {
	width: 100%;
	float: left;
	padding-bottom: 60px;
}
.center .interview-box1 .ques {
	width: 100%;
	font-size: 1.4rem;
	padding-bottom: 20px;
	line-height: 140%;
	font-family: Ryumin Heavy KL;
}
.center .interview-box1 .ansr {
	width: 100%;
	font-size: 1.2rem;
	line-height: 170%;
	font-family: Ryumin Regular KL;
}
.center .interview-box1 .ansr-img1 {
	margin-top: 0%;
	width: 30%;
	font-size: medium;
	float: right;
	padding-left: 2%;
}
.center .interview-box1 .ansr-img2 {
	display: none;
}
#interview .center .interview-box2 {
	width: 100%;
	float: left;
	padding-bottom: 55px;
}
.center .interview-box2 .ques {
	width: 100%;
	font-size: 1.4rem;
	padding-bottom: 20px;
	line-height: 140%;
	font-family: Ryumin Heavy KL;
}
.center .interview-box2 .ansr {
	width: 100%;
	font-size: 1.2rem;
	line-height: 160%;
	font-family: Ryumin Regular KL;
}
.center .ques:first-letter {
	color: #0059B2;
	font-size: 1.4em;
}
.center .ansr strong{
	color: #E50012;
	font-size: 1.6em;
}
#tono1 {
	width: 100%;
	float: left;
	padding-top: 15px;
}
#tono1 .center {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#borad-img {
	width: 100%;
	float: left;
	padding-top: 15px;
	padding-bottom: 100px;
}
#borad-img .center {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#borad-img .center img {
	margin-right: 1%;
	margin-bottom: 1%;
	width: 48%;
}
#strong-title {
	width: 100%;
	float: left;
	background-color: rgba(229,0,59,1.00);
	margin-top: 30px;
	margin-bottom: 30px;
}
#strong-title .center {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.strong-sub-title {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.strong-sub-title .center1 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-color: #0D6FB8;
}
.strong-sub-title .center2 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-color: #90C320;
}
.strong-sub-title .center3 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-color: #E95412;
}
.strong-sub-title .center4 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-color: #E70012;
}
.strong-sub-title .title-img {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}
.strong-caption {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2rem;
	line-height: 160%;
	margin-bottom: 45px;
	font-family: Shin Go Light;
}
#footer {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
#footer .center {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#tohp {
	width: 100%;
	float: left;
	margin-bottom: 40px;
}
#tohp a {
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-linear-gradient(270deg,rgba(237,142,142,1.00) 0%,rgba(215,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(237,142,142,1.00) 0%,rgba(215,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(237,142,142,1.00) 0%,rgba(215,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(237,142,142,1.00) 0%,rgba(215,0,0,1.00) 100%);
	border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 14px;
	-webkit-box-shadow: 1px 1px 3px #6E6E6E;
	box-shadow: 1px 1px 3px #6E6E6E;
}
#tohp a:hover {
	background-image: -webkit-linear-gradient(270deg,rgba(215,0,0,1.00) 0%,rgba(237,142,142,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(215,0,0,1.00) 0%,rgba(237,142,142,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(215,0,0,1.00) 0%,rgba(237,142,142,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(215,0,0,1.00) 0%,rgba(237,142,142,1.00) 100%);
}
#tohp a .center {
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width:768px) { 
#header-bar .center {
	width: 94%;
}
#header {
	width: 100%;
	float: left;
}
#topimg {
	width: 100%;
}
#topimg .center {
	width: 50%;
	padding-left: 0%;
}
#sengen {
	width: 100%;
	margin-top: 0px;
}
#sengen .center {
	width: 45%;
}
#three-point {
	width: 90%;
}
#interview-title .center {
	width: 100%;
	padding-left: 0%;
	background-color: rgba(231,0,18,1.00);
	color: #FFFFFF;
	font-size: 1.8rem;
}
#interview .center {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.center #parson #parson-img {
	width: 60%;
}
.center #parson #parson-title {
	width: 96%;
	font-size: 1.8rem;
}
.center #parson #parson-name {
	width: 96%;
	font-size: 1rem;
}
.center .interview-box1 .ques {
	width: 100%;
	font-size: 1.4rem;
}
.center .interview-box1 .ansr {
	width: 96%;
	float: left;
	line-height: 170%;
	font-family: Ryumin Regular KL;
}
.center .interview-box1 .ansr-img1 {
	display: none;
	float: left;
}
.center .interview-box1 .ansr-img2 {
	float: left;
	margin-top: 0%;
	width: 60%;
	clear: left;
	display: block;
}
.center .interview-box2 .ques {
	font-size: 1.4rem;
}
#tono1 .center {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#borad-img .center img {
	margin-right: 0%;
	margin-bottom: 0%;
	width: 100%;
}
#strong-title .center {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.strong-sub-title .center1,.strong-sub-title .center2, .strong-sub-title .center3,.strong-sub-title .center4{
	width: 96%;
}
.strong-sub-title .title-img {
	width: 70%;
}
.strong-caption {
	width: 90%;
	font-size: 1rem;
}
#borad-img {
	padding-bottom: 40px;
}
#footer .center {
	width: 100%;
}
#tohp a {
	width: 90%;
}
#tohp a .center {
	width: 60%;
}
}