@charset "utf-8";

header {position:relative}
.w_header {width:100%; height:90px; background:#fff; border-bottom:1px solid #ccc; box-shadow: 0px 2px 9.8px 0.2px rgba(0, 0, 0, 0.08); }
.w_header .imbox { max-width:1200px; height:90px; margin:auto; position:relative; display: flex; justify-content: space-around; align-items: center;}
/* .w_header .imbox h1 { display:inline-block; vertical-align: middle; width:201px; height:46px; background: url("/images/ty-logo.png") no-repeat 0 50%; background-size: 100%; }
.w_header .imbox h1 a {display:block; width:100%; height:100%; text-indent:-9999px } */
.w_header .imbox h1 { width: 18%; }
.w_header .imbox h1 img { width: 100%; }

.w_header .imbox ul.gnb { display: flex; height:90px; margin: 0 20px; }
.w_header .imbox ul.gnb li { margin:0 10px; height:90px; line-height:90px; font-weight:bold; font-size:1.1rem; position:relative}
.w_header .imbox ul.gnb li a {display: block; color:#333}


.sns { display: inline-block; vertical-align: middle; margin-left: 30px; }
.sns li { display: inline-block; margin-left: 10px; }
.sns li:first-child { margin-left: 0; margin-right: -3px; }
.sns img { width: 26px; }

.depths2 {width:520px; padding: 20px 0; display:none; position:absolute; top:20; z-index:999 }
.w_header .imbox ul.gnb li .depths2 a {font-size:1rem; padding:5px 5px 5px 0; font-weight: normal; line-height: normal;}
.depth2_bg {width:100%; height:250px; background: linear-gradient(0deg, rgb(255 255 255 / 70%), rgb(255 255 255 / 90%)), url(/images/bg_03.jpg) no-repeat 0 50%; background-size: 150%; position:absolute; top:90px; left:0; display:none; z-index:99; border-bottom: 1px solid #f8f8f8;}
.depths2.last {width:300px; right:0px;}
.depths2.last2 {right:-20px; }

.m_header {display:none}

/* aside */
.aside { position: fixed; background: #fff; text-align: center; z-index: 1000; }
.aside a { display: block; width: 100%; padding: 10px; height: 100%; font-weight: bold; background-image: linear-gradient(to right, #5925be 0%, #a900ff 50%, #253dbe 100%); background-size: 200%; color: #fff; }
.aside a strong { color: #ffeb00; }

.main_business_wrap { background: #f9faff; }
.main_business { max-width: 1200px; margin: 0 auto; text-align: center; }
.main_business ul { font-size: 0; padding: 50px; }
.main_business li { display: inline-block; vertical-align: top; width: 33.33%; font-size: 1rem; padding: 20px; }
.main_business img { width: 300px; height: 200px; object-fit: cover; }
.main_business li span { display: block; margin-top: 20px; font-weight: bold; font-size: 1.2rem; margin-bottom: 20px; color: #1e385e; }
.main_business dl { padding: 20px; text-align: left; }
.main_business dt { font-weight: bold; font-size: 1.2rem; margin-bottom: 20px; color: #005982; }

#footer {width:100%; clear:both; padding: 50px 30px; background: #1e385e; }
#footer .ujin-title { color: #fff; font-size: 1.2rem; font-weight: bold; }
#footer .f_in {max-width:1200px; margin:0 auto;}
#footer .f_list { border-bottom: 1px solid #292e6a; margin-bottom: 20px; padding-bottom: 20px; margin-top: 20px; }
#footer .f_list li {display:inline-block; font-weight:bold}
#footer a {color:#FFF;}
#footer .f_list li i {display:inline-block; width:1px; height:10px; background:#ccc; vertical-align:middle; margin:0 2rem;}
#footer .address {color:#ccc; margin-top:0.7rem; box-sizing:border-box;}
#footer .address span {display:inline-block; margin-left: 15px; }
#footer .address span:first-child { margin-left: 0; }
#footer .copy { font-size: .9rem; color:#999; margin-top:0.3rem}

.admin_list {margin-top:5px}
.admin_list li {display:inline-block; font-size:0.8rem; margin-right:10px;}

@media screen and (max-width:480px) {
	#footer .copy {text-align:left;}
	.admin_list {text-align:left;}
  #footer .address span { margin-left: 0; }
}

/* .top_search {position:absolute; right:10px; top:24px; height:40px;} */
.top_search { display: inline-block; vertical-align: middle; }
.top_search span {display:inline-block; height:40px; border-bottom:1px solid #ccc; vertical-align:middle}
.top_search span input {height:39px; border:1px solid #ccc;}
.top_search a {display:inline-block; width:40px; height:40px;  background:url(../images/top_search.png) no-repeat 50%; background-size:20px; vertical-align:middle}

#m_fix_menu {display:none; position:fixed; left:0; bottom:0; width:100%; z-index:90; box-shadow:0 -3px 5px rgba(0,0,0,.1);}
#m_fix_menu ul {width:100%; font-size:0; height: 40px;}
#m_fix_menu ul li {display:inline-block; width:calc(100% / 3); vertical-align:top; height: 40px;}
#m_fix_menu ul li:last-child {border-right:none;}
#m_fix_menu ul li a {display:block; width:100%; line-height:40px; border-top:1px solid #2b4d71; border-left:1px solid #2b4d71; border-right:1px solid #0c233b; background:#183656; color:#fff; font-size:1rem; text-align: center;}


@media screen and (max-width:640px) {
	/* #footer {height:160px;} */
	#m_fix_menu {display:block;}
}

@media screen and (max-width:480px) {
	#footer .address {text-align:left;}
}

#container { padding-bottom:5rem;}
.main_visual {height:400px;}
.main_visual .main_slide {width:100%;  margin:0 auto;}
.main_visual .main_slide ul li {position:relative; width:100%;}
.main_visual .main_slide ul li .img { width:100%; height:400px; transform:scale(1); transition:all 4s;}
.main_visual .main_slide ul li .img.on {transform:scale(1.05);}
.main_visual .main_slide ul li .txt {width:100%; height:300px; background:rgba(0, 0, 0, 0.5); position:absolute; top:0%; transform:translateY(10%); text-align:center; transition:all 4s; opacity:0; padding:2rem;}
.main_visual .main_slide ul li .txt.on {transform:translateY(0%); opacity:1;}
.main_visual .main_slide ul li .txt .line_tit {margin-top:35px; color:#fff; font-size:1.3rem; letter-spacing:0.2rem; font-weight:bold}
.main_visual .main_slide ul li .txt .line_tit:before {content:""; display:block; width:30px; height:1px; margin:0 auto; background:#ffffff;	margin-bottom:20px;	}
.main_visual .main_slide ul li .txt .tit {font-size:2.5rem; letter-spacing:-0.2rem; color:#ded2a0; margin-top:30px;	/*font-family:"nanummyeongjo", serif;*/	}
.main_visual .main_slide ul li .txt .sub {font-size:1.1rem; color:#ffffff; letter-spacing:-0.1px; margin-top:25px; line-height: 1.4;}
.main_content {max-width: 1200px; margin: 0 auto; }
/* .main_content section { margin-top: 50px; } */

.strip_banner_area { background: #1e385e; }
.strip_banner { max-width: 1200px; margin: 0 auto; font-size: 0; }
.notice_area { display: inline-block; vertical-align: middle; width: 70%; font-size: 1rem; color: #fff; }
.notice_area > div { display: inline-block; vertical-align: middle; width: 18%; padding-left: 20px; }
.notice_area .box_content { margin-top: 0; width: 80%; }
.notice_area .box_content > a { width: 100%; margin: 0; padding: 0; background: none; border: none; border-radius: 0; transition: none; }
.notice_area .notice_subject { margin-bottom: 0; margin-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.counsel_area { display: inline-block; vertical-align: middle; width: 30%; font-size: 1rem; background: #fff; color: #000; text-align: center; }
.counsel_area a { display: block; padding: 20px; }
.main_team { text-align: center; }
.main_ceo_img { display: inline-block; vertical-align: top; width: 30%; }
.main_ceo_img img { width: 100%; }
.main_ceo_info { display: inline-block; vertical-align: top; padding-left: 80px; width: 64%; }
.ceo_name { font-size: 2rem; font-weight: bold; margin-bottom: 10px; text-align: left; }
.ceo_position { text-align: left; }
.ceo_education { margin-top: 30px; text-align: left; margin-bottom: 30px; }
.ceo_career { text-align: left; }

/* .top_cotent {width:100%; height:300px;}  */
/* .top_cotent  .main_notice {width:100%; height:300px; float:left; box-sizing:border-box; padding:20px} */
.top_cotent  .main_notice {padding:20px 0;}
.top_cotent  .main_notice .notice_tit { margin-top:20px; color:#fff; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.top_cotent  .main_notice .notice_txt {height:160px; margin-top:10px; color:#eee; font-size:.9rem; overflow: hidden; line-height: 1.4;}
.top_cotent  .main_notice .notice_txt pre {margin-bottom:20px;}
.top_cotent  .main_notice .notice_data {color:#666; font-size:0.9rem; margin-top:10px}

.top_cotent  .main_cs {width:50%; height:300px; float:left}
.top_cotent  .main_cs li {width:50%; height:150px; float:left}
.top_cotent  .main_cs li a {display:block; width:100%; height:150px;}
.top_cotent  .main_cs li.ico1 {background:#797164}
.top_cotent  .main_cs li.ico2 {background:#183656}
.top_cotent  .main_cs li.ico3 {background:#9e988e}
.top_cotent  .main_cs li.ico4 {background:#eac100}
.top_cotent  .main_cs li.ico1 .ico {display:block; width:100%; height:60px; background: url(../images/main_cs_ico1.png) no-repeat 50%; background-size:60px; margin-top:30px}
.top_cotent  .main_cs li.ico2 .ico {display:block; width:100%; height:60px; background: url(../images/main_cs_ico2.png) no-repeat 50%; background-size:60px; margin-top:30px}
.top_cotent  .main_cs li.ico3 .ico {display:block; width:100%; height:60px; background: url(../images/main_cs_ico3.png) no-repeat 50%; background-size:60px; margin-top:30px}
.top_cotent  .main_cs li.ico4 .ico {display:block; width:100%; height:60px; background: url(../images/main_cs_ico4.png) no-repeat 50%; background-size:60px; margin-top:30px}
.top_cotent  .main_cs li .txt {display:block; width:100%; color:#fff;  text-align:center; margin-top:20px}

.box_tit .tit {color:#333; font-weight:bold; float:left; font-size:1.5rem}
.box_tit .tit:before {content:""; display:block; width:30px; height:1px; background:#333; 	margin-bottom:1rem;	}
.box_tit .more {width:31px; height:31px; border:1px solid #333; float:right; position:relative; margin: 1.5rem 0; }
.box_tit .more a {display:block; width:31px; height:31px;}

.box_tit .more span:first-child {display:inline-block; width:13px; height:1px; background:#333; position:absolute; left:8px; top:14px;}
.box_tit .more span:last-child {display:inline-block; width:1px; height:13px; background:#333; position:absolute; left:14px; top:8px; }

/* .box_tit2 .tit {font-weight:bold; float:left; font-size:1.1rem}
.box_tit2 .tit:before {content:""; display:block; width:30px; height:1px; background:#333; margin-bottom:1rem;	} */
.box_tit2 .more {width:31px; height:31px; border:1px solid #333; float:right; position:relative; }
.box_tit2 .more a {display:block; width:31px; height:31px;}

.box_tit2 .more span:first-child {display:inline-block; width:13px; height:1px; background:#333; position:absolute; left:8px; top:14px;}
.box_tit2 .more span:last-child {display:inline-block; width:1px; height:13px; background:#333; position:absolute; left:14px; top:8px; }

.main_team { padding: 20px 0; }
.main_category { padding: 20px 0; }
.box_content { margin-top: 20px; }
.box_content > a { position: relative; display: inline-block; vertical-align: middle; width: 30%; padding: 30px; margin: 20px 20px 40px 20px; border-radius: 30px; background: #f6f8fa; border: 1px solid #edecef; transition: all .5s ease; }
.job .box_content > a { min-height: 20rem; }
.job .box_content > a:nth-child(2), .job .box_content > a:nth-child(6) { background: #fcf5e5; }
.newsletter .box_content > a { width: 100%; background: #FFF; }
.notice_category { display: inline-block; background: #171c61; color: #fff; font-size: .9rem; margin-bottom: 1rem; padding: 5px 10px; }
.notice_subject { margin-bottom: 2rem; font-size: 1.3rem; }
.notice_data { position: absolute; right: 30px; bottom: 30px; color: #777; font-size: .8rem; text-align: right; }
.thumbnail_img { display: inline-block; vertical-align: top; width: 400px; height: 220px; overflow: hidden; }
.thumbnail_img img { width: 100%; height: 100%; }
.newsletter .section_area { display: inline-block; vertical-align: top; width: 60%; margin-left: 30px; }

@media screen and (min-width:1024px) {
	.box_content > a:hover { box-shadow: 0px 5px 24px 3px rgb(0 0 0 / 9%); }
  .notice_area .box_content > a:hover { box-shadow: none; }
  #mainSwiper .team_box a:hover .team_in {background-size: 105% auto; transition:.2s;}
  .box_tit2 .more a:hover {background:rgba(0,0,0,.2);}
  .main_field .field_box a:hover p {color:#ded2a0;transition:.2s;}
  .main_field .field_box a:hover .field_bg {background:rgba(15,15,30,.8); transition:.2s;}
  .main_field .field_hidden li a:hover {color:#183656}
  .w_header .imbox ul.gnb li a:hover {color:#171c61; }
  #m_fix_menu ul li a:hover {background:#0c233b; border-left:1px solid #0c233b;}
  .top_cotent  .main_notice .box_content a:hover p,
  .top_cotent  .main_notice .box_content a:hover div {opacity:.7;}
  .box_tit .more a:hover {background:rgba(0,0,0,.1);}
}

#mainSwiper .swiper-container {margin-top:20px;}
#mainSwiper .team_box { border-radius: 30px; box-shadow: 0px 5px 24px 3px rgb(0 0 0 / 9%); padding: 30px; margin: 20px 20px 40px 20px; }
#mainSwiper .team_box a {display:block; height:180px; overflow:hidden;}
#mainSwiper .team_box .team_in {float:left; width:35%; min-width: 180px; height: 100%; background-size:100% auto; background-position:top center; background-repeat: no-repeat; transition:.2s; border-radius: 20px; box-shadow: inset 0px 5px 10px 0 rgb(121 121 121 / 8%); margin-right: 20px; }

#mainSwiper .team_info {float:left; width:40%; min-width: 200px; height: 100%; position: relative; padding:15px 10px;}
#mainSwiper .team_info .info_name {color:#666; font-size:0.9rem; padding-bottom:10px; border-bottom:1px solid #f4f4f4; margin-bottom: 20px;}
#mainSwiper .team_info .info_name span {font-size:1.1rem; font-weight: bold; color:#333; display: block; margin-bottom:5px;}
#mainSwiper .team_info .info_education { font-size: .8rem; }
#mainSwiper .team_info .info_tel {font-size:0.9rem; color:#666; margin-top:10px; line-height: 1.5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#mainSwiper .team_info .info_biz {font-size:0.9rem; color:#666; margin-top:10px; line-height: 1.5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;}
#mainSwiper .team_info .info_contact {font-size:0.9rem; color:#666; line-height: 1.5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#mainSwiper .team_info .info_contact i {vertical-align: middle;}
#mainSwiper .team_info .synco {font-size:0.9rem; color:#666; display:none; margin-top: 3px;}
/* #mainSwiper .team_info .info_tel span {color:#4e453c; margin-right:10px} */
#mainSwiper .team_info .info_email {font-size:0.9rem; color:#666; margin-top:5px}
#mainSwiper .team_info .info_email span {color:#183656; margin-right:10px}
#mainSwiper .team_info button {height:40px; line-height:38px; padding:0 10px; border:1px solid #999; position:absolute; right:10px; bottom:10px; font-size:.9rem;}

/* .main_field {width:100%; height:200px; box-sizing:border-box; padding:20px;} */
.main_field { padding: 20px 0; }
.main_field  .swiper-container {padding-top:20px}
.main_field .field_box {width:240px; height:100px; background:#fff; float:left; text-align:center; line-height:100px; color:#fff; margin:20px; background-position:50%;	background-repeat:no-repeat; background-size:100% auto; box-shadow: 0px 5px 24px 3px rgb(0 0 0 / 9%); border-radius: 30px; }
.main_field .field_box a {display:block; width:240px; height:100px; color:#fff; position:relative; background-size:100%; border-radius: 30px;}
.main_field .field_box a p {position:absolute; top:50%; left:50%; width: 100%; transform:translate(-50%, -50%); z-index:1; font-size: 1.2rem;}

.main_field .field_box a .field_bg {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(15,15,30,.5); z-index:0; border-radius: 30px;}





.main_field .bg1 .field_box {width:240px; height:100px;  background:url(../images/field_bg1.png) no-repeat 50%; margin-left:0px}
.main_field .bg2 .field_box{width:240px; height:100px;  background:url(../images/field_bg2.png) no-repeat 50%; }
.main_field .bg3 .field_box{width:240px; height:100px;  background:url(../images/field_bg3.png) no-repeat 50%; }
.main_field .bg4 .field_box{width:240px; height:100px;  background:url(../images/field_bg4.png) no-repeat 50%; }
.main_field .bg5 .field_box{width:240px; height:100px;  background:url(../images/field_bg5.png) no-repeat 50%; }
.main_field .field_hidden {max-width:500px; height:90px; background:#fff; float:left; box-sizing:border-box; padding:10px}
.main_field .bg1 .field_hidden {max-width:500px; height:90px; background:#fff;  float:left; box-sizing:border-box; padding:10px}
.main_field .bg2 .field_hidden {max-width:300px; height:90px; background:#fff;  float:left; box-sizing:border-box; padding:10px}
.main_field .bg4 .field_hidden {max-width:300px; height:90px; background:#fff;  float:left; box-sizing:border-box; padding:10px}
.main_field .field_hidden li {display:inline-block; margin-right:20px; font-size:14px; line-height:18px;}
.main_field .field_hidden li i {display:inline-block; width:3px; height:3px; border-radius:50%; background:#183656; vertical-align:middle; margin-right:5px;}

#footer .sns { display: none; }

/*1024*/
/* @media screen and (max-width:1024px) {
	.w_header .imbox h1 { background-size: 80%; }
	.w_header {width:100%;  height:90px; background:#fff;}
	.w_header .imbox ul {height:90px; position:absolute; left:50%; margin-left:-200px; }
	.w_header .imbox li {padding-right:20px; height:90px; line-height:90px; float:left; font-weight:bold; font-size:0.9rem }
	.w_header .imbox { height:90px; margin:auto; position:relative;}
	.depths2.last {width:300px;}
	.top_search {position:absolute; right:0px; top:30px; height:40px; }

	.main_visual {width:100%; height:400px;  clear:both; }
	.main_visual .main_slide {width:100%;  margin:0 auto;}
	.main_visual .main_slide ul li {position:relative; width:100%;}
	.main_visual .main_slide ul li .img { width:100%; height:400px; transform:scale(1); transition:all 4s;}
	.main_visual .main_slide ul li .img.on {transform:scale(1.05);}
	.main_visual .main_slide ul li .txt {width:80%; height:300px; background:rgba(87, 82, 79, 0.6);  position:absolute; top:50px; left:10%; transform:translateY(10%); text-align:center; transition:all 4s; opacity:0;}
	.main_visual .main_slide ul li .txt.on {transform:translateY(0%); opacity:1;}
	.main_visual .main_slide ul li .txt .line_tit {margin-top:35px; color:#fff; font-size:0.9rem;  letter-spacing:0.3rem; font-weight:bold}
	.main_visual .main_slide ul li .txt .line_tit:before {content:""; display:block; 	width:30px; height:1px; 	margin:0 auto; background:#ffffff; 	margin-bottom:20px;	}
	.main_visual .main_slide ul li .txt .tit {font-size:2.5rem; letter-spacing:-0.15px; color:#ded2a0; margin-top:30px; }
	.main_visual .main_slide ul li .txt .sub {font-size:1rem; color:#ffffff; 	letter-spacing:-0.1px; margin-top:25px;	}
	.main_content {width:100%; height:auto;  clear:both; }

	.main_field {display:none;}
} */

/* media-queries */
@media all and (min-width:1024px) {
  /* aside */
  .aside { bottom: 30%; right: 20px; }
  .aside a { pointer-events: none; }
  .aside a span { display: block; }
  .aside a strong { font-size: 1.4rem; line-height: 2rem; }
}

/*768*/
@media screen and (max-width:1023px) {
	.w_header {display:none}
	.m_header {display:block; padding: 10px 0; background:#fff; border-bottom:1px solid #ccc; font-size: 0; }
	
	.m_header .open_nav { display: inline-block; vertical-align: middle; width: 10%; height:30px; text-align: center; }
	.m_header .open_nav a {display:inline-block; width:30px; height:30px; font-size: 24px; line-height: 24px; color: #4e453c; }
  .m_header .open_nav a span { display: block; text-indent: -9999px; }
	.m_header .open_nav_box {width:100%; height:100%; background:rgba(0, 0, 0, 0.8); position:fixed; top:0; left:0; z-index:10; display:none; z-index:9999}
	.m_header .open_nav_box  .open_close {width:50px; height:50px; margin:auto; position:absolute; right:20px; top:10px; z-index: 20; }
	.m_header .open_nav_box  .open_close a {display:inline-block; width:50px; height:50px; font-size: 40px; color: #FFF; text-align: center; }
  .m_header .open_nav_box  .open_close a:before { display: inline-block; content: "\00d7"; color: #000; }
  .m_header .open_nav_box  .open_close a span { display: block; text-indent: -9999px; }
	.m_header .open_nav_box .box_in {width:100%; height:100%; padding: 20px 20px 50px 20px; background:#fff; overflow-y:auto; min-width: 200px; left: -101%; position: relative;}
	.m_header .open_nav_box .box_in dt { padding: 20px; font-size: 1.2rem; color:#171c61; clear:both; box-sizing:border-box; font-weight:bold; margin-top: 3rem; }
	.m_header .open_nav_box .box_in dd { padding: 10px 20px; box-sizing:border-box; font-size: 1.2rem;  }
	.m_header .open_nav_box .box_in dd a {display:block;}

  .m_header h1 { display: inline-block; vertical-align: middle; width:60%; margin:auto; }
	.m_header h1 a {display:block; width:160px; height:100%; }
  .m_header h1 img { width: 100%; }

  /* .m_header .sns { width: 17%; margin-left: 0; }
  .m_header .sns li { margin-left: 20px; }
  .m_header .sns li:first-child { margin-left: 0; }
  .m_header .sns img { width: 30px; } */

  .main_business li { width: 50%; }

	.top_search { display: inline-block; vertical-align: middle; width: 20%; margin-left: 5%; }
	.top_search span {display:inline-block; height:30px; border-bottom:1px solid #ccc; vertical-align:middle}
	.top_search a {display:inline-block; width:45px; height:45px;  background:url(../images/top_search.png) no-repeat 50%; background-size:20px; vertical-align:middle}
  #hd_sch #sch_stx { width: 80%; font-size: 0.9rem; }
  #hd_sch #sch_submit { width: 20%; }
  #hd_sch { border: none; border-bottom: 1px solid #edecef; }
	/* .top_cotent {width:100%; height:600px;} */
	.top_cotent .main_notice {clear:both;}
	.top_cotent .main_cs {width:100%; height:300px; clear:both;}

	.main_content {width:100%; /* height:1100px; */  clear:both;}
	.main_visual .main_slide ul li .txt .tit {font-size:2rem;}
	.main_visual .main_slide ul li .txt .sub {font-size:.9rem;}
	.main_visual .main_slide ul li .txt .sub br {display:none}


	/* .top_cotent .main_notice .notice_txt {height:165px;} */

	#mainSwiper .team_box {height:180px; background:#fff; margin-right:20px}
	#mainSwiper .team_box  a {display:block; height:180px;}
	#mainSwiper .team_info {width:135px; margin-left:0;}
	#mainSwiper .team_in {float:left; width:130px;}
	#mainSwiper .team_in img {width:110px; padding-top:25px; padding-left:20px}

	/* .main_team {width:100%; height:300px; background:#57524f; box-sizing:border-box; padding:20px;} */
	#container {max-width:1600px;  margin:auto; padding-top:0px; padding-bottom:2rem; }

  #footer .sns { display: block; margin-left: 0; margin-top: 20px; }
  #footer .sns li { margin-left: 20px; }
  #footer .sns li:first-child { margin-left: 0; }

	.notice_area > div { display: block; width: 100%; }
	.notice_area .notice_subject { margin-left: 0; }
	.main_ceo_info { width: 68%; }
  .ceo_name { margin-top: 1rem; }

  /* aside */
  .aside { width: 100%; bottom: 0; right: 0; }
  .aside a strong { font-size: 1.2rem; line-height: 2rem; }
}

@media screen and (max-width:767px) {
  .m_header .open_nav { width: 20%; }
  .m_header h1 { width: 40%; background-size: 100%; }
  #hd_sch #sch_stx { height: 30px; padding: 5px; }
  #hd_sch #sch_submit { height: 30px; }
  .top_search { width: 30%; }
  #footer .address span { display: block; margin-top: 5px; }
  #footer .address span:first-child { margin-top: 0; }
	.main_ceo_img { display: block; width: 100%; }
	.main_ceo_info { display: block; width: 100%; padding-left: 0; }
  .main_business li { width: 100%; }
  .main_business li img { width: 100%; }
}

@media screen and (max-width:480px) {
	.main_visual .main_slide ul li .txt .tit {font-size:1.8rem;}
	.main_visual .main_slide ul li .txt .sub {font-size:.8rem; text-align:left;}
	.main_visual .main_slide ul li .txt .sub pre {white-space: normal;}
}

@media screen and (max-width:360px) {
	#footer .f_list li i {display:inline-block; width:1px; height:10px; background:#ccc; vertical-align:middle; margin:0 0.3rem;}
	/* .m_header h1 { background-size: 37px; } */

	.main_visual .main_slide ul li .txt .tit {font-size:1.4rem;}
	.main_visual .main_slide ul li .txt .sub {font-size:.8rem;}
}

/* @media screen and (max-width:320px){
	.top_cotent .main_notice .notice_txt {height:160px;}
} */

#m_field {width:100%; background:#e8e6df; box-sizing:border-box; padding:20px; display:none; clear:both;}
#m_field ul {font-size:0; margin-top:20px;}
#m_field ul li {display:inline-block; width:calc((100% - 100px) / 6); margin-right:20px; position:relative;}
#m_field ul li:last-child {margin-right:0;}
#m_field ul li a {display:block; width:100%; height:100px; color:#fff; font-size:1rem; border-radius:5px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; overflow:hidden; position: relative;}
#m_field ul li a span {position:absolute; top:50%; transform:translateY(-50%); display:block; text-align:center; width:100%; z-index:1;}
#m_field ul li a .field_bg {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.5); z-index:0;}

@media screen and (max-width:1024px) {
	#m_field {display:block;}
}

@media screen and (max-width:768px) {
	#m_field ul li {width:calc((100% - 20px) / 2); margin-bottom:20px;}
	#m_field ul li a {background-size:100% auto;}
	#m_field ul li:nth-child(2n+2) {margin-right:0;}
	
}

/************************* SWIPER *************************/
.swiper-container {overflow:hidden; position:relative; width:100%; margin:0 auto; z-index:1;}
.swiper-container-no-flexbox .swiper-slide {float:left;}
.swiper-wrapper {position:relative; width:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {-webkit-transform:translate3d(0px, 0, 0); -moz-transform:translate3d(0px, 0, 0); -o-transform:translate(0px, 0px); -ms-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0);}
.swiper-container-free-mode > .swiper-wrapper {margin:0 auto; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.swiper-container-vertical > .swiper-wrapper {-webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;}
.swiper-slide {position:relative; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex:0 0 auto; flex-shrink:0;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action:pan-y; touch-action:pan-y;}
.swiper-wp8-vertical {-ms-touch-action:pan-x; touch-action:pan-x;}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {position:absolute; top:50%; z-index:10; cursor:pointer;}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {opacity:0.35; cursor:auto; pointer-events:none;}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide {pointer-events:none;}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto;}
/* Scrollbar */
.swiper-scrollbar {border-radius:10px; position:relative; -ms-touch-action:none; touch-action:none; background:rgba(0, 0, 0, 0.1);}
.swiper-container-horizontal > .swiper-scrollbar {position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%;}
.swiper-container-vertical > .swiper-scrollbar {position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%;}
.swiper-scrollbar-drag {height:100%; width:100%; position:relative; background:rgba(0, 0, 0, 0.5); border-radius:10px; left:0; top:0;}
.swiper-scrollbar-cursor-drag {cursor:move;}
/* pagination */
.paginationDot {width:100%; height:auto; z-index:5; text-align:center;}
.paginationDot .swiper-pagination-switch {display:inline-block; position:relative; width:1.5rem; height:1.5rem; margin:0 0.15rem; cursor:pointer;}
.paginationDot .swiper-pagination-switch:after {content:' '; display:block; position:absolute; top:50%; left:50%; width:0.6rem; height:0.6rem; margin-top:-0.3rem; margin-left:-0.3rem; border-radius:50%; background-color:rgba(255,255,255,0.5);}
.paginationDot .swiper-active-switch:after {background-color:#fff;}

.pagination {text-align:center; padding-top:9px; height:16px; font-size:3px; line-height:3px;}
.pagination .swiper-pagination-switch {width:7px; height:7px; display:inline-block; background-color:#cbcbcb; border-radius:50%; -webkit-border-radius:50%; margin:0 3px;}
.pagination .swiper-active-switch {background-color:#000;}

pre {margin:0;}
/* a i.fa {vertical-align:middle;} */