@charset "UTF-8";

/* ***********************************************************
	common
*********************************************************** */
.cmn__Level1 { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 0 auto; padding: 0 13px; max-width: 980px; }
.pageup { background-color: #777777; cursor: pointer; display: none; font-size: 0; line-height: 0; position: fixed; right: 23px; bottom: 0px; padding: 29px 25px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
.pageup img { width: 19px; -webkit-transition: transform 0.3s; transition: transform 0.3s; }

@media only screen and (min-width: 768px){
	.pageup:hover { background-color: #9a9a9a; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
	.pageup:hover img { -webkit-transform: translate(0, -5px); transform: translate(0, -5px); -webkit-transition: transform 0.3s; transition: transform 0.3s; }
}
@media only screen and (max-width: 767px){
	.cmn__Level1 { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 0; padding: 0 10px; max-width: inherit; }
	.pageup { background-color: #777777; cursor: pointer; display: none; font-size: 0; line-height: 0; position: fixed; right: 20px; bottom: 0px; padding: 21px 18px; -webkit-transition: background-color 0s; transition: background-color 0s; }
	.pageup img { width: 11px; -webkit-transition: transform 0s; transition: transform 0s; }
	.global_header .site_id a { background: url(/images/common/logo_meltec.png) no-repeat 0 0; background-size: 194px; }
}

/* ***********************************************************
	cmn__news
*********************************************************** */
.cmn__news { margin-bottom: 55px; }
.cmn__news .news__heading { font-size: 142.85%; font-weight: bold; line-height: 1.2; text-align: center; margin-bottom: 40px; }
.cmn__news .news__heading span { border-bottom: 4px solid #80bede; display: inline-block; padding-bottom: 5px; }
.cmn__news .news__heading_year { border-bottom: 1px solid #e6e6e6; font-size: 150%; font-weight: bold; line-height: 1.2; margin-top: 30px; padding-bottom: 20px; }
.cmn__news ul + .news__heading_year { margin-top: 50px; }
.cmn__news .news__tab ul { display: flex; position: relative; }
.cmn__news .news__tab ul::after { background-color: #b4b4b4; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; }
.cmn__news .news__tab ul li { cursor: pointer; text-align: center; position: relative; padding-bottom: 1px; width: 166px; z-index: +1; }
.cmn__news .news__tab ul li + li { margin-left: 5px; }
.cmn__news .news__tab p { color: #ffffff; padding: 1px 1px 0 1px; }
.cmn__news .news__tab p span { display: block; font-size: 114.2857%; font-weight: 700; line-height: 44px; }
.cmn__news .news__tab .xAll .tab_all,
.cmn__news .news__tab .xNews .tab_news,
.cmn__news .news__tab .xInfo .tab_info { pointer-events: none; }
.cmn__news .news__tab .tab_all p { background-color: #3e3e3e; }
.cmn__news .news__tab .tab_news p { background-color: #bd2c2c; }
.cmn__news .news__tab .tab_info p { background-color: #007dbc; }
.cmn__news .news__tab .xAll .tab_all p { background-color: #b4b4b4; color: #333333; }
.cmn__news .news__tab .xNews .tab_news p { background-color: #b4b4b4; color: #bd2c2c; }
.cmn__news .news__tab .xInfo .tab_info p { background-color: #b4b4b4; color: #007dbc; }
.cmn__news .news__tab .xAll .tab_all p span,
.cmn__news .news__tab .xNews .tab_news p span,
.cmn__news .news__tab .xInfo .tab_info p span { background-color: #ffffff; }
.cmn__news .news__tab .xAll .tab_all::after,
.cmn__news .news__tab .xNews .tab_news::after,
.cmn__news .news__tab .xInfo .tab_info::after { background-color: #ffffff; content: ""; position: absolute; bottom: 0px; left: 1px; width: calc(100% - 2px); height: 1px; }
.cmn__news .news__list li { border-bottom: 1px solid #e6e6e6; display: none; padding: 25px 0; }
.cmn__news .news__list .xAll li,
.cmn__news .news__list .xNews li.news,
.cmn__news .news__list .xInfo li.info { display: block; }
.cmn__news .news__list li dl { display: flex; align-items: center; }
.cmn__news .news__list li dl dt { display: flex; align-items: center; justify-content: space-between; font-size: 114.2857%; font-weight: 700; width: 15em; }
.cmn__news .news__list li dl dt span { display: block; }
.cmn__news .news__list li dl dt small { color: #ffffff; display: block; font-size: 81.25%; line-height: 2.0769; text-align: center; width: 10em; }
.cmn__news .news__list li.news dl dt small { background-color: #bd2c2c; }
.cmn__news .news__list li.info dl dt small { background-color: #007dbc; }
.cmn__news .news__list li dl dd { display: flex; flex: 1; font-size: 114.2857%; line-height: 1.6; margin-left: 20px; }
.cmn__news .news__list li dl dd p { display: flex; align-items: center; min-height: 3.2em; }
.cmn__news .news__list li dl dd img { vertical-align: middle; margin-left: 5px; width: 19px; }
.cmn__news .news__more { display: none; text-align: center; margin-top: 35px; }
.cmn__news .news__more span { background: url(/images/common/icon_more.png) left center no-repeat; background-size: 18px auto; cursor: pointer; display: inline-block; font-size: 114.2857%; font-weight: 700; vertical-align: top; padding-left: 26px; }
.cmn__news .news__link { text-align: center; margin-top: 30px; }
.cmn__news .news__link a { color: #222222; display: inline-block; vertical-align: top; }
.cmn__news .news__link a span { background: url(/images/common/arw_news_link.svg) left center no-repeat; background-size: auto 11px; display: block; font-weight: 700; padding-left: 16px; }
@media only screen and (min-width: 768px){
.cmn__news .news__tab .tab_all:hover p { background-color: #b4b4b4; color: #333333; }
.cmn__news .news__tab .tab_news:hover p { background-color: #b4b4b4; color: #bd2c2c; }
.cmn__news .news__tab .tab_info:hover p { background-color: #b4b4b4; color: #007dbc; }
.cmn__news .news__tab .tab_all:hover p span,
.cmn__news .news__tab .tab_news:hover p span,
.cmn__news .news__tab .tab_info:hover p span { background-color: #ffffff; }
}
@media only screen and (max-width: 767px){
.cmn__news { margin-bottom: 45px; padding: 0 10px; }
.cmn__news .news__heading { font-size: 128.57%; margin-bottom: 30px; }
.cmn__news .news__heading span { color: #333333; }
.cmn__news .news__tab { margin-bottom: 10px; }
.cmn__news .news__tab ul { flex-wrap: wrap; justify-content: space-between; }
.cmn__news .news__tab ul::after { display: none; }
.cmn__news .news__tab ul li { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; margin-top: 2px; padding-bottom: 0; flex-basis: calc(50% - 1px); }
.cmn__news .news__tab ul li:nth-of-type(1) { margin-top: 0; flex-basis: 100%; }
.cmn__news .news__tab ul li::after { display: none; }
.cmn__news .news__tab ul li + li { margin-left: 0px; }
.cmn__news .news__tab p { display: flex; align-items: center; padding: 0 10px; flex-basis: 100%; }
.cmn__news .news__tab p span {-webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; line-height: 1.2; padding: 13px 14px; width: 100%; }
.cmn__news .news__tab .tab_all p { background-color: #3e3e3e; border: 1px solid #3e3e3e; }
.cmn__news .news__tab .tab_news p { background-color: #bd2c2c; border: 1px solid #bd2c2c; }
.cmn__news .news__tab .tab_info p { background-color: #007dbc; border: 1px solid #007dbc; }
.cmn__news .news__tab .xAll .tab_all p { background-color: #ffffff; border: 1px solid #b4b4b4; }
.cmn__news .news__tab .xNews .tab_news p { background-color: #ffffff; border: 1px solid #b4b4b4; }
.cmn__news .news__tab .xInfo .tab_info p { background-color: #ffffff; border: 1px solid #b4b4b4; }
.cmn__news .news__tab .xAll .tab_all p span,
.cmn__news .news__tab .xNews .tab_news p span,
.cmn__news .news__tab .xInfo .tab_info p span { background: #ffffff url(/images/common/arw_news_02.png) right center no-repeat; background-size: 9px auto; }
.cmn__news .news__tab .xAll .tab_all::after,
.cmn__news .news__tab .xNews .tab_news::after,
.cmn__news .news__tab .xInfo .tab_info::after { display: none; }
.cmn__news .news__list li { padding: 20px 0; }
.cmn__news .news__list li dl { display: block; }
.cmn__news .news__list li dl dt { justify-content: flex-start; font-size: 100%; margin-bottom: 10px; width: auto; }
.cmn__news .news__list li dl dt span { margin-right: 10px; }
.cmn__news .news__list li dl dt small { font-size: 92.8571%; line-height: 1.9285; }
.cmn__news .news__list li dl dd { display: block; flex: initial; font-size: 100%; line-height: normal; margin-left: 0; }
.cmn__news .news__list li dl dd p { display: block; min-height: inherit; }
.cmn__news .news__list li dl dd img { width: 15px; }
.cmn__news .news__more { margin-top: 25px; }
.cmn__news .news__more span { background-size: 15px auto; font-size: 100%; padding-left: 24px; }
.cmn__news .news__link { text-align: center; margin: 25px -20px 0 -20px; }
.cmn__news .news__link a span { background-size: auto 9px; padding-left: 13px; }
}

/* ***********************************************************
	cmn__anchor
*********************************************************** */
.cmn__anchor ul { background-color: #f0f0f0; display: flex; justify-content: center; margin-bottom: 50px; padding: 20px; }
.cmn__anchor ul li { border-left: 1px solid #c1c1c1; }
.cmn__anchor ul li:last-child { border-right: 1px solid #c1c1c1; }
.cmn__anchor ul li a { color: #005e8c; cursor: pointer; display: block; text-decoration: none; padding: 0 25px; }
.cmn__anchor ul li a span { background: url(/images/common/arw_news_02.png) left center no-repeat; background-size: auto 6px; display: block; font-size: 114.2857%; font-weight: 700; padding-left: 20px; }
@media only screen and (min-width: 768px){
.cmn__anchor ul li:hover a span { text-decoration: underline; }
}
@media only screen and (max-width: 767px){
.cmn__anchor ul { display: block; margin: 0 10px 25px 10px; padding: 5px 15px; }
.cmn__anchor ul li { border-left: none; border-bottom: 1px solid #c1c1c1; }
.cmn__anchor ul li:last-child { border-right: none; border-bottom: none; }
.cmn__anchor ul li a { cursor: pointer; text-align: center; padding: 15px 0; }
.cmn__anchor ul li a span { background-size: auto 5px; display: inline-block; font-size: 114.2857%; vertical-align: top; padding-left: 18px; }
}

/* ***********************************************************
	cmn__banner
*********************************************************** */
.cmn__banner { background-color: #ebe6e0; padding: 45px 0; }
.cmn__banner .banner__list { overflow: hidden; }
.cmn__banner .banner__list ul { margin-right: -2.51%; margin-top: -24px }
.cmn__banner .banner__list li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; text-align: center; padding-right: 2.45%; margin-top: 24px; width: 33.33%; }
.cmn__banner .banner__list li a { border: 1px solid #d4d4d4; display: block; font-size: 0; line-height: 0; }
.cmn__banner .banner__list li a img { width: 100%; }

@media only screen and (min-width: 768px){
	.cmn__banner .banner__list li a:hover { opacity: 0.7; }
}
@media only screen and (max-width: 767px){
	.cmn__banner { padding: 30px 0; }
	.cmn__banner .banner__list { overflow: hidden; }
	.cmn__banner .banner__list ul { margin-right: 0; padding: 0 10px; }
	.cmn__banner .banner__list li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; text-align: center; margin-bottom: 15px; padding-right: 0; width: auto; }
	.cmn__banner .banner__list li:last-child { margin-bottom: 0; }
	.cmn__banner .banner__list li a { border: 1px solid #d4d4d4; display: block; font-size: 0; line-height: 0; }
	.cmn__banner .banner__list li a img { width: 100%; }
}

/* ***********************************************************
	cmn__navi
*********************************************************** */
.cmn__navi { background-color: #333333; padding: 22px 0 60px 0; }
.cmn__navi .navi__list { overflow: hidden; }
.cmn__navi .navi__list nav { display: table; width: 100%; }
.cmn__navi .navi__list a { border-left: 1px solid #616161; color: #ffffff; display: table-cell; font-size: 114.28%; font-weight: bold; text-align: center; vertical-align: middle; padding: 5px; width: 16.66%; }
.cmn__navi .navi__list a:last-child { border-right: 1px solid #616161; }

@media only screen and (max-width: 767px){
	.cmn__navi { background-color: #333333; margin-bottom: -15px; padding: 0; }
	.cmn__navi .navi__list { overflow: hidden; margin: 0 -10px; }
	.cmn__navi .navi__list nav { display: block; width: auto; }
	.cmn__navi .navi__list a { border-left: 0px; border-bottom: 1px solid #ffffff; color: #ffffff; display: block; font-size: 100%; font-weight: bold; text-align: left; vertical-align: middle; padding: 15px 10px; width: auto; }
	.cmn__navi .navi__list a:last-child { border-right: 0px; border-bottom: 0px; }
	.cmn__navi .navi__list a span { background: url(/images/home/arw_navi.png) right center no-repeat; background-size: 9px 16px; display: block; padding-right: 15px; }
}