@charset "UTF-8";

/* ===================================================================
CSS information
 file name  :  template_c2.css
 style info :  corporate No.2 用の cssの定義
=================================================================== */


/*-----------------------------------------------------------------

common 共通

-----------------------------------------------------------------*/

.dlb_btn a, .dlb_btn_inlineb a {
		padding: 10px 1em
}

@media only screen and (max-width:690px) {
		.txt_l_sp {
				text-align: left!important
		}
		.txt_c_sp {
				text-align: center!important
		}
		.txt_r_sp {
				text-align: right!important
		}
}


/*-----------------------------------------------------------------

header

-----------------------------------------------------------------*/

header.template_c2 {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		background-color: #fff
}

header.template_c2 .headerInn {
		max-width: 75pc;
		width: 94%;
		margin: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		top: 0;
		left: 0;
		background-color: #fff;
		transition: .3s
}

header.template_c2 #header_logo {
		position: relative;
		width: 10pc;
		margin-right: auto;
}

header.template_c2 #header_logo a {
		display: block
}

header.template_c2 #header_logo img {
		max-width: 80%;
		width: auto;
		height: auto;
		padding: 8px 0 4px;
}

header .cvbtn {
		display: flex;
		align-items: center
}

header .cvbtn li {
		list-style: none
}

header .cvbtn li+li {
		margin-left: 5px
}

header .cvbtn li a {
		color: #fff;
		font-size: 11px;
		line-height: 1.2;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px 9pt;
		border-radius: 20px;
		transition: .8s
}

header .cvbtn li a:hover {
		opacity: .7;
		text-decoration: none
}

header .cvbtn li a:before {
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		margin-right: 5px
}

header .cvbtn .mailmag a {
		background-color: #efc100
}

header .cvbtn .dl a {
		background-color: #0c52b1
}

header .cvbtn .contact a {
		background-color: #ff463e
}

header .cvbtn .mailmag a:before {
		background: url(../image/icon_mail.png)no-repeat center top /cover
}

header .cvbtn .dl a:before {
		background: url(../image/icon_dl.png)no-repeat center top /cover
}

header .cvbtn .contact a:before {
		background: url(../image/icon_cv.png)no-repeat center top /cover
}

header.template_c2 .gnavi_area {
		width: 100%;
		display: block;
		background-color: #f1f5fa;
		position: fixed;
		transition: .15s
}

header.template_c2 .gnavi_area nav {
		height: 100%
}

header.template_c2 .gnavi_contact {
		display: none
}

header.template_c2 .gnavi_area ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: space-between;
		height: 100%;
		max-width: 70pc;
		width: 94%;
		margin: auto
}

header.template_c2 .gnavi_area ul li {
		list-style: none;
		height: 100%;
		width: 16.66667%
}

header.template_c2 .gnavi_area ul li.cvbtn {
		display: none
}

header.template_c2 .gnavi_area ul li a {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		padding: 1pc 0;
		position: relative;
		color: #006dc7;
		font-weight: 700;
		-webkit-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
		font-size: 13px;
		justify-content: center;
		align-items: center
}

header.template_c2 .gnavi_area ul li a:hover {
		text-decoration: none;
		color: #0091c8;
		background-color: #d6e8fd
}

header.template_c2 .gnavi_area ul li.main_current a {
		text-decoration: none;
}

header.template_c2 .gnavi_area ul li.main_current a:after {
		background-color: #0091c8
}

header.template_c2 #contact_area {
		position: absolute;
		right: 101px;
		top: 0;
		width: 75pt;
}

header.template_c2 #contact_area a {
		display: block;
		height: 100%;
		background-color: #ed1c21;
		color: #fff;
		padding: 8px;
		text-align: center;
		text-decoration: none;
		line-height: 1.2
}

header.template_c2 #contact_area a .far {
		display: block;
		font-size: 24px;
		margin-top: 8px;
		margin-bottom: 4px
}

header.template_c2 #contact_area a:hover {
		background-color: #bf080d
}

header.template_c2 #contact_area2 {
		position: absolute;
		right: 0;
		top: 0;
		width: 75pt;
}

header.template_c2 #contact_area2 a {
		display: block;
		height: 100%;
		background-color: #293337;
		color: #fff;
		padding: 8px;
		text-align: center;
		text-decoration: none;
		line-height: 1.2
}

header.template_c2 #contact_area2 a .far {
		display: block;
		font-size: 24px;
		margin-top: 8px;
		margin-bottom: 4px
}

header.template_c2 #contact_area2 a:hover {
		background-color: #111
}

header.template_c2 .search_btn {
		position: absolute;
		right: 0;
		top: 0;
		width: 75pt;
		background-color: #293337;
		color: #fff;
		padding: 8px;
		text-align: center
}

header.template_c2 .search_btn .fab {
		display: block;
		font-size: 24px;
		margin-top: 8px;
		margin-bottom: 4px
}

header.template_c2 .search_area {
		display: none;
		padding: 1pc 8px;
		background-color: #fff;
		max-width: 75pc;
		margin: auto;
		width: 100%
}

header.template_c2 .search_area:after {
		content: "";
		display: table;
		clear: both
}

header.template_c2 .search_txt {
		float: left;
		width: 80%;
		height: 56px;
		line-height: 60px;
		padding: 0 20px;
		border: 2px solid #eee;
		border-radius: 4px;
		background-color: #fff;
		vertical-align: middle
}

header.template_c2 .submit_btn {
		float: right;
		width: 19%;
		background-color: #293337;
		color: #fff;
		border-radius: 4px;
		border: 0;
		height: 56px;
		line-height: 56px
}

@media only screen and (max-width:1119px) {
		header.template_c2 .gnavi_area ul li {
				width: auto
		}
		header.template_c2 .search_btn {
				width: 90px;
				font-size: 9pt
		}
		header.template_c2 .search_btn .fab {
				font-size: 20px;
				margin-top: 9pt
		}
		header.template_c2 #contact_area {
				right: 91px;
				width: 90px
		}
		header.template_c2 #contact_area a {
				font-size: 9pt
		}
		header.template_c2 #contact_area a .far {
				font-size: 20px;
				margin-top: 9pt
		}
		header.template_c2 #contact_area2 {
				width: 90px
		}
		header.template_c2 #contact_area2 a {
				font-size: 9pt
		}
		header.template_c2 #contact_area2 a .far {
				font-size: 20px;
				margin-top: 9pt
		}
}
@media only screen and (max-width:979px) {
		header.template_c2 #header_logo img {
				display: block;
				padding: 5px 0;
				width: 100%;
				height: auto;
				max-width: 120px;
		}
}
@media only screen and (max-width:690px) {
		header.template_c2 {
				-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
				box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1)
		}
		header.template_c2 #header_area {
				height: 50px
		}
		header.template_c2 #header_logo {
				width: auto
		}
		header.template_c2 #contact_area, header.template_c2 #contact_area2, header.template_c2 .search_btn .txt {
				display: none
		}
		header.template_c2 .search_btn {
				width: 50px;
				height: 50px;
				right: 50px
		}
		header.template_c2 .search_btn .fab {
				margin-top: 6px
		}
		header.template_c2 .search_txt {
				width: 75%;
				height: 46px;
				line-height: 50px
		}
		header.template_c2 .submit_btn {
				width: 24%;
				height: 46px;
				line-height: 46px
		}
		header .headerInn .cvbtn {
				display: none
		}
		header .gnavi_area .cvbtn {
				display: block
		}
		header.template_c2 .gnavi_area {
				display: none;
				position: static;
				padding: 0;
				width: 100%;
				height: 100%;
				transition: .8s
		}
		header.template_c2 .gnavi_contact {
				display: block;
				padding: 1.5em 24px
		}
		header.template_c2 .gnavi_contact+.gnavi_contact {
				padding: 0 24px 1.5em;
				margin-top: -.5em
		}
		header.template_c2 .gnavi_contact a {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				background-color: #293337;
				color: #fff;
				border-radius: 4px;
				padding: 9pt;
				text-align: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				font-size: 15px
		}
		header.template_c2 .gnavi_contact a .txt {
				padding-left: 10px
		}
		header.template_c2 .gnavi_contact.no2 a {
				background-color: #ed1c21
		}
		header.template_c2 .gnavi_area ul {
				display: block;
				border-top: 1px solid #eee
		}
		header.template_c2 .gnavi_area ul li {
				width: 100%;
				margin-right: 0;
				height: auto;
				border-bottom: 1px solid #eee
		}
		header.template_c2 .gnavi_area ul li a {
				width: 100%;
				height: 100%;
				display: block;
				padding: 9pt 1pc
		}
		header.template_c2 .gnavi_area ul li a:after {
				display: none
		}
		header.template_c2 .gnavi_area ul li.cvbtn {
				padding: 10px 5px;
				display: inline-flex;
				width: calc(100%/3 - 3px)
		}
		header.template_c2 .gnavi_area ul li.cvbtn a {
				color: #fff;
				font-size: 11px;
				line-height: 1.2;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 8px 9pt;
				border-radius: 20px;
				transition: .8s
		}
		header.template_c2 .gnavi_area ul li.cvbtn a:hover {
				opacity: .7;
				text-decoration: none
		}
		header.template_c2 .gnavi_area ul li.cvbtn a:before {
				content: "";
				display: inline-block;
				width: 15px;
				height: 15px;
				margin-right: 5px
		}
		header.template_c2 .gnavi_area ul li.cvbtn.mailmag a {
				background-color: #efc100
		}
		header.template_c2 .gnavi_area ul li.cvbtn.dl a {
				background-color: #0c52b1
		}
		header.template_c2 .gnavi_area ul li.cvbtn.contact a {
				background-color: #ff463e
		}
		header.template_c2 .gnavi_area ul li.cvbtn.mailmag a:before {
				background: url(../image/icon_mail.png)no-repeat center top /cover
		}
		header.template_c2 .gnavi_area ul li.cvbtn.dl a:before {
				background: url(../image/icon_dl.png)no-repeat center top /cover
		}
		header.template_c2 .gnavi_area ul li.cvbtn.contact a:before {
				background: url(../image/icon_cv.png)no-repeat center top /cover
		}
		header.template_c2 .gnavi_btn_sp {
				display: block;
				position: absolute;
				top: 20px;
				right: 9pt
		}
		header.template_c2 .gnavi_btn_sp_in {
				position: relative;
				width: 26px;
				height: 24px;
				cursor: pointer;
				z-index: 1
		}
		header.template_c2 .gnavi_btn_sp_in, header.template_c2 .gnavi_btn_sp_in span {
				display: inline-block;
				-webkit-transition: all .4s;
				-o-transition: all .4s;
				transition: all .4s;
				-webkit-box-sizing: border-box;
				box-sizing: border-box
		}
		header.template_c2 .gnavi_btn_sp_in span {
				position: absolute;
				left: 0;
				width: 100%;
				height: 4px;
				background-color: #333;
				border-radius: 4px
		}
		header.template_c2 .gnavi_btn_sp_in span:nth-of-type(1) {
				top: 0
		}
		header.template_c2 .gnavi_btn_sp_in span:nth-of-type(2) {
				top: 10px
		}
		header.template_c2 .gnavi_btn_sp_in span:nth-of-type(3) {
				top: 20px
		}
		header.template_c2 .gnavi_btn_sp.active .gnavi_btn_sp_in span:nth-of-type(1) {
				-webkit-transform: translateY(20px) rotate(-45deg);
				-ms-transform: translateY(16px) rotate(-45deg);
				transform: translateY(16px) rotate(-45deg);
				top: -4px
		}
		header.template_c2 .gnavi_btn_sp.active .gnavi_btn_sp_in span:nth-of-type(2) {
				opacity: 0
		}
		header.template_c2 .gnavi_btn_sp.active .gnavi_btn_sp_in span:nth-of-type(3) {
				-webkit-transform: translateY(-16px) rotate(45deg);
				-ms-transform: translateY(-16px) rotate(45deg);
				transform: translateY(-16px) rotate(45deg);
				top: 28px
		}
}

body.dcms_editor header.template_c2 {
		position: static
}


/*-----------------------------------------------------------------

メインイメージ

-----------------------------------------------------------------*/

#top_mainimage {
		height: 540px;
		position: relative;
		margin-top: 125px
}

#top_mainimage .flexslider .slides>li {
    width: 100%;
    height: 540px;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    background-position: center center;
    background-color: #f0fdfb;
}
#top_mai

#top_mainimage .mainimage01 {
	background-image: url('../image/mainimage01_bg.jpg');
}
#top_mainimage .mainimage02 {
	background-image: url('../image/mainimage02_bg.jpg');
}
#top_mainimage .mainimage03 {
	background-image: url('../image/mainimage03_bg.jpg');
}
#top_mainimage .mainimage04 {
	background-image: url('../image/mainimage04_bg.jpg');
}
#top_mainimage .flex-control-paging li a {
	background: #EFECEA;
}
#top_mainimage .flex-control-paging li a.flex-active {
	background: #35a19b;
}

#top_mainimage .main_txt {
		display: flex;
		max-width: 70pc;
		padding: 0 24px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		height: 100%
}

#top_mainimage .main_txt_in {
		display: table-cell;
		vertical-align: middle
}

#top_mainimage .main_lead {
		color: #fff;
		margin-top: 5pc;
		font-size: 40px;
		line-height: 1.4;
		font-weight: 700
}

#top_mainimage .main_btn a {
		display: inline-block;
		background-color: #293337;
		color: #fff;
		padding: 1pc 4em;
		text-align: center;
		position: relative;
		line-height: 1.2;
		border: 2px solid #293337;
		margin-top: 3pc;
		min-width: 15pc
}

#top_mainimage .main_btn a:before {
		font-family: Font Awesome\ 5 Free;
		font-weight: 900;
		content: "\f105";
		padding-right: 10px;
		font-size: 14px;
		text-decoration: none;
		position: relative;
		display: inline-block;
		-webkit-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
		left: 0
}

#top_mainimage .main_btn a:hover {
		background-color: #fff;
		color: #293337;
		text-decoration: none;
		border-color: #293337
}

#top_mainimage .main_btn a:hover:before {
		left: 2px
}

@media only screen and (max-width:1119px) {
		#top_mainimage, #top_mainimage .flexslider .slides>li {
				height: 35pc
		}
		#top_mainimage .main_lead {
				font-size: 2pc
		}
		#top_mainimage .main_btn a {
				margin-top: 2pc
		}
}

@media only screen and (max-width:690px) {
		#top_mainimage {
				height: 260px;
				margin-top: 0
		}

	#top_mainimage .mainimage01 {
		background-image: url('/dcms_media/image/mainimage01_bg_sp.jpg');
	}
	#top_mainimage .mainimage02 {
		background-image: url('/dcms_media/image/mainimage02_bg_sp.jpg');
	}
	#top_mainimage .mainimage03 {
		background-image: url('/dcms_media/image/mainimage03_bg_sp.jpg');
	}
	#top_mainimage .mainimage04 {
		background-image: url('/dcms_media/image/mainimage04_bg_sp.jpg');
	}

		#top_mainimage .flexslider .slides>li {
				height: 260px
		}
		#top_mainimage .main_lead {
				margin-top: 10px;
				font-size: 24px
		}
		#top_mainimage .main_btn a {
				padding: 1pc 2em;
				margin-top: 2pc;
				min-width: 200px
		}
}


/*-----------------------------------------------------------------

top lead

-----------------------------------------------------------------*/

#top_lead {
		background-color: #f5f5f5;
		padding-bottom: 60px;
		margin-bottom: 60px
}

#top_lead .lead_block {
		background-color: #fff;
		width: 100%;
		max-width: 55pc;
		margin: -10pc auto 0;
		position: relative;
		z-index: 1;
		padding: 40px;
		text-align: center;
		-webkit-box-shadow: 0 8px 20px 2px rgba(0, 0, 0, .1);
		box-shadow: 0 8px 20px 2px rgba(0, 0, 0, .1)
}

#top_lead .lead_title {
		font-size: 2pc;
		font-weight: 700;
		line-height: 1.2
}

@media only screen and (max-width:1119px) {
		#top_lead .lead_block {
				width: 88%;
				margin-top: -90pt
		}
}

@media only screen and (max-width:690px) {
		#top_lead {
				margin-bottom: 40px;
				padding-bottom: 40px
		}
		#top_lead .lead_block {
				margin: -70px auto 0;
				padding: 24px 1pc
		}
		#top_lead .lead_title {
				font-size: 22px
		}
}

body#tinymce #top_lead .lead_block, body.dcms_editor #top_lead .lead_block {
		margin: 0 auto
}


/*-----------------------------------------------------------------

top title

-----------------------------------------------------------------*/

.top_title_center_underbar {
		text-align: center;
		font-size: 2pc;
		line-height: 1.2;
		font-weight: 700
}

.top_title_center_underbar_en {
		text-align: center;
		font-size: 1pc;
		font-weight: 700;
		letter-spacing: .1em;
		margin-top: 24px
}

.top_title_left_underbar {
		text-align: left;
		font-size: 2pc;
		line-height: 1.2;
		font-weight: 700
}

.top_title_left_underbar_en {
		text-align: left;
		font-size: 1pc;
		font-weight: 700;
		letter-spacing: .1em;
		margin-top: 24px
}

.top_title_s_left_underbar {
		text-align: left;
		font-size: 28px;
		line-height: 1.2;
		font-weight: 700
}

.top_title_s_left_underbar_en {
		text-align: left;
		font-size: 15px;
		font-weight: 700;
		letter-spacing: .1em;
		margin-top: 9pt
}

@media only screen and (max-width:690px) {
		.top_title_center_underbar, .top_title_left_underbar {
				font-size: 26px
		}
		.top_title_center_underbar_en, .top_title_left_underbar_en {
				font-size: 14px;
				margin-top: 20px
		}
		.top_title_s_left_underbar {
				font-size: 24px
		}
		.top_title_s_left_underbar_en {
				font-size: 9pt
		}
}


/*-----------------------------------------------------------------

SUB TITLE

-----------------------------------------------------------------*/

.sub_title_h2 {
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		font-weight: 400;
		font-size: 28px;
		line-height: 1.2;
		color: #006dc7;
		letter-spacing: -.01em
}

.sub_title_h3 {
		font-size: 22px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ddd
}

.sub_title_h3, .sub_title_h4 {
		font-weight: 400;
		line-height: 1.2;
		color: #333;
		letter-spacing: -.01em
}

.sub_title_h4 {
		font-size: 1pc
}

.sub_title_h4:before {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		background-color: #0091c8;
		margin-right: 7px;
		margin-top: -4px
}


/*-----------------------------------------------------------------

footer

-----------------------------------------------------------------*/

footer.template_c2 {
		background-color: #0091c8
}

footer.template_c2 #footer_lead {
		border-top: 1px solid #ccc
}

footer.template_c2 .footer_lead_block {
		padding-top: 20px;
		padding-bottom: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
}

footer.template_c2 .footer_logo {
		width: 220px
}

footer.template_c2 .footer_logo a {
		display: block
}

footer.template_c2 .footer_logo a img {
		max-width: 100%;
		width: auto;
		height: auto
}

footer.template_c2 .footer_sns {
		margin-left: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}

footer.template_c2 .footer_sns a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: 10px
}

footer.template_c2 #footer_nav {
		background-color: #0091c8
}

footer.template_c2 #footer_nav .footer_nav_block {
		padding-top: 3pc;
		padding-bottom: 1pc
}

footer.template_c2 .footer_nav_block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between
}

footer.template_c2 .fnav_unit {
		width: 25%
}

footer.template_c2 .fnav_unit_one {
		margin-bottom: 2pc
}

footer.template_c2 .fnav_title {
		margin-bottom: 1pc
}

footer.template_c2 .fnav_title a {
		position: relative;
		padding-left: 9pt;
		line-height: 1.2;
		font-size: 15px;
		color: #fff
}

footer.template_c2 .fnav_title a:before {
		content: '';
		width: 4px;
		height: 4px;
		border: 0;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -4px
}

footer.template_c2 .fnav_list li {
		list-style: none;
		margin-bottom: 3px;
		line-height: 1.2
}

footer.template_c2 .fnav_list li a {
		position: relative;
		padding-left: 9pt;
		color: #fff;
		font-size: 9pt
}

footer.template_c2 .fnav_list li a:before {
		content: '';
		width: 4px;
		height: 4px;
		border: 0;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -2px
}

footer.template_c2 #footer_info .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 8px;
		padding-bottom: 8px;
		border-top: 1px solid hsla(0, 0%, 100%, .5)
}

footer.template_c2 #footer_info .footer_info_navi a {
		color: #fff;
		padding-right: 2pc
}

footer.template_c2 #footer_info .footer_info_navi a+a {
		padding-left: 2pc;
		border-left: 1px solid #fff
}

footer.template_c2 #footer_info small {
		margin-left: auto;
		color: #fff
}

@media only screen and (max-width:979px) {
		body.page_index footer.template_c2 {
				margin-top: 60px
		}
		footer.template_c2 .fnav_unit {
				width: 33.333%
		}
}

@media only screen and (max-width:690px) {
		body.page_index footer.template_c2 {
				margin-top: 40px
		}
		footer.template_c2 .fnav_unit {
				width: 100%
		}
		footer.template_c2 .fnav_unit_one {
				margin-bottom: 0
		}
		footer.template_c2 #footer_nav .footer_nav_block {
				width: 100%;
				padding: 0
		}
		footer.template_c2 .fnav_list {
				display: none
		}
		footer.template_c2 .fnav_title {
				margin-bottom: 0
		}
		footer.template_c2 .fnav_title a {
				display: block;
				padding: 9pt 8px 9pt 35px;
				background-position: 15px 15px;
				border-top: 1px solid #eee;
				font-size: 14px;
				font-weight: 400
		}
		footer.template_c2 .fnav_title a:before {
				left: 18px
		}
		footer.template_c2 .fnav_unit:last-child .fnav_title a {
				border-bottom: 1px solid #eee
		}
		footer.template_c2 #footer_info .inner {
				display: block;
				text-align: center;
				padding-top: 20px;
				padding-bottom: 8px
		}
		footer.template_c2 #footer_info .footer_info_navi a {
				color: #fff;
				padding: 2px 24px;
				font-size: 9pt
		}
		footer.template_c2 #footer_info .footer_info_navi a+a {
				padding-left: 0;
				border-left: 0
		}
		footer.template_c2 #footer_info small {
				display: block;
				margin-top: 20px;
				padding-top: 8px;
				border-top: 1px solid hsla(0, 0%, 100%, .1)
		}
		footer.template_c2 .footer_logo {
				max-width: 90pt
		}
		footer.template_c2 .footer_sns a img {
				width: 30px;
				height: 30px
		}
}


/*-----------------------------------------------------------------

pagetitle

-----------------------------------------------------------------*/

#pagetitle.template_c2 {
		padding: 5pc 0;
		margin-top: 140px;
		text-align: start;
		background-image: url(../image/pagetitle_bg_template_c2.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative
}

#pagetitle.template_c2 .pagetitle_bg {
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 20, 72, .6);
		z-index: 1
}

#pagetitle.template_c2 .pagetitle_block {
		position: relative;
		z-index: 2
}

#pagetitle.template_c2 .pagetitle_block .pagetitle {
		font-size: 2pc;
		font-weight: 700;
		position: relative;
		text-align: start;
		line-height: 1.8;
		margin: auto
}

#pagetitle.template_c2 .pagetitle_sub {
		font-size: 9pt;
		padding: 10px;
		position: absolute;
		top: 10px
}

@media only screen and (max-width:979px) {
		#contents_left #pagetitle.template_c2 {
				margin-right: calc(50% - 50vw);
				margin-left: calc(50% - 50vw)
		}
		#pagetitle.template_c2 {
				padding: 1pc 0 24px;
				margin-top: 138px
		}
		#pagetitle.template_c2 .pagetitle_block .pagetitle {
				font-size: 24px;
				margin: 8px 0
		}
		#pagetitle.template_c2 .pagetitle_block .pagetitle:after {
				height: 3px
		}
}


/*-----------------------------------------------------------------

サービス紹介

-----------------------------------------------------------------*/


/*-----------------------------------------------------------------

人事の出口を学ぶ

-----------------------------------------------------------------*/

.Mpblocks {
		margin-bottom: 40px
}

.Mpblocks .col {
		position: relative;
		min-height: 260px;
		z-index: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		transition: .8s
}

.Mpblocks .col:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 109, 199, .7);
		z-index: -1;
		transition: .8s
}

.Mpblocks .col .inn_ {
		color: #fff;
		text-align: center;
		padding: 20px;
		flex-grow: 1
}

.Mpblocks .Titl a {
		display: block;
		color: #fff
}

.Mpblocks .Titl a:hover {
		text-decoration: none
}

.Mpblocks .subtxt {
		font-size: 9pt;
		line-height: 1.2;
		display: inline-block;
		margin: 10px auto
}

.Mpblocks .btxt {
		line-height: 1.2
}

.Mpblocks .mp01 {
		background:
}

.Mpblocks .mp02 {
		background:
}

.Mpblocks .mp03 {
		background:
}

.Mpblocks .col.bl-hover:before {
		background-color: rgba(0, 145, 200, .7)
}

@media only screen and (max-width:690px) {
		.Mpblocks .col {
				min-height: auto
		}
}


/*-----------------------------------------------------------------

さいーびすの流れ　よくある質問

-----------------------------------------------------------------*/

.InfoTop {
		background:
}

.InfoTop .inner {
		padding: 60px 0
}

.InfoTop .Titl {
		display: block;
		text-align: center;
		font-size: 17px;
		font-weight: 400;
		line-height: 1.2;
		color: #006dc7;
		margin-bottom: 20px
}

.InfoTop .icon a {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		height: 130px;
		border-radius: 5px;
		font-size: 20px;
		line-height: 1.2;
		color: #006dc7
}

.InfoTop .icon a:hover {
		opacity: .8s;
		text-decoration: none
}

.InfoTop .icon a:before {
		content: "";
		display: inline-flex;
		width: 65px;
		height: 55px;
		margin-right: 30px
}

.InfoTop .icon.consul a:before {
		background:
}

.InfoTop .icon.faq a:before {
		background:
}

@media only screen and (max-width:690px) {
		.InfoTop .inner {
				padding: 40px 0
		}
}


/*-----------------------------------------------------------------

MEDIA

-----------------------------------------------------------------*/

.media {
		margin-bottom: 100px;
}


/*-----------------------------------------------------------------

TOP RSS

-----------------------------------------------------------------*/

.topRSS {
		margin-bottom: 100px;
}


/*-----------------------------------------------------------------

 rss

-----------------------------------------------------------------*/

.rss_box dl {
		padding-bottom: 1pc;
		margin-bottom: 1pc;
		border-width: 0 0 1px;
		border-style: solid
}

.rss_box dl:after {
		content: "";
		display: table;
		clear: both
}

.rss_date {
		float: left;
		width: 12%
}

.rss_title {
		float: right;
		width: 88%;
		padding-left: 20px
}

.rss_title a:hover {
		text-decoration: underline
}

.rss_contents {
		clear: both;
		padding: 8px 0 0 9pt;
		font-size: .9em
}

.rss_new {
		display: inline-block;
		padding: 3px 9pt 2px;
		font-size: 10px;
		margin-right: 10px;
		vertical-align: middle
}

.rss_title .rss_info, .rss_title .rss_new, .rss_title .rss_srv {
		border-radius: 3px;
		margin-right: 1pc;
		letter-spacing: .1em;
		padding: 4px 10px;
		font-size: 11px
}

.dlb_rss .rss_title a:hover {
		text-decoration: none
}

@media only screen and (max-width:979px) {
		.rss_date {
				width: 14%
		}
		.rss_title {
				width: 86%
		}
		.rss_contents {
				padding-left: 14px
		}
}

@media only screen and (max-width:690px) {
		.rss_date, .rss_title {
				width: 100%;
				float: none
		}
		.rss_date {
				font-size: .85em
		}
		.rss_title {
				padding: 3px 0
		}
		.rss_contents {
				padding: 5px 0 0
		}
}


/*-----------------------------------------------------------------

BANNER

-----------------------------------------------------------------*/

.bnr {
		display: flex;
		align-items: center;
		justify-content: space-between
}

.bnr .col {
		overflow: hidden
}

.bnr a {
		transition: .8s
}

.bnr a:hover {
		opacity: .7
}

.bnr a img {
		width: 100%;
		height: auto
}


/*-----------------------------------------------------------------

FOOTER CV

-----------------------------------------------------------------*/

.footercv {
		padding: 90px 0;
}


/*-----------------------------------------------------------------

NEWS-F

-----------------------------------------------------------------*/

.rss_f {
		border-width: 1px;
		border-style: solid
}

.rss_f_title {
		font-size: 20px;
		font-weight: 700;
		padding: 9pt 24px;
		border-width: 0 0 1px;
		border-style: solid
}

.rss_f dl {
		border-bottom: 0;
		padding-bottom: 0
}

.rss_f dl:last-child {
		margin-bottom: 0
}

.rss_f .rss_contents {
		display: none
}

.rss_f_wrap {
		height: 15pc;
		padding: 20px 2pc
}

.rss_f_in {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 200px
}

.rss_f .rss_box {
		padding-right: 40px
}

@media only screen and (max-width:979px) {
		.rss_f_wrap {
				padding: 20px 1pc
		}
}


/*-----------------------------------------------------------------

case info

-----------------------------------------------------------------*/

.case_info {
		padding: 1pc 0 1pc 24px;
		border-left: 2px solid #ddd
}

.case_info_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 8px
}

.case_info_list dt {
		width: 90pt;
		font-weight: 700
}

.case_info_list dd {
		width: calc(100% - 90pt);
		padding-left: 1pc
}


/*-----------------------------------------------------------------

support info

-----------------------------------------------------------------*/

.support_info {
		padding: 3em 5% 1.5em;
		border: 1px solid #ddd
}

.support_info_title {
		font-size: 24px;
		line-height: 1.4;
		margin-bottom: 40px
}

.si_mail, .si_tel {
		font-size: 3pc;
		line-height: 1.2
}

.si_tel:before {
		content: "\f095";
		padding-right: 5px;
		vertical-align: middle;
		font-size: 22px;
		font-size: 24px
}

.si_mail:before, .si_tel:before {
		font-family: Font Awesome\ 5 Free;
		font-weight: 900;
		display: inline-block
}

.si_mail:before {
		content: "\f0e0";
		padding-right: 8px;
		font-size: 20px
}

@media only screen and (max-width:979px) {
		.support_info_title {
				font-weight: 700;
				font-size: 20px
		}
		.si_mail, .si_tel {
				font-size: 30px
		}
		.si_tel:before {
				font-size: 20px
		}
		.si_mail:before {
				font-size: 1pc
		}
}

@media only screen and (max-width:690px) {
		.support_info {
				padding: 2em 1pc .5em
		}
		.si_mail, .si_tel {
				font-size: 26px
		}
		.si_tel:before {
				font-size: 1pc
		}
		.si_mail:before {
				font-size: 14px
		}
}

.dlb_box2-2_it .dlb_box2-2_txt {
		position: relative
}

.dlb_box2-2_it .dlb_box2-2_txt:before {
		position: absolute;
		top: calc(50% - 10px);
		left: -1pc;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 1pc 10px 0;
		border-color: transparent #fff transparent transparent
}

.dlb_box2-2_ti .dlb_box2-2_txt {
		position: relative
}

.dlb_box2-2_ti .dlb_box2-2_txt:after {
		position: absolute;
		top: calc(50% - 10px);
		right: -1pc;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 1pc;
		border-color: transparent transparent transparent #fff
}

@media only screen and (max-width:690px) {
		.dlb_box2-2_it .dlb_box2-2_txt:before, .dlb_box2-2_ti .dlb_box2-2_txt:after {
				display: none
		}
}


/*-----------------------------------------------------------------

faq

-----------------------------------------------------------------*/

.faq_block {
		padding-top: 1pc;
		border-top: 2px solid #ddd
}

.faq_title {
		font-size: 120%;
		font-weight: 700;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #ddd
}


/*-----------------------------------------------------------------

adobe link

-----------------------------------------------------------------*/

.adobe_link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #f5f5f5;
		padding: 3em 1em
}

.adobe_link .icon {
		margin-right: 5%
}

.adobe_link .txt a {
		text-decoration: underline
}

@media only screen and (max-width:979px) {
		.adobe_link {
				display: none
		}
}


/*-----------------------------------------------------------------

TOP サービス紹介ブロック

-----------------------------------------------------------------*/

.list_icon li {
		list-style: none;
		background-position: left center;
		background-size: 3pc auto;
		padding: 9pt 0 9pt 70px;
		background-repeat: no-repeat;
		margin-bottom: 1pc;
		font-weight: 700;
		font-size: 1pc
}

.list_icon li.list_icon01 {
		background-image: url(../image/icon_chat.png)
}

.list_icon li.list_icon02 {
		background-image: url(../image/icon_headset.png)
}

.list_icon li.list_icon03 {
		background-image: url(../image/icon_laptop.png)
}

.list_icon li.list_icon04 {
		background-image: url(../image/icon_help.png)
}

.col_bg .dlb_box2-2_area .dlb_box2-2_txt {
		background-color: #fff
}

.col_bg .dlb_box2-2_area {
		-webkit-box-shadow: 5px 5px 4px 0 rgba(0, 0, 0, .1);
		box-shadow: 5px 5px 4px 0 rgba(0, 0, 0, .1)
}

.list_link .col {
		height: 280px;
		position: relative;
		-webkit-transition: all .2s ease 0;
		-o-transition: all .2s ease 0;
		transition: all .2s ease 0
}

.list_link .col:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(51, 51, 51, .7)
}

.list_link .col:hover {
		-webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
		box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3)
}

.list_link .col:hover a {
		text-decoration: underline
}

.list_link .col:hover:before {
		background-color: rgba(51, 51, 51, .4)
}

.list_link .list_link_img {
		height: 100%
}

.list_link .list_link_txt {
		position: absolute;
		z-index: 1;
		height: 100%;
		display: table
}

.list_link .list_link_txt_in {
		padding: 1pc 2em;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		color: #fff
}

.list_link .list_link_txt_in a {
		color: #fff
}

.list_link .list_link_title {
		font-size: 28px;
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 8px
}

.list_link .list_link_title_en {
		font-size: 13px;
		margin-bottom: 1pc;
		letter-spacing: .1em;
		line-height: 1.2
}

@media only screen and (max-width:690px) {
		.list_link .col {
				height: 10pc
		}
		.list_link .list_link_title {
				font-size: 24px
		}
		.list_link .list_link_txt_in {
				padding: 8px 1.5em
		}
}


/*---------------------------------------------------------------
-----------------------------------------------------------------

dlb_box3-6_area ブロックダウンロード

-----------------------------------------------------------------
-----------------------------------------------------------------*/

.dlb_box3-6_area .col {
		border: 1px solid #ddd;
		-webkit-transition: all .3s ease 0;
		-o-transition: all .3s ease 0;
		transition: all .3s ease 0;
		background-color: #fff
}

.dlb_box3-6_area .col:hover {
		-webkit-box-shadow: 5px 2px 10px 2px rgba(0, 0, 0, .1);
		box-shadow: 5px 2px 10px 2px rgba(0, 0, 0, .1)
}

.dlb_box3-6_area .col:hover .txt_link {
		text-decoration: underline;
		color: #ed1c21
}

.dlb_box3-6_area .dlb_box3-6_txt {
		padding: 24px
}


/* ----------------------------

サムネイル名 ： フロー図 No.01

----------------------------- */

.dlb-flow_area_2 {
		width: 100%
}

.dlb-flow_area_2, .dlb-flow_area_2 .dlb-flow_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
}

.dlb-flow_area_2 .dlb-flow_item {
		width: 90pt;
		text-align: center;
		padding: 4% 2%;
		font-size: 9pt;
		position: relative;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
}

.dlb-flow_area_2 .dlb-flow_num {
		margin-bottom: 30px;
		position: relative;
		letter-spacing: .1em;
		font-weight: 700
}

.dlb-flow_area_2 .dlb-flow_num:after {
		content: "";
		width: 1pc;
		height: 2px;
		position: absolute;
		bottom: -15px;
		left: calc(50% - 8px)
}

.dlb-flow_area_2 .dlb-flow_txt {
		width: calc(100% - 90pt);
		padding: 1.5em;
		border-width: 1px;
		border-style: solid
}

.dlb-flow_area_2 .dlb-flow_title {
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 10px;
		line-height: 1.4
}

.dlb-flow_area_2+.dlb-flow_area_2 {
		margin-top: 40px
}

.dlb-flow_area_2+.dlb-flow_area_2 .dlb-flow_item:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 9pt 0;
		position: absolute;
		top: -30px;
		left: calc(50% - 9pt)
}

@media only screen and (max-width:690px) {
		.dlb-flow_area_2 {
				position: relative;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap
		}
		.dlb-flow_area_2 .dlb-flow_item {
				width: 100%;
				max-width: 100%;
				text-align: left;
				padding: 1em 1.5em
		}
		.dlb-flow_area_2 .dlb-flow_num {
				margin-bottom: 0;
				margin-right: 5px;
				display: inline-block;
				font-size: 9pt
		}
		.dlb-flow_area_2 .dlb-flow_num:after, .dlb-flow_area_2:after {
				display: none
		}
		.dlb-flow_area_2 .dlb-flow_txt {
				display: block;
				width: 100%;
				padding: 2pc 1pc 1pc
		}
		.dlb-flow_area_2 .dlb-flow_title {
				font-size: 18px
		}
		.dlb-flow_area_2 .col_l {
				margin-top: 0
		}
		.dlb-flow_area_2 .dlb-flow_txt {
				padding-bottom: 1em
		}
}

.dlb-flow_area_2.last .dlb-flow_item:after, .dlb-flow_area_2.last:after {
		display: none
}


/* ----------------------------

サムネイル名 ： ポイント No.01

----------------------------- */

.dlb-point_area_1 .col {
		padding: 24px;
		border: 1px solid #ddd;
		border-radius: 6px
}

.dlb-point_area_1 .dlb-point_num {
		width: 90%;
		margin: -44px auto 24px;
		text-align: center;
		background-color: #ed1c21;
		color: #fff;
		line-height: 40px;
		font-weight: 700
}

.dlb-point_area_1 .dlb-point_title {
		font-weight: 700;
		font-size: 18px;
		margin-bottom: 8px;
		line-height: 1.4
}

@media only screen and (max-width:690px) {
		.dlb-point_area_1 .col {
				margin-bottom: 2pc
		}
}


/*-----------------------------------------------------------------

サムネイル名 ： box No.

-----------------------------------------------------------------*/

.dlb_box2-9_img {
		float: right;
		width: 15pc;
		margin-right: 0;
		margin-left: 2pc;
		margin-bottom: 2pc
}

@media only screen and (max-width:690px) {
		.dlb_box2-9_block {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap
		}
		.dlb_box2-9_img {
				margin: 1pc 0 0;
				-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
				order: 2
		}
		.dlb_box2-9_img, .dlb_box2-9_txt {
				width: 100%;
				-ms-flex-preferred-size: 100%;
				flex-basis: 100%
		}
		.dlb_box2-9_txt {
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1
		}
}


/*-----------------------------------------------------------------

CTA 共通お問い合わせ

-----------------------------------------------------------------*/

#cta_area.template_c2 {
		margin-top: 5pc;
		background-color: #293337;
		padding: 2pc 1pc 40px
}

#cta_area.template_c2 .cta_block {
		max-width: 55pc;
		margin: auto
}

#cta_area.template_c2 .cta_title {
		text-align: center;
		color: #fff;
		font-size: 22px;
		margin-bottom: 2pc;
		font-weight: 700;
		line-height: 1.4
}

#cta_area.template_c2 .cta_block .col {
		padding: 0 1pc
}

#cta_area.template_c2 .cta_txt {
		text-align: center;
		color: #fff;
		font-size: 18px;
		margin-bottom: 1pc
}

#cta_area.template_c2 .cta_btn {
		max-width: 25pc;
		margin: auto
}

#cta_area.template_c2 .cta_btn a {
		display: block;
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		padding: 24px 1pc 24px 8px;
		background-color: #ed1c21;
		background-position: calc(100% - 1em)center;
		background-repeat: no-repeat;
		background-size: 24px auto;
		border-radius: 6px;
		-webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2);
		box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2)
}

#cta_area.template_c2 .cta_l .cta_btn a {
		background-color: #ed1c21
}

#cta_area.template_c2 .cta_r .cta_btn a {
		background-color: #1e7b7e
}

#cta_area.template_c2 .cta_btn a:hover {
		text-decoration: none;
		-webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, .4);
		box-shadow: 0 0 8px 4px rgba(0, 0, 0, .4)
}

@media only screen and (max-width:699px) {
		#cta_area.template_c2 {
				margin-top: 40px;
				padding-bottom: 1pc
		}
		#cta_area.template_c2 .cta_title {
				margin-bottom: 8px;
				font-size: 18px
		}
		#cta_area.template_c2 .cta_block .col {
				width: 100%;
				margin: 1pc auto 24px
		}
		#cta_area.template_c2 .cta_btn a {
				font-size: 1pc;
				background-size: 1pc auto
		}
		#cta_area.template_c2 .cta_txt {
				margin-bottom: 9pt
		}
}


/*--------------------------------------------------------------*/


/*下層ページ*/


/*--------------------------------------------------------------*/


/*-----------------------------------------------------------------

サービス紹介

-----------------------------------------------------------------*/

.stg_blocks .icon {
		text-align: center
}

.stg_blocks .col {
		display: flex;
		flex-direction: column
}

.stg_blocks .topIn {
		position: relative;
		border: 2px solid #006dc7;
		border-radius: 5px;
		padding: 30px 20px;
		margin-bottom: 5pc
}

.stg_blocks .topIn:after {
		content: "";
		display: block;
		width: 61px;
		height: 34px;
		position: absolute;
		bottom: -54px;
		left: calc(50% - 30px)
}

.stg_blocks .col .bttmIn {
		padding: 40px;
		background-color: #e9f0f4;
		display: flex;
		align-items: center;
		flex-direction: column;
		border: 1px solid transparent;
		flex-grow: 1;
		transition: .8s
}

.stg_blocks .col .bttmIn.bl-hover {
		box-shadow: 0 0 50px -4px #c7d1d8;
		border: 1px solid #d4dbe0
}

.stg_blocks .bttmIn .icon {
		text-align: center;
		height: 75pt;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden
}

.stg_blocks .title_sub {
		font-family: Roboto, sans-serif;
		font-weight: 900;
		font-size: 9pt;
		letter-spacing: .08em;
		text-align: center;
		margin: 2pc 0 9pt
}

.stg_blocks .title {
		margin-bottom: 15px
}

.stg_blocks .title a {
		font-size: 18px;
		color: #006dc7;
		text-decoration: none;
		line-height: 1.2;
		text-align: center;
		display: block
}

@media only screen and (max-width:699px) {
		.stg_blocks .col {
				margin-bottom: 60px;
				padding: 25px;
				border: 1px solid #006dc7;
				border-radius: 5px
		}
		.stg_blocks .topIn {
				border: 0;
				margin-bottom: 50px;
				background-color: #f5f5f5
		}
		.stg_blocks .topIn:after {
				bottom: -42px
		}
		.stg_blocks .col .bttmIn {
				padding: 20px
		}
		.stg_blocks .bttmIn .icon {
				height: auto
		}
		.stg_blocks .title_sub {
				margin: 5px auto
		}
		#pagetitle.template_c2 {
				margin-top: 86px
		}
}


/*-----------------------------------------------------------------

List

-----------------------------------------------------------------*/

.checkList li {
		position: relative;
		list-style: none;
		line-height: 1.2;
		padding-left: 15px
}

.checkList li+li {
		margin-top: 20px
}

.checkList li:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 10px;
		height: 10px;
		background: url(../image/common/arr_y.png)no-repeat center top /cover
}

.lsdt_bule li {
		display: flex;
}

/*----------globalnav added----------*/
@media only screen and (min-width:980px) {
		header.template_c2 .gnavi_area br.is_pc {
				display: block;
		}
}
@media only screen and (max-width:979px) {
		header.template_c2 .gnavi_area br.is_pc {
				display: none;
		}
}
/*----------mainimg----------*/

@media only screen and (min-width:980px) and (max-width:1200px) {
		#top_mainimage, #top_mainimage .flexslider .slides>li {
				height: 400px;
		}
		div#top_mainimage {
				height: 400px;
		}
}

/*@media only screen and (min-width:768px) and (max-width:1020px) {
		#top_mainimage, #top_mainimage .flexslider .slides>li {
				height: 300px!important;
		}
		#top_mainimage {
				height: 300px!important;
				margin-top: 62px;
		}
}*/
@media only screen and (max-width:979px){
		#top_mainimage, #top_mainimage .flexslider .slides>li {
				height: 300px!important;
		}
		#top_mainimage {
				height: 300px!important;
				margin-top: 62px;
		}
}
@media only screen and (min-width:980px){
header.template_c2{
	transition: 0.5s ease;
}
header.template_c2.is-animation{
	top: -62px;
}
}