<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*
reset
--------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
html * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}
html {
	font-size:62.5%;
}
body {
	font-size:150%;
	color:#333;
	line-height:1;
	-webkit-text-size-adjust: 100%;
}
div, table, caption,th,tr,td,ul,ol,li,dl,dt,dd,address,form,input,textarea,h1,h2,h3,h4,h5,h6,p{
        font-weight: normal;
        font-style: normal;
        font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
        font-size:100%;
        line-height:1.8;
}
fieldset, img {
        border: 0;
        vertical-align:top;/*bottomから変更*/
}
h1,h2,h3,h4 {
	line-height:1.5;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
ol, ul {
        list-style: none;
}
em,strong {
	font-weight:bold;
}
hr {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
}
th,td {
	vertical-align:top;
}

img {
	max-width:100%;
	height:auto;
}
.usr_forPc {
	display:none;
}
.usr_container {
	width:100%;
	padding:0 15px;
}
.usr_headerimg li {
	width:25%;
	float:left;
}
.usr_headerimg ul:after {
	content:'';
	display:block;
	clear:both;
}
.usr_topmsg {
	margin-bottom:30px;
	padding:40px 0;
	background:#e50011;
	color:#fff;
}
.usr_topmsg h1 {
	margin-bottom:30px;
	text-align:center;
}
.usr_topmsg h1 span {
	font-size:24px;
	font-family:serif;
}
.usr_topselect dd {
	background:#004da1;
	color:#fff;
	font-weight:bold;
	display: -ms-flexbox;
	display:flex;
	align-items:center;
}
.usr_topselect dd h2 {
	width:80%;
	padding:10px;
	font-weight:bold;
	background:#e50011;
	font-size:16px;
}
.usr_topselect dd p {
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
.usr_topselect dd p i {
	font-size:16px;
}
.usr_topselect a {
	text-decoration:none;
}
.usr_topselect li {
	margin-bottom:20px;
}
.usr_topselect {
	margin-bottom:60px;
}
.usr_topselect dt {
	text-align:center;
}
.usr_footer {
	text-align:center;
}
.usr_logo {
	margin:0 auto 30px;
	width:240px;
}
.usr_copyright {
	padding:10px 0;
	font-size:12px;
}
.usr_page .usr_headerimg li {
	width:16.666%;
	float:left;
}
.usr_footerimg ul:after {
	content:'';
	display:block;
	clear:both;
}
.usr_footerimg li {
	width:33.333%;
	float:left;
}
.usr_interview {
	margin-bottom:40px;
}
.usr_interview_msg {
	margin-bottom:30px;
	background:#e50011;
}
.usr_interview_info {
	padding:30px 15px;
}
.usr_interview_info h1,
.usr_interview_info p {
	color:#fff;
}
.usr_interview_info h1 {
	margin-bottom:20px;
	font-weight:bold;
	font-size:22px;
}
.usr_name {
	font-size:18px;
}
.usr_interview .usr_container {
	padding:0;
}
.usr_interview .usr_section p {
	padding:0 15px;
	text-align:justify;
}
.usr_section h2 {
	margin-bottom:15px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:10px 15px 8px;
	background: #e4021f; /* Old browsers */
	background: -moz-linear-gradient(left, #e4021f 0%, #ec4923 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e4021f 0%,#ec4923 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e4021f 0%,#ec4923 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4021f', endColorstr='#ec4923',GradientType=1 ); /* IE6-9 */
}
.usr_section p {
	margin-bottom:20px;
}
.usr_section figure {
	padding:0 10px;
	text-align:center;
}
.usr_section {
	margin-bottom:30px;
}
.usr_next {
	margin-top:60px;
}
.usr_next a {
	padding:10px 15px;
	display:block;
	background:#f9f9f9;
	color:#e50011;
	text-align:right;
	font-weight:bold;
	border-top:3px solid #e50011;
	border-bottom:3px solid #e50011;
	text-decoration:none;
}
.usr_next a i {
	color:#004ea2;
	font-size:16px;
}
.usr_entry {
	margin-bottom:60px;
}
.usr_entry a {
	width:80%;
	margin:0 auto;
	padding:10px 10px 8px;
	border-radius:6px;
	vertical-align:bottom;
	text-decoration:none;
	color:#fff;
	font-size:32px;
	text-align:center;
	font-weight:bold;
	display:block;
	background: #fa9b00; /* Old browsers */
	background: -moz-linear-gradient(top, #fa9b00 0%, #fa9b00 50%, #f49700 50%, #f49700 50%, #f49700 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fa9b00 0%,#fa9b00 50%,#f49700 50%,#f49700 50%,#f49700 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fa9b00 0%,#fa9b00 50%,#f49700 50%,#f49700 50%,#f49700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9b00', endColorstr='#f49700',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 3px 0px #be7601;
}

.usr_br840 {
	display:none;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

/**********************************************************************/
.header-link-area{
	background-color: #ffffff;
	max-width: 1125px;
	margin-left: auto;
	margin-right: auto;
}

.header-link-area ul{
	display: flex;
	justify-content: center;
}

.header-link-area ul li{
	display: inline-block;
	margin-top: 2%;
	margin-bottom: 2%;
    display: grid;
}

	.header-link-area ul li a:hover{
		transition: 0.4s;
		opacity: 0.8;
	}

/**********************************************************************/
.link-area{
	background-color: #ffffff;
	max-width: 1125px;
	margin-left: auto;
	margin-right: auto;
}

.link-area ul{
	display: flex;
	justify-content: center;
}

.link-area ul li{
	display: inline-block;
	max-width:280px;
	margin-top: 5%;
	margin-bottom: 5%;

}

	.link-area ul img:hover{
		transition: 0.4s;
		opacity: 0.8;
	}

/**********************************************************************/

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.usr_fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.usr_fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.usr_zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}




@media print,screen and (min-width: 768px) {
	.usr_forSp {
		display:none;
	}
	.usr_forPc {
		display:block;
	}
	.usr_container {
		max-width:1110px;
		margin:0 auto;
	}
	.usr_headerimg li {
		width:16.666%;
	}
	.usr_topmsg {
		padding:60px 0;
	}
	.usr_topmsg h1 img {
		margin:0 auto;
	}
	.usr_topcopy {
		text-align:center;
		font-weight:bold;
		letter-spacing:1px;
		line-height:2;
	}
	.usr_topselect ul {
		margin:0 -1%;
	}
	.usr_topselect li {
		width:48%;
		margin:0 1%;
		float:left;
	}
	.usr_topselect ul:after {
		content:'';
		display:block;
		clear:both;
	}
	
	.usr_topselect dt {
		overflow:hidden;
	}
	.usr_topselect a dt img {
		transition:all .5s;
	}
	.usr_topselect a:hover dt img {
		transform:scale(1.03);
	}
	.usr_interview .usr_container {
			max-width:1400px;
	}
	.usr_interview_msg {
		display: -ms-flexbox;
		display:flex;
		align-items:center;
	}
	.usr_interview_info {
		width:50%;
		max-width:50pc;
		padding:1.5em 1em 1.5em 1em;
	}
	.usr_interview_fig {
		width:50%;
	}
	.usr_interview_info h1 {
		font-size:24px;
	}
	/*.usr_interview_info h1 br {
		display:none;
	}*/
	.usr_headerimg {
		margin-bottom:20px;
	}
	
	.usr_next {
		margin-bottom:100px;
	}
	.usr_next a {
		font-size:20px;
		padding:10px 50px;
	}
	.usr_entry {
		margin-bottom:100px;
	}
	.usr_entry a {
		width:780px;
		padding:20px;
		font-size:34px;
	}
	.usr_footerimg li {
		width:16.666%;
	}
	.usr_entry a:hover {
		position:relative;
		top:2px;
		opacity:.9;
	}
	
	.usr_logo {
		margin-bottom:50px;
	}
}
@media print,screen and (min-width: 768px) {
	.usr_br840 {
		display:block;
	}
	.usr_topselect dd h2 {
		width:74%;
		font-size: 18px;
		font-weight: normal;
		padding: 15px 10px 15px 20px;
	}
	.usr_topselect dd p {
		font-size:14px;
		line-height: 1.5;
	}
}
@media print,screen and (min-width: 815px) {
.usr_section {
		margin-bottom:40px;
		display:-ms-flex;
		display:flex;
	}
	.usr_section h2 {
		padding:15px 20px 10px;
		font-size:20px;
	}
	.usr_section_t {
		width:50%;
	}
	.usr_section_f {
		width:50%;
	}
	.usr_section_r .usr_section_f {
		padding-left:20px;
	}
	.usr_section_l .usr_section_f {
		padding-right:20px;
	}
	.usr_section_l {
		-ms-flex-direction: row-reverse;
    flex-direction: row-reverse
	}
}
@media print,screen and (min-width: 840px) {
	.usr_br840 {
		display:none;
	}
}
@media print,screen and (min-width: 900px) {
	.usr_topselect dd h2 {
		width:74%;
		font-size: 18px;
		font-weight: normal;
		padding: 15px 10px 15px 20px;
	}
	.usr_topselect dd p {
		font-size:18px;
		line-height: 1.5;
	}
}
@media print,screen and (min-width: 960px) {
	.usr_topselect dd h2 {
		width:74%;
		font-size: 20px;
		font-weight: normal;
		padding: 15px 10px 15px 20px;
	}
}

@media print,screen and (min-width: 1020px) {
	
	.usr_interview_info h1 {
		font-size:28px;
	}
	
}
@media print,screen and (min-width: 1200px) {
	.usr_interview_info {
		width:50%;
		max-width:50pc;
		padding:1.5em 1em 1.5em 3em;
	}
}
@media print,screen and (min-width: 1300px) {
	.usr_interview_info {
		width:50%;
		max-width:50pc;
		padding:1.5em 1em 1.5em 5em;
	}
}
@media print,screen and (min-width: 1400px) {
	.usr_interview_info {
		width:50%;
		max-width:50pc;
		padding:1.5em 1em 1.5em 6em;
	}
}











.rikunavi_queserserWrap {
	width:85%;
	margin:0 auto;
	overflow: hidden;
    text-align:center;
}

.rikunavi_queserserWrap a{
	display: block;
}

.container {
  margin: 0px;
  padding: 0px 0px 0px 90px;
  width: 100%;
  color: #333;
  background: white;
}

.slick-slide {
  text-align: center;
  color: #419be0;
  background: white;
}

.entryBox {
	width:100%;
	height:193px;
	margin:0 0 0 0;
	padding:63px 0 0 0;
	overflow:hidden;
}
.entryBox ul {
	margin:0 auto;
	width:868px;
	height:73px;
	overflow:hidden;
}
.entryBox ul li:first-child {
	float:left;
	margin:0 0 0 0;
}
.entryBox ul li:last-child {
	float:right;
	margin:0 0 0 0;
}

.entryBox03 {
	width:100%;
	height:120%;
	margin:0 0 0 10%;
	padding:0 0 0 0;
}
.entryBox03 ul {
	margin:0 auto 0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.entryBox03 ul li {
	float:left;
	padding:0px 3% 0px 0px;
	width:26%;
}

.entryBox04 {
	width:100%;
	height:120%;
	margin:0 0 0 0;
	padding:2% 0 2% 0;
}
.entryBox04 ul {
	margin:0 auto 0;
	width:55%;
	height:100%;
	overflow:hidden;
}
.entryBox04 ul li {
	float:left;
	padding:0px 3% 0px 0px;
	width:46%;
}


img[usemap] {
    max-width: 100%;
    height: auto;
}


#back-top {
    position: fixed;
    bottom: 30px;
    right: 10px;
}
#back-top a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    transition: all 1s ease 0s;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.1;
    background:rgba(32,138,72,0.6);
    height: 65px;
    width: 65px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.7s;
    padding-top: 10px;
}
#back-top a:before {
    color: #ffffff;
    width: 65px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    font-weight: 900;
    font-size: 50px;
    position: relative;
    top: 0;
    display: block;
}

body {
    padding-top:0px; /* ヘッダーの後ろに要素が隠れないようにするため */
}

header {
    width: 100%; /* 幅いっぱいを指定 */
    height: 120px; /* 高さを50pxに指定 */
    background: #000; /* 背景色にグレーを指定 */
    text-align:center;
    padding: 20px 50px; /* ヘッダーに上下左右それぞれ余白を指定 */
    box-sizing: border-box; /* padding分を含んで幅を100%にするため */
    position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
    display: flex; /* 中の要素を横並びにする */
    align-items: center; /* 中の要素を上下中央に並べる */
}


header .gnav .menu {
    display: flex; /* 中の要素を横並びにする */
    text-align:right;
    width: 100%;
}

header .gnav .menu li {
    list-style: none; /* リストの[・]を消す */
}

header .gnav .menu li + li {
    margin-left: 15px; /* メニューそれぞれに間隔をあけるため */
}

main {
    height: 100vw; /* スクロールの演出を見れるようにmainに高さを指定 */
}

footer{
text-align:center;
width:1125px;
background-color: #000;
padding:20px 20px 20px 20px;
align-items: center; /* 中の要素を上下中央に並べる */
}



footer .gnav .menu {
    display: flex; /* 中の要素を横並びにする */
    text-align:center;
    width: 100%;
}

footer .gnav .menu li {
    list-style: none; /* リストの[・]を消す */
}

footer .gnav .menu li + li {
    margin-left: 15px; /* メニューそれぞれに間隔をあけるため */
}

.movie {
	background-color: #fcd586;
	max-width: 1125px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.movie video{
        width: 643px;
        border-radius: 30px;
        margin: 0 auto;

    }


.forPC {
	display:block;
}
.forSP {
	display:none;
}


/*///////////////////////////////////////////////// スマホ　/////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 800px){

.forPC {
	display:none;
}
.forSP {
	display:block;
}


.rikunavi_queserserWrap {
	width:100%;
	margin:0 auto;
	overflow: hidden;
}

.entryBox {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.entryBox ul {
	margin:0 auto 0;
	width:100%;
	height:auto;
	overflow:hidden;
}
.entryBox ul li {
	float:left;
	padding:0 3px 0 3px;
	width:50%;
}

.entryBox01 {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.entryBox01 ul {
	margin:0 auto 0;
	width:100%;
	height:auto;
	overflow:hidden;
}
.entryBox01 ul li {
	float:left;
	padding:10px 10px 30px 10px;
	width:100%;
}

.entryBox02 {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.entryBox02 ul {
	margin:0 auto 0;
	width:100%;
	height:auto;
	overflow:hidden;
}
.entryBox02 ul li {
	float:none;
	padding:20px 0px 0px 80px;
	width:80%;
}


#back-top {
    position: fixed;
    bottom: 80px;
    right: 10px;
}
#back-top a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    transition: all 1s ease 0s;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.1;
    background:rgba(32,138,72,0.6);
    height: 65px;
    width: 65px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.7s;
    padding-top: 10px;
}
#back-top a:before {
    color: #ffffff;
    width: 65px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    font-weight: 900;
    font-size: 50px;
    position: relative;
    top: 0;
    display: block;
}

body {
    padding-top: 0px; /* ヘッダーの後ろに要素が隠れないようにするため */
}

/**********************************************************************/

.link-area_sp{
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

.link-area_sp ul{
	display: flex;
	justify-content: center;
}

.link-area_sp ul li{
	display: inline-block;
	max-width:35%;
	margin-top: 4%;
	margin-bottom: 4%;

}
	
.movie {
	background-color: #fcd586;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.movie video{
        width: 320px;
        border-radius: 3px;
        margin: 0 auto;

    }

/*
.link-area ul{
	display: block;
	padding: 0% 5% 5%;
}

.link-area ul li{
	display: block;
	max-width: 30%;
	width:30%;
	height: auto;
	margin:0 auto;
	margin-bottom: 0px;
}

.link-area ul img{
	width:80%;
	}
*/
	



/**********************************************************************/


}


</pre></body></html>