@charset "UTF-8";
@import "/include/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document slide
--------------------------------------------------------- */

#slide {
	margin-bottom: 15px;
	position: relative;
}

#slide .slides:after {
	background: #bbbaba;
}

#slide li.nth1 {
	background-image: url(../top/slide_01b.jpg);
}

#slide li.nth2 {
	background-image: url(../top/slide_02.jpg);
}

#slide li.nth3 {
	background-image: url(../top/slide_03.jpg);
}

#slide li.nth4 {
	background-image: url(../top/slide_04b.jpg);
}

#slide li.nth5 {
	background-image: url(../top/slide_05.jpg);
}

#slide .slides li {
	height: 375px;
	padding: 40px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	text-align: left;
	font-size: 15px;
}

@media screen and (min-width: 2001px) {
#slide .slides li {
	background-size: 100% auto !important;
	background-position: center;
}
}

#slide .start li:first-child {
	opacity: 1 !important;
}

#slide .slides li .find {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

#slide .slides li .find:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

#slide .slides li h2 {
	margin-bottom: 20px;
	font-weight: 100;
	font-size: 30px;
	line-height: 1.2;
}

#slide .slides li a {
	text-decoration: none;
	color: #333;
}

/* ---------------------------------------------------------
	CSS Document slide > 1-2-3
--------------------------------------------------------- */

.flex-control-nav {
	margin-top: 15px;
}

.flex-control-nav li {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
	text-align: left;
}

.flex-control-nav a {
	display: block;
	vertical-align: top;
	width: 10px;
	height: 10px;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #cbcbcb;
	line-height: 9px;
	text-indent: -99px;
	cursor: pointer;
}

.flex-control-nav a.flex-active {
	background: #0167b9;
}

/* ---------------------------------------------------------
	CSS Document slide > slide_bnr
--------------------------------------------------------- */

#slide_bnr{
	width: 1000px;
	margin-left: -500px;
	position: absolute;
	top: 30px;
	left: 50%;
}

#slide_bnr .find {
	width: 260px;
	margin: 0 0 0 auto;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 12px;
	border-left:#d3d6d5 1px solid;
	border-right:#d3d6d5 1px solid;
	background: #fff;
	position: relative;
	z-index: 3;
}

#slide_bnr .find:first-child {
	border-top:#d3d6d5 1px solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#slide_bnr .find:last-child {
	border-bottom:#d3d6d5 1px solid;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-bottom: 12px;
}

/* ---------------------------------------------------------
	CSS Document enq_out
--------------------------------------------------------- */
#enq_out {
	background: #f0f1f5;
	padding:30px;
}

#enq_out .container {
	width:1000px;
	text-align: center;
}

#enq_out .container .sp {
	display:none
}

#enq_out .container p {
	display:block;
	width:750px;
	margin:10px auto 0;
	padding-left:10px;
	font-size:14px;
	line-height:20px;
	text-align:left;
	border-left:5px solid #596eaf
}


/* ---------------------------------------------------------
	CSS Document news
--------------------------------------------------------- */
#hww_news_pickup li {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:22px;
}

#hww_news_pickup h3 {
	display:block;
	font-size:16px;
	color:#5671bf;
	border-bottom: 3px solid #5671bf;
	padding-bottom:5px;
	margin-bottom:20px;
	text-align:left
}

#hww_news_pickup .w645 {
	width:645px;
}

div#hww_news {
	height: 535px;
	width: 645px;
	margin-right:35px;
	padding: 15px;
	overflow: scroll;
	border: 1px solid #CCC;
	text-align:left;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

#hww_news_pickup #hww_news ul {
	border-bottom: 1px solid #CCC;
	margin-bottom:15px;
	padding-bottom:15px;
}

#hww_news_pickup #hww_news ul li:nth-of-type(1) {
	width:220px;
	padding-right:10px
}

#hww_news_pickup #hww_news ul li:nth-of-type(1) img{
	width:100%;
}

#hww_news_pickup #hww_news ul li:nth-of-type(2) {
	width:370px;
}

#hww_news_pickup #hww_news span {
	padding:5px 0;
	color:#a47456;
	font-weight:bold;
}

#hww_news_pickup #hww_news p {
	padding:5px 0;
	font-size:15px;
	color:#c04217;
	font-weight:bold;
}

#hww_news_pickup #hww_news .link {
	display:block;
	padding-top:15px;
	font-weight:normal;
}

#hww_news_pickup .youtube {
	position: relative;
	height: 0;
	margin-bottom:20px;
	padding-top: 56.25%;
	overflow: hidden;
}

#hww_news_pickup .youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#pickup {
	width: 313px;
	text-align:left;
}

div#pickup {
	width: 313px;
	text-align:left;
}

#hww_news_pickup #pickup img {
	float:left;
	margin-right:15px
}

#hww_news_pickup #pickup a {
	text-decoration:none;
}

#hww_news_pickup #pickup a span {
	display:block;
	text-decoration:underline;
	margin-bottom:5px;
	color:#354f9e
}

#hww_news_pickup #pickup p {
	color:#333;
}

/*----
#hww_news_pickup #pickup ul {
	height:129px;
}

#hww_news_pickup #pickup ul li:nth-of-type(1) {
	width:165px;
}

#hww_news_pickup #pickup ul li:nth-of-type(2) {
	width:143px;
	padding:7px 0 5px 10px;
}

#hww_news_pickup #pickup span {
	padding:2px 8px;
	background:#c17343;
	color:#fff;
	font-size:11px;
}

#hww_news_pickup #pickup p {
	padding:3px 0;
}


#hww_news_pickup #pickup ul {
	border-top: 1px solid #CCC;
}

#hww_news_pickup #pickup ul:last-child{
	border-bottom: 1px solid #CCC;
}
--- */

/* ---------------------------------------------------------
	CSS Document movie_guideline
--------------------------------------------------------- */
#movie_guideline{
	background:#f1f1f1;
	border:1px solid #ccc;
	border-radius:10px;
	margin:50px 0 40px;
	padding:0 26px 26px;
	text-align:left;
}

#movie_guideline h2{
	position:relative;
	top:-20px;
	display:block;
	width:278px;
	height:42px;
	background:url(/include/top/movie_guideline_title_bk01.png) no-repeat;
	margin:auto;
	padding:8px 0 0 65px;
	font-size:17px;
	color:#3d559a;
}

#movie_guideline img{
	display:inline-block;
	width:391px;
}

#movie_guideline ul.index01{
	display:inline-block;
	width:553px;
	padding-left:28px;
}

#movie_guideline h3{
	background:#d4dffb;
	margin-bottom:10px;
	font-size:20px;
	line-height:27px;
	font-weight:normal;
	box-shadow: 3px 3px #42599b;
}

#movie_guideline h3 a{
	display:block;
	padding:10px 0 7px 80px;
	color:#333;
	text-decoration:none;
}

#movie_guideline h3 a::after{
	content:url(/include/top/movie_guideline_allow01.png);
	position:relative;
	top:-10px;
	right:-50px;
}

#movie_guideline h3 a:hover{
	color:#333;
	opacity: 0.8;
}

#movie_guideline li.obj01{
	width:60px;
	display:inline-block;
	vertical-align:top;
	background:#42599b;
	border-radius:50px;
	padding-top:2px;
	color:#fff;
	text-align:center;
}

#movie_guideline li.obj02{
	width:459px;
	display:inline-block;
	vertical-align:top;
	padding-top:2px;
	padding-left:10px;
}

#movie_guideline ul.link01{
	margin-top:10px;
}

#movie_guideline ul.link01 li:nth-child(1){
	width:470px;
	display:inline-block;
	vertical-align:top;
	background:#42599b;
	border:2px solid #42599b;
	padding:5px 20px 2px;
	font-size:17px;
	color:#fff;
}

#movie_guideline ul.link01 li:nth-child(2){
	width:474px;
	display:inline-block;
	vertical-align:top;
	background:#fff;
	border:2px solid #42599b;
	font-size:17px;
}

#movie_guideline ul.link01 li a{
	position:relative;
	display:block;
	padding:5px 0 2px 25px;
	color:#333;
	text-decoration:none;
}

#movie_guideline ul.link01 li a::after{
	position: absolute;
	content:url(/include/top/movie_guideline_allow01.png);
	transform: scale(0.8);
	top:6px;
	right:12px;
}

#movie_guideline ul.link01 li a:hover{
	background:#eef2fd;
	color:#333;
	opacity: 0.8;
}

/* ---------------------------------------------------------
	CSS Document hacchu
--------------------------------------------------------- */
#hacchu {
	width:490px;
	display:inline-block;
	margin-right:14px;
	text-align:left;
	vertical-align: top;
	margin-bottom:40px;
}

#hacchu h2 {
	background: #10b1bf;
	padding-top:16px;
	height:42px;
	text-align:center;
	color:#fff;
	font-size:22px
}

#hacchu .text01 {
	display:block;
	background: url(../top/bk_hachu01.png);
	padding:55px 11px 0 242px;
	height: 81px;
	font-weight:bold;
	line-height:22px;
	color:#0a383c;
}

#hacchu .hacchu_link {
	background: #aeeef4;
	padding:0 11px 11px;
}

#hacchu .hacchu_link .s1 {
	color: #0a383c;
	font-size: 15px;
	display: flex;
	align-items: center;
	margin-bottom:3px
}

#hacchu .hacchu_link .s1:before, .s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #0a383c;
	display: block;
}

#hacchu .hacchu_link .s1:before {
	margin-right: .4em;
}

#hacchu .hacchu_link .s1:after {
	margin-left: .4em;
}

#hacchu .hacchu_link .list a {
	display:block;
	margin-bottom:15px;
	padding:5px;
	background: #10b1bf;
	background-repeat: no-repeat;
	background-position:13px 11px;
	border-radius:20px;
	text-decoration:none;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	position: relative;
	text-align:center;
}

#hacchu .hacchu_link .list a span {
	display:inline-block;
	background: url(../top/mk_hachu02.png) ;
	background-repeat: no-repeat;
	background-position:0 3px;
	padding:5px 0 5px 33px
}


#hacchu .hacchu_link ul li a {
	display:block;
	margin-bottom:5px;
	padding:7px 25px 5px;
	line-height:20px;
	background: url(../top/mk_hachu01.png) #fff;
	background-repeat: no-repeat;
	background-position:13px 11px;
	border-radius:20px;
	text-decoration:none;
	color:#0a383c;
	font-weight:bold;
	border:1px solid #10b1bf
}

#hacchu .hacchu_link ul li a:hover {
	background: url(../top/mk_hachu01.png) #e3f9fb;
	background-repeat: no-repeat;
	background-position:13px 11px;
}


/* ---------------------------------------------------------
	CSS Document worker
--------------------------------------------------------- */

#worker {
	width:490px;
	display:inline-block;
	text-align:left;
	vertical-align: top;
}

#worker h2 {
	background: #f57474;
	padding-top:16px;
	height:42px;
	text-align:center;
	color:#fff;
	font-size:22px
}

#worker .text01 {
	display:block;
	background: url(../top/bk_worker01.png);
	padding:55px 11px 0 242px;
	height: 81px;
	font-weight:bold;
	line-height:22px;
	color:#402020;
}

#worker .worker_link {
	background: #ffcece;
	padding:0 11px 11px;
}

#worker .worker_link .s1 {
	color: #402020;
	font-size: 15px;
	display: flex;
	align-items: center;
	margin-bottom:3px
}

#worker .worker_link .s1:before, .s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #402020;
	display: block;
}

#worker .worker_link .s1:before {
	margin-right: .4em;
}

#worker .worker_link .s1:after {
	margin-left: .4em;
}

#worker .worker_link .list a {
	display:block;
	margin-bottom:15px;
	padding:5px;
	background: #f57474;
	background-repeat: no-repeat;
	background-position:13px 11px;
	border-radius:20px;
	text-decoration:none;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	position: relative;
	text-align:center;
}

#worker .worker_link .list a span {
	display:inline-block;
	background: url(../top/mk_worker02.png) ;
	background-repeat: no-repeat;
	background-position:0 3px;
	padding:5px 0 5px 33px
}


#worker .worker_link ul li a {
	display:block;
	margin-bottom:5px;
	padding:7px 25px 5px;
	line-height:20px;
	background: url(../top/mk_worker01.png) #fff;
	background-repeat: no-repeat;
	background-position:13px 11px;
	border-radius:20px;
	text-decoration:none;
	color:#402020;
	font-weight:bold;
	border:1px solid #f57474
}

#worker .worker_link ul li a:hover {
	background: url(../top/mk_worker01.png) #fff1f1;
	background-repeat: no-repeat;
	background-position:13px 11px;
}

/* ---------------------------------------------------------
	CSS Document cnavi
--------------------------------------------------------- */

#cnavi .box {
	margin-bottom: 50px;
}

#cnavi dl {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 32%;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: center 60px;
	background-size: 220px auto;
}

#cnavi .nth1 {
	background-image: url(../top/cnavi_01.png);
}

#cnavi .nth2 {
	background-image: url(../top/cnavi_02.png);
}

#cnavi .nth3 {
	background-image: url(../top/cnavi_03.png);
}

#cnavi .nth4 {
	padding-top: 0;
	background-image: url(../top/cnavi_04.png);
}

#cnavi .nth5 {
	background-image: url(../top/cnavi_05.png);
}

#cnavi .nth6 {
	background-image: url(../top/cnavi_06.png);
}

#cnavi dl:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

#cnavi dt {
	height: 290px;
	font-size: 24px;
	line-height: 1.2;
}

#cnavi .nth4 dt {
	height: 305px;
}

#cnavi dt span {
	color: #fd6d15;
}

#cnavi dd {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 260px;
	text-align: left;
}

#cnavi dd a {
	text-decoration: none;
	color: #333;
}

/* ---------------------------------------------------------
	CSS Document osusume
--------------------------------------------------------- */

#osusume {
	margin-bottom: 60px;
	padding: 30px 0;
	background: #e9eefc;
}

#osusume .box {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 590px;
	text-align: left;
}

#osusume h2 {
	height: 37px;
	margin-bottom: 30px;
	padding-left: 90px;
	background: url(../top/osusume_01.png) no-repeat 0 0;
	background-size: auto 37px;
	font-size: 30px;
	line-height: 37px;
}

#osusume p {
	margin-top: 10px;
	margin-right: 40px;
	font-size: 16px;
}

#osusume p a {
	font-size: 14px;
}

#osusume .iframe {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 400px;
}

#osusume iframe {
	vertical-align: top;
}

/* ---------------------------------------------------------
	CSS Document mnavi
--------------------------------------------------------- */

#mnavi {
	margin: 50px 0;
	text-align: left;
}

#mnavi .find {
	width: 480px;
	padding: 10px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: solid 1px #a0a0a0;
}

#mnavi .find:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

#mnavi .nth1 {
	margin-right: 30px;
}

#mnavi h2 {
	height: 40px;
	margin-bottom: 5px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 178px;
	background-size: 92px auto;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	position: relative;
}

#mnavi h2:after {
	content: "";
	width: 0;
	height: 0;
	margin-top: -5px;
	border: solid 6px transparent;
	border-left: solid 9px #fff;
	position: absolute;
	top: 50%;
	right: 5px;
}

#mnavi .nth1 h2 {
	background-color: #9976b3;
	background-image: url(../top/mnavi_01.png);
}

#mnavi .nth2 h2 {
	background-color: #bec71b;
	background-image: url(../top/mnavi_02.png);
}

#mnavi .nth3 h2 {
	background-color: #bec71b;
	background-image: url(../top/mnavi_03.png);
}

#mnavi dl {
	margin: 0 15px;
}

#mnavi dt {
	font-size: 16px;
	line-height: 2;
}

#mnavi .nth1 dt a {
	text-decoration: none;
	color: #9976b3;
}

#mnavi .nth2 dt a {
	text-decoration: none;
	color: #bec71b;
}

#mnavi .nth3 dt a {
	text-decoration: none;
	color: #9fa800;
}

/* ---------------------------------------------------------
	CSS Document sns_window
--------------------------------------------------------- */
#sns_window {
	margin:0 0 40px
}

#sns_window ul li:first-child {
	display:inline-block;
	margin-right:27px;
	width:470px;
	vertical-align: top;
}

#sns_window ul li:last-child {
	display:inline-block;
	margin-left:27px;
	width:470px;
	border:1px solid #ccc;
	vertical-align: top;
}

/* ---------------------------------------------------------
	CSS Document news
--------------------------------------------------------- */

#news h2 {
	margin-bottom: 30px;
	border-bottom: solid 2px #7f8eba;
	font-size: 30px;
}

#news dl {
	margin: 0 80px 30px;
	text-align: left;
}

#news dt {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 18%;
	color: #fd6d16;
}

#news dd {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 80%;
}

/* ---------------------------------------------------------
	CSS Document news > btn
--------------------------------------------------------- */

#news .btn li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

#news .btn a {
	display: block;
	height: 48px;
	padding: 0 40px 0 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #ccc;
	background: #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0);
	background: linear-gradient(to bottom, #ffffff, #f0f0f0);
	background: -ms-linear-gradient(top, #ffffff, #f0f0f0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0)";
	text-decoration: none;
	line-height: 48px;
	color: #333;
	position: relative;
}

#news .btn a:before {
	content: '';
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
}

#news .btn a:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

/* ---------------------------------------------------------
	CSS Document news_line
--------------------------------------------------------- */

#news_line h3{
	padding-bottom:10px;
	font-size:25px;
	color:#3d559a;
	border-bottom:5px solid #3d559a;
}

#news_line ul{
	padding-bottom:30px;
}

#news_line ul li{
	padding:20px 0px;
	border-bottom:1px dotted #333;
	text-align:left;
}

#news_line ul li span,#news_line  ul li p{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
}

#news_line ul li span{
	margin-right:20px;
	width:100px;
}

#news_line ul li p{
	width:880px
}

/* ---------------------------------------------------------
	CSS Document e-learnig
--------------------------------------------------------- */

#e-learnig{
	width:100%;
	background:#ecf1fe;
	margin-top:50px
}

#e-learnig h3{
	color:#3d559a;
	border-bottom:#3d559a solid 5px;
	font-size:25px;
	text-align:center;
	margin-bottom:30px;
	padding-bottom:10px
}

#e-learnig h3 br{
	display:none;
}

#e-learnig ul{
	width:1000px;
	text-align:left;
	margin:auto;
	padding:30px 0 40px
}

#e-learnig ul li{
	display:inline-block;
	vertical-align:top
}

#e-learnig ul li:nth-child(2){
	width:308px
}

#e-learnig ul li:nth-child(3){
	width:686px;
	font-size:16px;
	line-height:25px;
}

#e-learnig ul .e-learnig_il{
	margin:20px 0;
}

#e-learnig ul .e-learnig_il p{
	display:inline-block;
	vertical-align:top;
	width:48%;
}

#e-learnig ul .e-learnig_il p:nth-child(1){
	margin-right:17px
}

#e-learnig ul .e-learnig_il p img{
	float:left;
	margin-top:-10px;
	margin-right:15px
}

#e-learnig ul .e-learnig_il span{
	font-size:14px;
	line-height:24px;
	padding-top:15px
}

#e-learnig a{
	color:#333;
	text-decoration:none;
}

#e-learnig a:hover{
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

#e-learnig .e-learning_bt{
	margin-top:30px;
	text-align:center
}

#e-learnig .e-learning_bt br{
	display:none;
}

#e-learnig .e-learning_bt span{
	background:#fff url('../top/e-learning_05.png')  no-repeat 60px 12px;
	padding:8px 65px 8px 85px;
	border:3px #b9c6da solid;
	font-size:18px;
	text-align:center
}

#e-learnig_chapter{
	width:100%;
	background:#bbc9ed
}

#e-learnig_chapter ul{
	width:1000px;
	text-align:left;
	margin:auto;
	padding:40px 0
}

#e-learnig_chapter li{
	display:inline-block;
	width:230px;
	background:#fff url('../top/e-learning_04.png') no-repeat 206px 152px;
}

#e-learnig_chapter a{
	color:#333
}

#e-learnig_chapter a:hover{
	opacity: 0.9;
	filter: Alpha(opacity=90);
}

#e-learnig_chapter a:nth-child(2){margin-left:21px}
#e-learnig_chapter a:nth-child(3){margin-left:21px}
#e-learnig_chapter a:nth-child(4){margin-left:21px}

#e-learnig_chapter ul li p{
	padding:5px 12px
}

#e-learnig_chapter ul li strong{
	color:#3d559a
}