@charset "UTF-8";
*,::after,::before{box-sizing:border-box}html{line-sizing:normal}pre{white-space:pre-wrap}hr{color:inherit;overflow:visible;display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}audio,canvas,embed,iframe,object,svg,video{display:block;vertical-align:middle;max-width:100%}img{max-width:100%;border-style:none;vertical-align:top;font-size:0;line-height:0}canvas,img,svg,video{height:auto}audio{width:100%}svg{overflow:hidden}article,aside,figcaption,figure,footer,header,hgroup,img,main,nav,section{display:block}[type=checkbox],[type=radio],hr{padding:0}a,li,ol,ul{margin:0;padding:0}li,ol,ul{list-style:none}a{font-size:100%;vertical-align:baseline;background:0 0}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{-webkit-appearance:none;border-radius:0}select,table,textarea{font:100%}h1,h2,h3,h4,h5,h6{line-height:1.625;font-weight:700}dd,dt,input,li,option,p,td,textarea,th{line-height:1.625}em{font-style:normal}em,strong{font-weight:700}td,th{vertical-align:top}
body {
  font-size: 16px;
  font-family: 'Roboto','Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
  color: #4d4d4d;
  background: #ffffff;
  margin: 0;
  -webkit-text-size-adjust: 100%;
}
a {
  color: #1eb1d7;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.article {
  margin-top: 96px;
  overflow-x: hidden;
	width: 100%;
  min-height: 520px;
}
.notice {
  margin-top: 80px;
  overflow-x: hidden;
  min-width: 1300px;
  min-height: 520px;
}
.inner {
  margin: 0 auto;
  max-width: 1300px;
	width: 95%;
}
.wide-inner {
	width: 95%;
	margin: 0 auto;
}
#header {
  height: 95px;
}
#header .inner {
	width: 100%;
	max-width: 100%;
	padding: 0 2rem;
	display: flex;
	justify-content: space-between;
}
#header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
}
#header .position {
	position: relative;
}
#header .logo {
  padding-top: 18px;
	width: 270px;
}
#header .nav {
  margin-top: 32px;
 width: 70%;
	max-width: 1000px;
}
#header .nav ul {
	display: flex;
}
#header .nav li {
  margin-right: 1%;
  width: calc(94% / 6);
}
#header .nav li >  a.drop {
	padding: 0.3rem 0;
	text-align: center;
	margin: 0;
	position: relative;
	cursor: pointer;
}
#header .nav li > a.drop:after {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	border-right: 1px solid #707070;
	border-bottom: 1px solid  #707070;
	transform: rotate(45deg);
	right: 0.5rem;
	top: 13px;
}
#header .nav li > a.drop:hover:after {
	border-right: 1px solid #fff;
	border-bottom: 1px solid  #fff;
}
#header .nav li > a {
	text-align: center;
	display: block;
}
#header .nav li a {
	color: inherit;
	text-decoration: none;
	padding: 0.3rem 0;
}
#header .nav li a:hover {
	background-color: #0085CD;
	color: #fff;
}
#header .nav li .sub {
	position: absolute;
	top: 95px;
	visibility: hidden;
    opacity: 0;
	left: 0;
	color: #fff;
	width: 100%;
	background-color: #0085CD;
	padding: 2rem 1rem;
	transition: .5s;
}
#header .nav li:hover >  .sub {
	visibility: visible;
    opacity: 1;
}
#header .nav li .sub .inner {
	display: flex;
}
#header .nav li .sub .inner .title {
	width: 20%;
	line-height: 2;
}
#header .nav li .sub .inner ul,#header .nav li .sub .header-business {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
}
#header .nav li .sub .inner li{
	line-height: 2;
	width: 25%;
	margin-right: 0;
}
#header .nav li .sub .header-business .item {
	margin-bottom: 2rem;
	width: 50%;
}
#header .nav li .sub .header-business .item .head {
	font-weight: bold;
	font-size: 1.1rem;
}
#header .nav li .sub .header-business .item ul {
		width: 95%;
}
#header .nav li .sub .header-business .item li {
	width: 50%;
}
#header .nav li .sub .inner a {
	color: #fff;
	text-align: left;
	display: block;
	position: relative;
	padding: 0.2rem 0.2rem 0.2rem  1rem;
}
#header .nav li .sub .inner   a:before {
	position: absolute;
	content: '';
	width: 8px;
	height: 1px;
	background-color: #fff;
	top: 19px;
	left: 0;
}

.sp-menu {
	display: none;
}
.footer-service-index {
	width: 95;
	margin: 0 auto;
	padding: 4rem;
	display: flex;
	justify-content: space-between;
	background-color: #002655;
	color: #fff;
}
.footer-service-index h2 {
	width: 20%;
}
.footer-service-index .list-box {
	width: 78%;
	display: flex;
	flex-wrap: wrap;
}
.footer-service-index .list-box .list {
	width: 50%;
	padding: 1rem;
}
.footer-service-index .list-box .list li {
	position: relative;
	padding: 0 0 0 1.5rem;
}
.footer-service-index .list-box .list li:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 1px;
	left: 0;
	top: 13px;
	background-color: #fff;

}
.footer-service-index .list-box .list a {
	color: #fff;
	font-size: 0.9rem;
}
.footer {
	background-color: #000000;
	color: #ffffff;
	padding: 4rem 0;
}
.footer .footer-link {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.footer .footer-link .contact-button a {
	display: block;
	background-color: #E64800;
	color: #ffffff;
	position: relative;
	width: 200px;
	padding: 0 1rem;
	line-height: 3rem;
}
.footer .footer-link .contact-button a:before,.footer .footer-link .contact-button a:after {
	position: absolute;
	content: '';
	height: 1px;
background-color: #fff;
}

.footer .footer-link .contact-button a:before {
	width: 40px;
	height: 1px;
	top: 24px;
	right: 16px;
}
.footer .footer-link .contact-button a:after {
	width: 10px;
	height: 1px;
	transform: rotate(45deg);
	top: 20px;
	right: 16px;
}
.footer .footer-link li a {
	color:#ffffff;
	font-weight: 400;
}

.footer .footer-link ul {
	display: flex;
	padding-top: 1rem;
}
.footer .footer-link li {
	margin-right: 1rem;
	padding-right: 1rem;
	line-height: 1rem;
	position: relative;
}
.footer .footer-link li:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 16px;
	top: 0;
	right: 0;
	background-color: #ffffff;
}
.footer .end-footer {
	display: flex;
	justify-content: space-between;
}
.footer .end-footer .copyright {
	display: flex;
	align-items: flex-end;
	font-weight: 300;
	font-size: 0.8rem;
}
.footer .end-footer p {
	padding: 0;
	margin: 0 0 0.5rem;
}
#page-top {
	position: fixed;
	right: 2%;
	bottom: 2%;z-index: 5;
}
#page-top a {
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	background-color: #00469B;
		transition: .5s;
}
#page-top a:hover {
	background-color: #000000;
}
#page-top a span {
	position: relative;
	width: 16px;
	height: 16px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(-45deg);
	display: block;
	top: 20px;
	left: 16px;
}
caption {
  font-weight: bold;
}
th {
  text-align: left;
}
.clear {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
h1[name="aititle"] {
 text-shadow: 0px 0px 10px rgba(179,179,179,0.8);
}
h1[name="ai-title1"] {
  width: 255px;
  background-color: rgba(255, 255, 255, 0.3);
  /* opacity: 0.4; */
  border-radius: 10px;
  padding: 10px;
  margin-top: -15px;
}

#sititle {
  font-size: 95%;
}
/* inline style */
.bc1 {
  background-color: #fff;
}
.bc2 {
  background-color: #f6f6f6;
}
/* layout module */
.center {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.box {
  padding: 15px 15px 1px;
}

.col {
  float: left;
}

.col1 .col {
  max-width: 1300px;
  width: 100%;
}
.col2 .col {
  width: 48%;
}
.col3 .col {
  max-width: 416px;
  width: 32%;
}
.col3 .join2 {
  max-width: 832px;
  width: 64%;
}
.col4 .col {
  max-width: 299px;
  width: 23%;
}
.col4 .footer-col {
  margin-left: 13px;
  width: 235px;
}
.col4 .join2 {
  max-width: 624px;
  width: 48%;
}
.col4 .join3 {
  max-width: 962px;
  width: 74%;
}
.col5 .col {
  max-width: 234px;
  width: 18%;
}
.col5 .join2 {
  max-width: 494px;
  width: 38%;
}
.col5 .join3 {
  max-width: 780px;
  width: 60%;
}
.col5 .join4 {
  max-width: 1040px;
  width: 80%;
}
.col6 .col {
  margin-left: 22px;
  width: 145px;
}
.col6 .join2 {
  width: 312px;
}
.col6 .join3 {
  width: 479px;
}
.col6 .join4 {
  width: 646px;
}
.col6 .join5 {
  width: 813px;
}
.col1, .col2, .col3, .col4, .col5, .col6 {
	margin: 0 auto;
	max-width: 1340px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 20px;
}

.grid1 .col {
  max-width: 1300px;
width: 100%;
}
.grid2 .col {
  width: 50%;
}
.grid3 .col {
  width: 33.333333%;
}
.grid3 .join2 {
  width: 66.666666%;
}
.grid4 .col {
  width: 25%;
}
.grid4 .join2 {
  width: 50%;
}
.grid4 .join3 {
  width: 75%;
}
.grid5 .col {
  width: 20%;
}
.grid5 .join2 {
  width: 40%;
}
.grid5 .join3 {
  width: 60%;
}
.grid5 .join4 {
  width: 80%;
}
.grid6 .col {
  width: 16.666666%;
}
.grid6 .join2 {
  width: 33.333333%;
}
.grid6 .join3 {
  width: 50%;
}
.grid6 .join4 {
  width: 66.666666%;
}
.grid6 .join5 {
  width: 83.333333%;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6,.panel1, .panel2, .panel3, .panel4, .panel5, .panel6 {
  margin: 0 auto;
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 95%;
	margin: 0 auto;
}
.flex-wrap.item3  .item{
	width: 33.3333333%;
	padding: 1rem;
}
.flex-wrap.item3  .item img {
	width: 100%;
	height: auto;
}
.al-center {
   display: flex;
    align-items: center;
}
.index-panel01,.index-panel02,.index-panel03 {
  margin: 0 auto;
  width: 95%;
  display: flex;
  flex-wrap: wrap;

}
.index-panel01 .item,.index-panel02 .item,.index-panel03 .item {
	width: 23%;
	margin: 0 1% 2rem;
	min-width: 275px;

}
.index-panel01 .item a {
	display: block;
	height: 310px;
	position: relative;
	background-color: #E3E3E3;
	color: #ffffff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.index-panel01 .item .cover {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	transition: .5s;
}
.index-panel01 .item a:hover .cover {
	background-color: rgba(0,70,155,0.8);
}

.index-panel01 .item a .sub {
	position: absolute;
	top: 12rem;
	left: 1.5rem;
	color: #ffffff;
	z-index: 2;
	font-weight: 300;
}
.index-panel01 .item a .label {
	position: absolute;
	top: 15rem;
	left: 1.5rem;
	color: #ffffff;
	margin: 0;
	z-index: 2;
}
.index-panel01 .item a:before {
	content: '';
	position: absolute;
	width: 60px;
	height: 1px;
	background-color: #ffffff;
	bottom: 2rem;
	right: 1.5rem;
	z-index: 2;
}
.index-panel01 .item a:after {
	content: '';
	position: absolute;
	width: 18px;
	z-index: 2;
	height: 1px;
	background-color: #ffffff;
	bottom: 38px;
	right: 20px;
	transform: rotate(45deg);
}
.index-panel02 .item a {
	display: block;
	position: relative;
	color: inherit;
    padding: 2rem 85px 2rem 1.5rem;
	border: 1px solid #E3E3E3;
	transition: .5s;
}
.index-panel02 .item a:hover {
	background-color: rgba(0,70,155,0.8);
	text-decoration: none;
	color: #ffffff;
	border: 1px solid rgba(0,70,155,0.8);
}
.index-panel02 .item a:hover:before,.index-panel02 .item a:hover:after {
		background-color: #ffffff;

}
.index-panel02 .item a:before {
	content: '';
	position: absolute;
	width: 60px;
	height: 1px;
	background-color: #707070;
	bottom: 2.5rem;
	right: 1.5rem;
}
.index-panel02 .item a:after {
	content: '';
	position: absolute;
	width: 18px;
	height: 1px;
	background-color: #707070;
	bottom: 46px;
	right: 20px;
	transform: rotate(45deg);
}


.index-panel03 .item a {
	display: block;
	position: relative;
	color: inherit;
	border: 1px solid #E3E3E3;
		transition: .5s;
}

.index-panel03 .item a:hover {
	background-color: rgba(0,70,155,1);
	color: #fff;
	text-decoration: none;
}
.index-panel03 .item a .image {
   min-height: 160px;
    max-height: 200px;
	overflow: hidden;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
}
.index-panel03 .item a .image img {
	width: 100%;
	height: auto;
}
.index-panel03 .item a .container {
	padding: 1rem;
}
.index-panel03 .item a .sub {
	padding: 0;
	margin: 0 0 0.5rem;
	font-weight: 300;
}
.index-panel03 .item a .label {
	margin: 0;
	padding: 0 80px 0 0;
	font-weight: bold;
}
.index-panel03 .item a:before,.index-panel03 .item a:after {
	content: '';
	position: absolute;
	z-index: 2;
	height: 1px;
	background-color: #707070;
}

.index-panel03 .item a:before {
	width: 60px;
	bottom: 2rem;
	right: 1.5rem;
}
.index-panel03 .item a:after {
	width: 18px;
	bottom: 38px;
	right: 20px;
	transform: rotate(45deg);
}
.index-panel03 .item a:hover:before,.index-panel03 .item a:hover:after {
	background-color: #ffffff;
}
.panel1 .col {
	max-width: 1300px;
	width: 100%;
}
.panel2 .col {
  width: 48%;
}
.panel3 .col {
  width: 32%;
}
.panel3 .join2 {
  width: 630px;
}
.panel4 .col {
  width: 23%;
}
.panel4 .join2 {
  width: 48%;
}
.panel4 .join3 {
  width: 75%;
}
.panel5 .col {
  margin-left: 20px;
  width: 180px;
}
.panel5 .join2 {
  width: 380px;
}
.panel5 .join3 {
  width: 580px;
}
.panel5 .join4 {
  width: 780px;
}
.panel6 .col {
  margin-left: 22px;
  width: 145px;
}
.panel6 .join2 {
  width: 312px;
}
.panel6 .join3 {
  width: 479px;
}
.panel6 .join4 {
  width: 646px;
}
.panel6 .join5 {
  width: 813px;
}
.panel1 a, .panel2 a, .panel3 a, .panel4 a, .panel5 a, .panel6 a {
  display: block;
  text-decoration: none;
}
.panel1 a:hover, .panel2 a:hover, .panel3 a:hover, .panel4 a:hover, .panel5 a:hover, .panel6 a:hover {
  opacity: 0.7;
}
.article.news .section, .article.news .aside {
  padding-top: 75px;
}
.article.news .header.txt h1 {
  margin-bottom: 0;
}
.article.news .header.txt h1 .sub {
  margin-bottom: 0;
}
.header.txt .c-white, .text-shadow {
  text-shadow: 0px 0px 10px rgba(78, 78, 78, 0.8);
}
.breadcrumb {
  margin: 0 auto;
  width: 100%;
	max-width: 1300px;
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
}
.breadcrumb li {
  font-size: 0.8rem;
}
.breadcrumb a {
  position: relative;
  color: inherit;
  padding-right: 1rem;
  margin-right: 1rem;
  font-size: 0.8rem;
}
.breadcrumb a:after {
  position: absolute;
  width: 5px;
  height: 5px;
  content: '';
  border-right: 1px solid #002655;
  border-bottom: 1px solid #002655;
  transform: rotate(-45deg);
  right: 0;
  top: 5px;
}
.article.news .section {
  border-bottom: 1px solid #ccc;
}
.article.news .section:last-child {
  border-bottom: 0;
}
.article.news .col4 h2 {
  margin-bottom: 30px;
}
.article.news .col4 h2 .sub {
  margin-bottom: 20px;
  font-size: 1rem;
  color: #999;
}
.article.news .col4 p {
  line-height: 1.75;
}
.side-nav {
  border-top: 1px solid #ccc;
}
.side-nav li {
  border-bottom: 1px solid #ccc;
}
.side-nav a {
  padding: 15px 15px 15px 27px;
  display: block;
  color: #eb6100;
  background: transparent url("/https/www.headwaters.co.jp/images/common/arrow_link.png") 10px 50% no-repeat;
}
/* parts */
a.btn {
  padding: 12px 5rem 12px 5rem;
  border: 1px solid #0071bc;
  color: #ffff;
 background-color: #00469B;
  display: inline-block;
  text-align: center;
  position: relative;
  text-decoration: none;
}
a.btn:after,a.btn:before {
	position: absolute;
	content: '';
	background-color: #fff;
	height: 1px;
}
a.btn:after {
	width: 12px;
	top: 21px;
	right: 14px;
	transform: rotate(45deg);
}
a.btn:before {
	width: 32px;
	right: 16px;
	top: 25px;
}
a.btn:hover {
  opacity: 0.5;
}
a.btn.gray {
  border-color: #4d4d4d;
  color: #4d4d4d;
background-color: #fff;
}
a.btn.gray:after,a.btn.gray:before {
	background-color: #4d4d4d;
}
a.btn.white {
  border-color: #fff;
  background-color: none;
  color: #fff;
}

.button01 a {
	display: block;
	background-color: #00469B;
	color: #ffffff;
	max-width: 380px;
	margin: 1rem 0 1rem;
	padding: 1rem;
	line-height: 2rem;
	position: relative;
}
.button02 a {
	display: block;
	background-color: #E64800;
	color: #ffffff;
	max-width: 380px;
	margin: 1rem auto 1rem;
	padding: 1rem;
	line-height: 2rem;
	position: relative;
}
.button01 a:after,.button01 a:before,.button02 a:after,.button02 a:before {
	position: absolute;
	content: '';
}
.button01 a:after,.button02 a:after {
	width: 20px;
	height: 1px;
	right: 16px;
	background-color: #ffff;
	top: 26px;
	transform: rotate(45deg);
}
.button01 a:before,.button02 a:before {
	width: 60px;
	height: 1px;
	right: 18px;
	background-color: #ffff;
	top: 33px;
}

.col1 a.btn {
  min-width: 450px;
}
dl.faq dt, dl.faq dd {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
dl.faq dt span, dl.faq dd span {
  margin-right: 10px;
}
dl.faq dt {
  margin-bottom: 5px;
  font-weight: bold;
}
dl.faq dd {
  margin-bottom: 30px;
}
dl.check dt {
  padding: 20px 20px 10px 56px;
  border-left: 3px solid #80d37c;
  font-weight: bold;
  font-size: 1.3125rem;
  color: #80d37c;
  background: white url("/https/www.headwaters.co.jp/images/common/check.png") 20px 25px no-repeat;
}
dl.check dd {
  margin-bottom: 20px;
  padding: 0 20px 20px 20px;
  border-left: 3px solid #80d37c;
  background: #fff;
}
.col6.step {
  background: url("/https/www.headwaters.co.jp/images/common/step_6.png") 0 50% repeat-x;
}
.col5.step {
  background: url("/https/www.headwaters.co.jp/images/common/step_5.png") 0 50% repeat-x;
}
.col4.step {
  background: url("/https/www.headwaters.co.jp/images/common/step_4.png") 0 50% repeat-x;
}
.col3.step {
  background: url("/https/www.headwaters.co.jp/images/common/step_3.png") 0 50% repeat-x;
}
#aiheader {
  text-align: center;
}
#aititle {
  margin-top: 60px;
  display: block;
}
/* font style */
.post .col {
  margin-bottom: 15px;
}
.post .col p, .post .col ul, .post .col ol, .post .col dl, .post .col table {
  margin-bottom: 15px;
}
.heading-en {
	font-size: 3rem;
	font-weight: 300;
	line-height: 4rem;
	padding: 0;
	margin: 0 0 1rem;
	color: #0085CD;
}
.heading02 {
	font-size: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}
  .col img {
    width: 100%;
  }
  .col img.atw {
    width: auto !important;
    max-width: 100%;
  }
  .col img.m0a {
    margin: 0 auto;
    margin-top: 32px;
  }
.post .col h2 .sub, .post .col h3 .sub {
  display: block;
  font-weight: normal;
}
.post .col1, .post .col2, .post .col3, .post .col4, .post .col5, .post .col6 {
  margin-bottom: 45px;
}
.post .col1 h2 {
  text-align: center;
  margin-bottom: 15px;
  font-size: 2.625rem;
}
.post .col1 h2 .sub {
  margin-bottom: 10px;
  font-size: 1.125rem;
}
.post .col1 .lead {
  text-align: center;
}
.post .col2 h2 {
  margin-bottom: 15px;
  font-size: 1.75rem;
}
.post .col2 h2 .sub {
  font-size: 1.125rem;
}
.post .col2 h3, .post .col3 h2 {
text-align: center;
  margin-bottom: 15px;
  font-size: 1.5rem;
}
.post .col2 h3 .sub, .post .col3 h2 .sub {
  font-size: 1.125rem;
}
.post .col3 h3 {
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.375rem;
}
.post .interview h3 {
  text-align: left;
  margin-bottom: 15px;
  font-size: 1.375rem;
}
.post .col3 h3 .sub {
  font-size: 1rem;
}
.post .col4 h2, .post .col5 h2, .post .col6 h2 {
  margin-bottom: 15px;
  font-size: 1.375rem;
}
.post .col4 h2 .sub, .post .col5 h2 .sub, .post .col6 h2 .sub {
  font-size: 1.125rem;
}
.post .col4 h3, .post .col5 h3, .post .col6 h3 {
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.125rem;
}
.post .col4 h3 .sub, .post .col5 h3 .sub, .post .col6 h3 .sub {
  font-size: 0.875rem;
}
.post .col4 p, .post .col5 p, .post .col6 p {
  font-size: 0.875rem;
}
.post .join3 p {
  font-size: 1rem;
}
.post .panel1 p, .post .panel2 p, .post .panel3 p, .post .panel4 p, .post .panel5 p, .post .panel6 p {
  margin-bottom: 10px;
}
.post .panel1 a h3, .post .panel2 a h3, .post .panel3 a h3, .post .panel4 a h3, .post .panel5 a h3, .post .panel6 a h3 {
  padding-left: 12px;
  color: #404040;
  background: white url("../images/common/arrow_link.png") 0 29px no-repeat;
}
.post .panel1 a h3 .sub, .post .panel2 a h3 .sub, .post .panel3 a h3 .sub, .post .panel4 a h3 .sub, .post .panel5 a h3 .sub, .post .panel6 a h3 .sub {
  margin-left: -12px;
  color: #eb6100;
  font-size: 14px;
}
.post .panel1 a:hover h3, .post .panel2 a:hover h3, .post .panel3 a:hover h3, .post .panel4 a:hover h3, .post .panel5 a:hover h3, .post .panel6 a:hover h3 {
  background-position: 2px 29px;
}
.post .header.txt {
  padding: 4rem 0 4rem;
}
.post .header.txt h1 {
  margin-bottom: 1rem;
  font-size: 5rem;
	line-height: 5rem;
  font-weight: normal;
}
.post .header.txt h1 .sub {
  margin-bottom: 0.5rem;
	padding-top: 0.5rem;
  display: block;
  font-size: 1.2rem;
	line-height: 2rem;
}
.post .header.txt p {
  margin-bottom: 1rem;
}
.post .header.txt .lead {
  margin-bottom: 2rem;
  font-weight: bold;
  text-align: left;
}
.post .header  p.header-name {
	font-size: 3rem;
}
.post .header.bg1 {
  color: #fff;
  background-color: #5dcfff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.post .header.img img {
  width: 100%;
}
.post .header.bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;

	margin-bottom: 1rem;
}
.post .header.bg-img2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 80%;
  height: 360px;
}
.under-index-header {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 720px;
}
.under-index-header .circle {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 500px  600px 0 0;
	border-color: rgba(0,38,85,0.5) transparent transparent transparent;
}
.under-index-header .title {
	position: absolute;
	top: 100px;
	padding: 2rem 4%;;
	color: #ffff;
}
.under-index-header .title p.lead {
	font-size: 1.2rem;
	font-weight: 300;
	padding: 0;
	margin: 0;
}
.under-index-header .title h1 {
	padding: 0.5rem 0;
	margin: 0;
	font-weight: normal;
}
.haeding-bg {
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding: 7rem 2.5% 6rem;
}
.haeding-bg  .lead-en {
	font-size: 2rem;
	font-weight: 300;
}
.haeding-bg  p {
	width: 50%;
}
.post .header .visual {
  margin: 0 ;
  width: 100%;
}
.post .header .visual .img {
  position: absolute;
  left: 0;
  top: 0;
}
.post .header .visual img {
	width: 100%;
	height: auto;
}
.post .header .visual .txt {
  padding: 0 320px;
  width: 1300px;
  height: 650px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.post .header .visual .txt h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 2.625rem;
  font-weight: normal;
}
.post .header .visual .txt h2 .sub {
  margin-bottom: 20px;
  display: block;
  font-size: 1.125rem;
}
.post .header .visual .txt p {
  margin-bottom: 15px;
}
.post .header .col1, .post .header .col2, .post .header .col3, .post .header .col4, .post .header .col5, .post .header .col6 {
  margin-bottom: 0;
}
.post .section {
  padding: 100px 0 40px;
}
.post .aside {
  padding: 100px 10px 40px;
}
.post .section.page-contact {
  padding: 4rem 0 4rem;;
}
.post2 {
  margin-top: 80px;
}
.section.bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.ir-list {
	padding: 2rem 0;
}
.ir-lib .yearnavi {
	margin-bottom: 1rem;
	position: relative;
	width: 120px;
	margin-left: auto;
}
.ir-lib .yearnavi:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	transform: rotate(45deg);
	right:10px;
	top: 10px;
}
.ir-lib .yearnavi select {
	border: none;
	font-size: 100%;
	line-height: 2rem;
	width: 100%;
	border-bottom: 1px solid #C7C7C7;
	padding: 0.2rem;
	z-index: 2;
}
.ir-lib .yearnavi select:focus {
outline: none;
}

.ir-lib .tab{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 3rem;
}


.ir-lib .tab li {
	max-width: 180px;
	text-align: center;
	width: calc(100% / 7);
}
.ir-lib .tab li a {
	color: inherit;
	display: block;
	background-color: #F0F0F0;
	line-height: 3rem;
	text-decoration: none;
	text-align: center;
	transition: .5s;
}
.ir-lib .tab li.active a {
	background-color: #00469B;
	color: #ffffff;
}
.ir-lib .tab li a:hover {
	background-color: #00469B;
	color: #ffffff;
}
.ir-list dl{
	display: flex;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #C7C7C7;
	line-height: 2rem;
}
.ir-list dt{
	width: 145px;
	text-align: center;
	font-size: 0.9rem;
	line-height: 2rem;
}
.ir-list dt.cate {
	background-color: #0085CD;
	color: #fff;
;
}
.ir-list dd {
	width: 1000px;
	line-height: 2rem;
}
.ir-list a {
	color: inherit;
}
.ir-faq h4{
	background-color: #0085CD;
	color: #ffff;
	padding: 0.5rem;
	font-weight: 300;
	margin-bottom: 0;
}
.ir-faq p{
	padding: 0.5rem;
	margin: 0 0  1rem;
	background-color: #F8F8F8;
}
.ir-faq  span {
	padding-right: 0.5rem;
}
.ir-cal-table {
	width: 100%;
	margin: 0 auto;
}
.ir-cal-table  th {
	background-color: #0085CD;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #D0D0D0;
}
.ir-cal-table  td.month {
	background-color: #EFEFEF;
	text-align: center;
	vertical-align: middle;
	width: 15%
}
.ir-cal-table  td {
	padding: 0.5rem;
	border: 1px solid #D0D0D0;
}
.ir-youtube {
	margin: 0 auto;
	width: 100%;
}
.ir-youtube  iframe{
	width: 100%;
	height: 486px;
}
.top-message {
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top-message .image {
	width: 40%;
}
.top-message .image img {
	max-width: 600px;
	margin: 0 auto;
}
.top-message .item {
	width: 55%;
}
.top-message .item p {
	line-height:  2.2rem;
}
.recruit-tools {
	
}
.recruit-tools ul {
	display: flex;
	justify-content:center;;
}
.recruit-tools ul li {
	width: 25%;
	padding: 5px;
	text-align: center;
}
.recruit-tools ul li img {
	
	width: auto !important;
	max-height: 50px;
	margin: 0 auto;
}
.check-list  dl{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.check-list  dl dd {
	width: 780px;
	line-height: 1.8rem;
}
.check-list  dl dt.check {
	width:  2rem;
	height: 2rem;
	margin-top: 8px;
	background-color: #fff;
	position: relative;
}
.check-list  dl dt.check:before,.check-list  dl dt.check:after {
	content: '';
	position: absolute;
	height: 5px;
	background-color: #0085CD;
}
.check-list  dl dt.check:before {
	width: 15px;
	top: 13px;
	left: 5px;
	transform: rotate(45deg);
}
.check-list  dl dt.check:after  {
	width: 35px;
	top: 7px;
	left: 10px;
	transform: rotate(-45deg);
}

.check-list  dl dt.label {
	font-size: 2rem;
	text-align: left;
	width: 400px;
}
.officer {
	display: flex;
	flex-wrap: wrap;
}
.officer .col:first-child {
	widows: 180px;
	margin-right: 20px;
}
.table1 {
	width: 100%;
}
.table0 th, .table0 td {
  padding: 10px;
}
.table1 th, .table1 td {
  padding: 1rem;
  border: 1px solid #ccc;
	line-height: 1.8rem;
}
.table1 thead th {
  color: #fff;
  background: #999;
}
.table1 thead td {
  color: #fff;
  background: #999;
}
.table1 tbody th {
  background: #F0F0F0;
	font-weight: 400;
}
.table1 tbody td {
  background: #fff;
}
.table1 tfoot th, .table1 tfoot td {
  padding: 5px 0;
  border: 0;
}
.table1.ir-table {
	margin: 2rem 0;	
}
.table1.ir-table th {
	width: 20%;
}

.table2 th, .table2 td {
  padding: 10px;
  border: 1px solid #fff;
}
.table2 thead th {
  color: #fff;
  background: #2eb8e5;
}
.table2 thead td {
  color: #fff;
  background: #2eb8e5;
}
.table2 tbody th {
  background: #c8edfa;
}
.table2 tbody td {
  background: #ecf7fc;
}
.table2 tfoot th, .table2 tfoot td {
  padding: 5px 0;
  border: 0;
}
.table3 th, .table3 td {
  padding: 10px;
  border: 1px solid #fff;
}
.table3 thead th {
  color: #fff;
  background: #e55c2e;
}
.table3 thead td {
  color: #fff;
  background: #e55c2e;
}
.table3 tbody th {
  background: #fad5c8;
}
.table3 tbody td {
  background: #fcf1ec;
}
.table3 tfoot th, .table3 tfoot td {
  padding: 5px 0;
  border: 0;
}
.ul1 li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: disc;
  list-style-position: inside;
}
.ul1.center li {
  padding-left: 0;
  text-indent: 0;
  list-style-position: outside;
}
.ol1 li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: decimal;
  list-style-position: inside;
}
.form1 table {
  margin: 0 auto;
}
.form1 th {
  padding-right: 20px;
  padding-top: 5px;
  font-weight: normal;
}
.form1 select {
  margin-bottom: 10px;
  padding: 5px;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.form1 input[type="text"], .form1 textarea {
  margin-bottom: 10px;
  padding: 5px;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.form1 input[type="text"] {
  width: 300px;
}
.form1 textarea {
  width: 400px;
  height: 300px;
}
.form1 input[type="submit"] {
  display: inline-block;
  font-size: 16px;
}
.form1 input[type="submit"]:first-child {
  margin-left: 0;
}
.form1 input[type="submit"], .form1 button[type="submit"] {
  padding: 12px 30px;
  border: 1px solid #0071bc;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #0071bc;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  line-height: 1.5;
}
.form1 input[type="submit"]:hover, .form1 button[type="submit"]:hover {
  opacity: 0.5;
}
.form1 .required {
  margin-left: 5px;
  color: #c00;
  font-size: 12px;
}
/**
 * font
 *
 */
.en {
  font-family: 'Open Sans', sans-serif;
}
/**
 * color
 *
 */

/**
 * Layout
 *
 *
 */
.footer-contact .section.bg-img {
  height: 500px;
  background-size: cover;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/bx_loader.gif) center center no-repeat white;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(../images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

body.index .fixed {

}
/*
.index  .header .col1{
position: relative;
}
.top_logo {
position: absolute;
top: 200px;
left: 28%;
}
.index  .header h1 {

  margin-bottom: 20px;
  font-size: 2.625rem;
  font-weight: normal;
  text-align: center;
  position: absolute;
  top: 370px;
left: 25%;
}

.index .top {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1600px; 
  height: 600px; 
}
*/
/* トップニュース */
.top_news a {
  color: #4d4d4d;
}
.news_sub {
  padding-top: 15px;
  border-top: 1px dotted #4d4d4d;
}
.news_sub:after {
  content: "";
  display: block;
  clear: both;
}
.news_sub .date {
  font-size: small;
  float: left;
}
.news_sub .category {
  font-size: small;
  float: right;
}
/* postにかかっているものをindexにもかけた */
.index .section .grid2 h2 {
  margin-bottom: 15px;
  font-size: 1.75rem;
}
.index .section .grid2 h2 .sub {
  font-size: 1.125rem;
}
body.index .top_news a p {
  margin-top: 15px;
}
body.index .top_news a p:first-child {
  width: 100%;
  height: 175px;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
/* custom */
.visual-copy {
  font-size: 36px;
  text-align: center;
  position: absolute;
  top: 45%;
  width: 100%;
}
.visual-copy.left {
  text-align: left;
  padding-left: 10%;
}
.chart_org p {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0 !important;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #666666;
  width: 90%;
}
.chart_org .col {
  margin-bottom: 0;
}
.chart_org .col.bottom {
  background-image: url("../images/company/beside.gif");
  background-size: 5% 1px;
  background-repeat: no-repeat;
  background-position: right 44px;
  padding-top: 15px;
}
.chart_org .col.beside-left {
  background-image: url("../images/company/beside.gif");
  background-size: 5% 1px;
  background-repeat: no-repeat;
  background-position: left 44px;
  padding-top: 15px;
}
.chart_org .col.beside-right {
  background-image: url("../images/company/beside.gif");
  background-size: 5% 1px;
  background-repeat: no-repeat;
  background-position: right 44px;
  padding-top: 15px;
}
.chart_org .col.cross {
  background-image: url("../images/company/beside.gif"), url("../images/company/vertical.gif");
  background-size: 100% 1px, 1px 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: left 50%, center center;
  padding-top: 30px;
}
.chart_org .col.under-left {
  background-image: url("../images/company/beside.gif"), url("../images/company/vertical.gif");
  background-size: 50% 1px, 1px 15px;
  background-repeat: no-repeat, no-repeat;
  background-position: left 15px, center 15px;
  padding-top: 30px;
}
.chart_org .col.under-center {
  background-image: url("../images/company/beside.gif"), url("../images/company/vertical.gif");
  background-size: 100% 1px, 1px 30px;
  background-repeat: no-repeat, no-repeat;
  background-position: left 15px, center 0;
  padding-top: 30px;
}
.chart_org .col.under-right {
  background-image: url("../images/company/beside.gif"), url("../images/company/vertical.gif");
  background-size: 50% 1px, 1px 15px;
  background-repeat: no-repeat, no-repeat;
  background-position: right 15px, center 15px;
  padding-top: 30px;
}
.chart_org li {
  background-image: url("../images/company/beside.gif"), url("../images/company/vertical.gif");
  background-size: 15px 1px, 1px;
  background-repeat: no-repeat, no-repeat;
  background-position: left 44px, left 0;
  margin-left: 10%;
  padding-top: 15px;
  padding-left: 15px;
}
.chart_org li:last-child {
  background-size: 15px 1px, 1px 44px;
}
.chart_org li p {
  width: 90%;
  margin-right: 10%;
}
.social {
  margin-bottom: 35px;
}
.sbtn {
  margin-right: 2%;
  float: left;
}
/* 20160904 採用ページ追加分 */
.tool_name {
  text-align: center;
  font-size: 1.5rem;
  color: floralwhite;
  background-color: darkslategrey;
}
.about_hws {
  text-align: center;
}
/** 20161129 LINE start **/
.post .col3 h2.line_animation {
  text-align: center;
  margin-bottom: 15px;
  font-size: 2.625rem;
}
.col img#stamp:hover {
  opacity: .5;
}
/** end **/
/** youtube_frame start **/
.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}
.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/** youtube_frame end **/
@media screen and (min-device-width: 768px) {
  #bunshodo_img3 {
    margin-top: 39px;
  }
  #bunshodo_img2 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  body {
    min-width: 0;
  }
  .article {
    margin-top: 50px;
    min-width: 0;
    min-height: 0;
  }
  .article_notice {
    margin-top: 50px;
    min-width: 0;
    min-height: 0;
  }
  .inner, .col1, .col2, .col3, .col4, .col5, .col6, .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .panel1, .panel2, .panel3, .panel4, .panel5, .panel6 {
    width: 100%;
    padding: 0;
  }
  .col img {
    width: 100%;
  }

  .col1 .col, .col2 .col, .col3 .col, .grid1 .col, .grid2 .col, .grid3 .col, .panel1 .col, .panel2 .col, .panel3 .col, .panel4 .col, .panel5 .col, .panel6 .col, .index-panel01 .item, .index-panel02 .item, .index-panel03 .item, .flex-wrap.item3 .item {
    box-sizing: border-box;
    margin-left: 0;
    padding: 10px 2.5% 10px;
    width: 100%;
    float: none;
  }
  .index-panel01 .item, .index-panel03 .item {
    margin-bottom: 1rem;
  }
  .index-panel02 .item {
    margin-bottom: 0.5rem
  }
  .col4 .col, .col5 .col, .col6 .col, .grid4 .col, .grid5 .col, .grid6 .col {
    box-sizing: border-box;
    margin-left: 0;
    padding: 0px 2.5% 15px 5%;
    width: 50%;
  }
  .col4 .col:nth-child(2n), .col5 .col:nth-child(2n), .col6 .col:nth-child(2n), .grid4 .col:nth-child(2n), .grid5 .col:nth-child(2n), .grid6 .col:nth-child(2n) {
    padding: 0px 5% 15px 2.5%;
  }
  .col1 a.btn {
    box-sizing: border-box;
    min-width: 100%;
  }
  /* font style */
  .fs-s {
    font-size: 0.5rem !important;
  }
  .fs-m {
    font-size: 0.66667rem !important;
  }
  .fs-l {
    font-size: 0.83333rem !important;
  }
  .fs-2l {
    font-size: 1rem !important;
  }
  .fs-3l {
    font-size: 1.16667rem !important;
  }
  .heading-en {
    width: 95%;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 3rem;
  }
  .section .inner h2, .section .inner h3, .ir-cal-table, .table1.ir-table, .irhighlight, .section .inner p {
    width: 95%;
    margin: 0.5rem auto;
  }
  .section .inner h2 {
    font-size: 1.1rem;
  }
  .post p {
    font-size: 13px;
  }
  .post .col {
    margin-bottom: 0;
  }
  .post .col p, .post .col ul, .post .col ol, .post .col dl, .post .col table {
    margin-bottom: 5px;
  }
  .post .col1, .post .col2, .post .col3, .post .col4, .post .col5, .post .col6 {
    margin-bottom: 0;
  }
  .post .col li {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  .post .col1 h2 {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .post .col1 h2 .sub {
    margin-bottom: 0;
    font-size: 0.75rem;
  }
  .post .col1 .recruit_title {
    font-size: 18px;
  }
  .post .col1 .lead {
    text-align: left;
  }
  .post .col2 h2 {
    margin-bottom: 5px;
    font-size: 1.16667rem;
  }
  .post .col2 h2 .sub {
    font-size: 0.75rem;
  }
  .post .col2 h3, .post .col3 h2 {
    text-align: left;
    margin-bottom: 5px;
    font-size: 1.2rem;
  }
  .post .col2 h3 .sub, .post .col3 h2 .sub {
    font-size: 0.8rem;
  }
  .post .col3 h2.line_animation {
    text-align: left;
    margin-bottom: 5px;
    font-size: 1rem;
  }
  .post .col3 h3 {
    text-align: left;
    margin-bottom: 5px;
    font-size: 0.91667rem;
  }
  .post .col3 h3 .sub {
    font-size: 0.66667rem;
  }
  .post .interview h3 {
    text-align: left;
    margin-bottom: 5px;
    font-size: 0.91667rem;
  }
  .post .col4 h2, .post .col5 h2, .post .col6 h2 {
    margin-bottom: 5px;
    font-size: 0.91667rem;
  }
  .post .col4 h2 .sub, .post .col5 h2 .sub, .post .col6 h2 .sub {
    font-size: 0.75rem;
  }
  .post .col4 h3, .post .col5 h3, .post .col6 h3 {
    text-align: left;
    margin-bottom: 5px;
    font-size: 0.75rem;
  }
  .post .col4 h3 .sub, .post .col5 h3 .sub, .post .col6 h3 .sub {
    font-size: 0.58333rem;
  }
  .post .col4 p, .post .col5 p, .post .col6 p {
    font-size: 0.58333rem;
  }
  .post .join3 p {
    font-size: 0.66667rem;
  }
  .index-panel03 .item a .image {
    height: 140px;
  }
  .index-panel02 .item a {
    font-size: 13px;
    font-weight: bold;
    padding: 1rem 1.5rem;
  }
  .index-panel02 .item a:before {
    bottom: 1.5rem;
  }
  .index-panel02 .item a:after {
    bottom: 30px;
  }
  .haeding-bg .lead-en {
    font-size: 1.5rem;
  }
  .post .header.txt {
    padding: 3rem 0 0;
  }
  .post .header.txt h1 {
    margin-bottom: 5px;
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .post .header.txt h1 .sub {
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.3rem;
    padding: 0.2rem 0;
  }
  .post .header.txt p {
    line-height: 1.5;
  }
  .post .header.txt .lead {
    margin-bottom: 5px;
  }
  .post .header.bg1 {
    color: #fff;
    background-color: #5dcfff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .post .header.img img {
    width: 100%;
  }
  .post .header.bg-img {
    background-size: cover;
    height: auto;
  }
  .post .header .visual {
    margin: 0;
    width: 100%;
  }
  .post .header .visual > img {
    width: 100%;
  }
  .post .header .visual .img {
    position: absolute;
    left: -20%;
    top: 0;
    width: 140%;
  }
  .post .header .visual .img img {
    width: 100%;
  }
  .post .header .visual .txt {
    padding: 0 50px;
    width: 100%;
    height: 182px;
    text-align: left !important;
  }
  .post .header .visual .txt h2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1rem;
  }
  .post .header .visual .txt h2 .sub {
    font-size: 0.75rem;
  }
  .post .header .visual .txt p {
    margin-bottom: 10px;
  }
  .post .header .visual .txt p br {
    display: none;
  }
  .post .header .visual .txt a.btn {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .post .header .col1, .post .header .col2, .post .header .col3, .post .header .col4, .post .header .col5, .post .header .col6 {
    margin-bottom: 0;
  }
  .breadcrumb {
    width: 100%;
    padding: 0.3rem 0.5rem;
  }
  .breadcrumb li {
    font-size: 0.7rem;
  }
  .breadcrumb a {
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    font-size: 0.8rem;
  }
  .breadcrumb a:after {
    width: 5px;
    height: 5px;
    top: 5px;
  }
  .post .section, .post .aside {
    padding: 1rem 0 2rem;
  }
  .article.news .section {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .article.news .col4 .col {
    width: 100%;
    padding: 0px 5% 15px 5%;
  }
  .article.news .aside {
    padding-top: 0;
  }
  .section.bg-img {
    height: auto;
    background-size: auto;
  }
  .under-index-header {
    height: 50vh;
	  margin-top: 50px;
  }
  .under-index-header .circle {
    border-width: 300px 300px 0 0;
  }
  .under-index-header .title {
    top: 50px;
  }
  .box {
    margin-bottom: 10px;
  }
  dl.faq dt, dl.faq dd {
    font-size: 0.875rem;
  }
  dl.faq dt {
    margin-bottom: 2px;
  }
  dl.faq dd {
    margin-bottom: 20px;
  }
  dl.check dt {
    padding: 10px 20px 5px 46px;
    font-size: 1rem;
    background: white url("/https/www.headwaters.co.jp/images/common/check.png") 10px 11px no-repeat;
  }
  dl.check dd {
    margin-bottom: 10px;
    padding: 0 20px 10px 10px;
    font-size: 0.875rem;
  }
  .check-list dl {
    flex-wrap: wrap;
    padding: 0 1rem;
    justify-content: flex-start;
  }
  .check-list dl dt.check {
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    margin-top: 5px;
  }
  .check-list dl dt.check:before, .check-list dl dt.check:after {
    height: 3px;
  }
  .check-list dl dt.check:after {
    width: 23px;
    top: 2px;
    left: 4px;
  }
  .check-list dl dt.check:before {
    width: 10px;
    top: 6px;
    left: 0px;
    transform: rotate(45deg);
  }
  .check-list dl dt.label {
    font-size: 1.1rem;
    width: auto;
  }
  .check-list dl dd {
    width: 100%;
    font-size: 0.8rem;
    line-height: 1.6rem;
  }
  .col6.step, .col5.step, .col4.step, .col3.step {
    background: 0;
  }
  .form1 {
    margin-bottom: 10px;
    width: 100% !important;
  }
  .form1 table {
    width: 100%;
    font-size: 14px;
  }
  .form1 th {
    display: block;
    padding-right: 0;
    padding-top: 0;
  }
  .form1 td {
    display: block;
  }
  .form1 select {
    font-size: 14px;
    width: 288px;
  }
  .form1 input[type="text"], .form1 textarea {
    padding: 0 5px;
    font-size: 14px;
  }
  .form1 input[type="text"] {
    width: 278px;
  }
  .form1 textarea {
    width: 278px;
    height: 300px;
  }
  .form1 input[type="submit"] {
    display: inline-block;
    font-size: 16px;
  }
  .form1 input[type="submit"]:first-child {
    margin-left: 0;
  }
  .form1 input[type="submit"] {
    padding: 10px;
    width: 288px;
    height: 50px;
    display: block;
    cursor: pointer;
  }
  .form1 .required {
    margin-left: 5px;
    color: #c00;
    font-size: 13px;
  }
  .table0 th, .table0 td, .table1 th, .table1 td, .table2 th, .table2 td, .table3 th, .table3 td {
    font-size: 13px;
  }
  .table1 th, .table1 td {
    padding: 5px;
  }
  #header, .index #header.fixed {
    height: 50px;
    background-color: rgba(255, 255, 255, 1.0)
  }
  #header .inner {
    padding: 0 0.5rem;
  }
  #header .logo {
    padding: 0.5rem;
    margin-top: 6px;
    width: 130px;
  }
  #header .logo img {
    width: 100%;
  }
  #header .nav {
    position: fixed;
    top: 50px;
    left: 0;
    padding: 1rem 2em 2rem;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: none;
    margin-top: 0;
    overflow-y: scroll;
    background-color: #fff;
  }
  #header .nav.on {
    display: block;
  }
  #header .nav > ul {
    display: block;
    padding-bottom: 4rem;
  }
  #header .nav li {
    width: 100%;
    margin-right: 0;
  }
  #header .nav li > a {
    text-align: left;
    padding: 0.5rem;
    width: 100%;
    position: relative;
  }
  #header .nav li > a.drop {
    text-align: left;
    padding: 0.5rem;
    width: 100%;
  }
  #header .nav li > a.drop span {
    display: block;
  }
  #header .nav li > a:after, #header .nav li .sub .inner .title:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    transform: rotate(-45deg);
    right: 0.5rem;
    top: 13px;
  }
  #header .nav li > a.drop:after {
    content: '+';
    border: none;
    color: #707070;
    text-align: center;
    transform: rotate(0deg);
    top: 10px;
  }
  #header .nav li > a.drop.on:after {
    content: '-';
  }
  #header .nav li > a.drop:hover:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  #header .nav li .sub {
    display: none;
    position: static;
    opacity: 1;
    visibility: visible;
    background-color: #fff;
    color: inherit;
    padding: 0.5rem;
    height: 100%;
    overflow: scroll;
  }
  #header .nav li .sub.on {
    display: block;
  }
  #header .nav li a:hover {
    background-color: #fff;
    color: inherit;
  }
  #header .nav li .sub .inner, #header .nav li .sub .inner ul {
    display: block;
    width: 100%;
  }
  #header .nav li .sub .inner .title, #header .nav li .sub .inner li {
    width: 100%;
    position: relative;
  }
  #header .nav li .sub .inner a {
    color: inherit;
  }
  #header .lang {
    display: none;
  }
  .article {
    margin-top: 0;
  }
  .notice {
    margin-top: -16px;
  }
  .article_notice {
    margin-top: 0;
  }
  .sp-menu {
    position: absolute;
    right: 1.5rem;
    display: block;
    top: 18px;
  }
  .sp-menu .btn {
    position: relative;
    width: 16px;
    height: 14px;
  }
  .sp-menu .btn span {
    width: 100%;
    position: absolute;
    display: block;
    height: 2px;
    background-color: #4d4d4d;
  }
  .sp-menu .btn span:nth-child(2) {
    top: 6px;
  }
  .sp-menu .btn span:last-child {
    bottom: 0;
    width: 10px;
  }
  .footer-service-index {
    padding: 2rem 1rem;
    display: block;
  }
  .footer-service-index h2, .footer-service-index h4 {
    width: 100%;
    font-size: 1rem;
    padding: 0;
    margin: 0 0 0.3rem;
  }
  .footer-service-index .list-box {
    width: 100%;
    display: block;
  }
  .footer-service-index .list-box .list {
    width: 100%;
    padding: 0.5rem
  }
  .footer-service-index .list-box .list a {
    font-size: 0.8rem;
  }
  #footer .inner {
    padding: 2rem 1rem;
  }
  .footer {
    padding: 0;
  }
  .footer .footer-link {
    display: block;
  }
  .footer .footer-link .contact-button a {
    margin: 0 auto
  }
  .footer .footer-link ul {
    display: block;
  }
  .footer .footer-link li {
    margin-right: 0;
    line-height: 1.5rem;
    padding-right: 0;
  }
  .footer .footer-link li:after {
    content: none;
  }
  .footer .footer-link li a {
    font-size: 0.8rem;
  }
  .footer .end-footer {
    display: block;
  }
  .footer .end-footer p.address {
    font-size: 0.8rem;
  }
  .haeding-bg {
    padding: 4rem 2.5% 3rem;
  }
  .haeding-bg p {
    width: 100%;
  }
  span.abc {
    text-align: center;
    font-size: 27px;
  }
  .footer-contact .col img {
    width: 50%;
  }
  .col .sbtn img {
    width: auto;
  }
  body.index .top_news a p:first-child {
    height: auto;
    display: block;
  }
  .about_hws {
    text-align: left;
  }
.ir-list {
		padding: 0 1rem;
	}
	.ir-list dl {
		display: block;
	}
	.ir-list dt {
		width: 100%;
		text-align: left;
		font-size: 0.8rem;
		margin: 0 0 0.3rem;
		line-height: 1.5rem;
	}
	.ir-list dd {
		width: 100%;
		margin: 0;
		line-height: 1.5rem;
	}
	.ir-list a {
		line-height: 1.5rem;
		font-size: 0.9rem;
	}
	.ir-immunity {
		padding:  0;
	}
	.post .section.page-contact {
		padding: 2rem;
	}
	.ir-lib .tab {
		margin: 0 1rem 0;
	}
	.ir-lib .tab li {
		max-width: auto;
		width: calc(100% / 2);
		border: 1px solid #fff;
	}
	.ir-lib .tab li:first-child {
		width: 100%;
		max-width: 100%;
	}
	.ir-lib .tab li a,.ir-lib .tab li.active a {
		font-size: 0.8rem;
		line-height: 2rem;
	}
	.ir-list dt.cate {
		width: 40%;
		text-align: center;
	}
	.ir-lib .yearnavi {
		margin-right: 1rem;
	}
	.ir-cal-table {
		width: 95%;
		margin: 0 auto;
		font-size: 13px;
	}
	.table1.ir-table th {
		width: 30%;
	}
	div.irhighlight ul.tab li {
		font-size: 13px;
		border: 1px solid #fff;
		line-height: 1rem !important;
		height: auto !important;
		width: auto !important;
		padding: 0.5rem 1rem;
	}
	.ir-faq {
		width: 95%;
		margin: 0 auto
	}
	.section .inner .ir-faq h4 {
		font-size: 13px;
	}
	.section .inner .ir-faq p {
	  width: 100%;
	  margin: 0 auto 2rem;
	}
	.ir-youtube {
	  margin: 0 auto;
	  width: 100%;
	}
	.ir-youtube iframe {
	  width: 100%;
	  height: 217px;
	}
}
.youtube {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
	max-width: 800px;
	margin: 0 auto;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.youtube-size1 {
  width: 600px;
  max-width: 100%;
}

@media screen and (min-device-width: 768px) {
  #pickupbanner {
    width: 280px;
  }
}
.interview_recruit {
  text-align: center !important;
}
.post .interview-img {
  height: 600px !important;
}
@media screen and (max-device-width: 767px) {
  .post .interview-img {
    height: 150px !important;
  }
  .interview_recruit {
    text-align: left !important;
  }
}
.section .col1 .col .interview_tag {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #333333;
  display: inline-block;
  border-radius: 10px;
}
/* PCのみ表示 */
@media screen and (min-width: 1025px) {
  img.pepper-consulting-partner-logo {
    position: absolute;
    left: 89%;
    bottom: 5%;
  }
}
/* スマホ・タブレットのみ表示 */
@media screen and (min-width: 769px)and (max-width: 1024px) {
  img.pepper-consulting-partner-logo {
    display: none;
  }
}
/* スマホのみで表示 */
@media screen and (max-width: 768px) {
  img.pepper-consulting-partner-logo {
    display: none;
  }
}
/* PCのみ表示 */
@media screen and (min-width: 1025px) {
  img.pepper-consulting-partner-logo1 {
    position: relative;
    left: 112%;
    top: 30px;
  }
}
/* スマホ・タブレットのみ表示 */
@media screen and (min-width: 769px)and (max-width: 1024px) {
  img.pepper-consulting-partner-logo1 {
    display: none;
  }
}
/* スマホのみで表示 */
@media screen and (max-width: 768px) {
  img.pepper-consulting-partner-logo1 {
    display: none;
  }
}
/* PCのみ表示 */
@media screen and (min-width: 1025px) {
  img.pepper-consulting-partner-logo2 {
    position: absolute;
    left: 86%;
  }
}
/* スマホ・タブレットのみ表示 */
@media screen and (min-width: 769px)and (max-width: 1024px) {
  img.pepper-consulting-partner-logo2 {
    display: none;
  }
}
/* スマホのみで表示 */
@media screen and (max-width: 768px) {
  img.pepper-consulting-partner-logo2 {
    display: none;
  }
}
/* 右向き吹き出しボタン表示 */
.balloon2-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  border-radius: 15px;
}
.balloon2-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}
.balloon2-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #555;
  z-index: 1;
}
.balloon2-right p {
  margin: 0;
  padding: 0;
}
/* お問い合わせボタン */
.contact__sec {
  overflow: hidden;
  padding: 0 0 60px;
  background: #5dcfff url(/https/www.headwaters.co.jp/service/ai/img/bg_synapse.png) -20px 60% no-repeat;
  color: #fff;
}
.contact__row {
  width: 100%;
  margin: 0 auto;
  max-width: 960px;
}
.row--paragraph-center {
  text-align: center;
}
.contact__text {
  margin-top: 40px;
}
.contact__btn {
  overflow: hidden;
  display: block;
  position: relative;
  padding: 18px 20px 18px 40px;
  margin: 40px auto 0;
  width: 95%;
	max-width: 400px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 1.6rem;
  text-align: center;
  font-size: 1.2rem;
  cursor: pointer;
  color: #fff;
  background-color: #5dcfff;
  -webkit-transition: background-color .5s ease-in-out, color .5s ease-in-out;
  transition: background-color .5s ease-in-out, color .5s ease-in-out;
}
.contact__btn__icon {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -9px;
  font-size: 3rem;
  font-weight: bold;
}
.contact__btn:hover {
  color: #fff;
  background-color: #1356c8;
  text-decoration: none;
}
.contact__headlineCenter {
  position: relative;
  text-align: center;
  margin-top: 60px;
}
.contact__headlineCenter__title {
  display: inline-block;
  position: relative;
  margin-top: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #5dcfff;
  font-size: 2.0rem;
}
.contact__headlineCenter__title--void {
  margin-top: 0;
  border-color: #fff;
  color: #fff;
  font-weight: normal;
}
@media only screen and (max-width: 1023px) {
  .contact__text {
    padding: 0 20px;
    margin-top: 20px;
    text-align: left;
    width: auto;
  }
  .contact__text br {
    display: none;
  }
  .contact__text.row {
    width: auto;
  }
  .contact__btn__icon {
    margin-top: -9px;
    font-size: 2rem;
  }
  .contact__btn {
    margin: 2rem 10px 0;
    width: auto;
  }
  .contact__headlineCenter {
    margin-top: 40px;
  }
  .contact__headlineCenter__title {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .contact__headlineCenter__title {
    font-size: 1.1rem;
  }
}
/** Mautic form style **/
#mauticform_input_form-2_xomwj, #mauticform_input_form-3_ldsjz, #mauticform_input_form-4_iftgx, #mauticform_input_form-4_hfvru {
  height: 2rem;
  padding: 0.1em;
}
.mauticform-input {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
}
.mauticform-textarea {
	height: 300px;
}
.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default {
	margin: 0 auto;
	display: block;
	padding: 0.5rem 4rem;
	background-color: #002655 !important;
	color: #fff !important;
}


.bg02{background-color:#0085CD}
.bdc-red{border-color:#e11}.bgc-torquoise{background-color:#1abc9c}.bgc-greensea{background-color:#16a085}.bgc-emerald{background-color:#2ecc71}.bgc-nephritis{background-color:#1abc9c}.bgc-peterriver{background-color:#3498db}.bgc-belizehole{background-color:#2980b9}.bgc-amethyst{background-color:#9b59b6}.bgc-wetasphalt{background-color:#34495e}.bgc-midnightblue{background-color:#2c3e50}.bgc-sunflower{background-color:#f1c40f}.bgc-carrot{background-color:#e67e22}.bgc-pumpkin{background-color:#d35400}.bgc-alizarin{background-color:#e74c3c}.bgc-pomegranate{background-color:#c0392b}.bgc-clouds{background-color:#ecf0f1}.bgc-silver{background-color:#bdc3c7}.bgc-concrete{background-color:#95a5a6}.bgc-asbestos{background-color:#7f8c8d}.bgc-pcpink{background-color:#ffdbff}.bgc-pcblue{background-color:#dbffff}.bgc-pcgreen{background-color:#edffdb}.bgc-pcorance{background-color:#ffeddb}.bgc-b0{background-color:#000}.bgc-b5{background-color:#0d0d0d}.bgc-b10{background-color:#1a1a1a}.bgc-b15{background-color:#262626}.bgc-b20{background-color:#333}.bgc-b25{background-color:#404040}.bgc-b30{background-color:#4d4d4d}.bgc-b35{background-color:#595959}.bgc-b40{background-color:#666}.bgc-b45{background-color:#737373}.bgc-b50{background-color:gray}.bgc-b55{background-color:#8c8c8c}.bgc-b60{background-color:#999}.bgc-b65{background-color:#a6a6a6}.bgc-b70{background-color:#b3b3b3}.bgc-b75{background-color:#bfbfbf}.bgc-b80{background-color:#ccc}.bgc-b85{background-color:#d9d9d9}.bgc-b90{background-color:#e5e5e5}.bgc-b95{background-color:#f2f2f2}.bgc-b100,.bgc-white{background-color:#fff}.bgc-black{background-color:#000}.bgc-orange{background-color:#eb6100}.c-torquoise{color:#1abc9c}.c-greensea{color:#16a085}.c-emerald{color:#2ecc71}.c-nephritis{color:#1abc9c}.c-peterriver{color:#3498db}.c-belizehole{color:#2980b9}.c-amethyst{color:#9b59b6}.c-wetasphalt{color:#34495e}.c-midnightblue{color:#2c3e50}.c-sunflower{color:#f1c40f}.c-carrot{color:#e67e22}.c-pumpkin{color:#d35400}.c-alizarin{color:#e74c3c}.c-pomegranate{color:#c0392b}.c-clouds{color:#ecf0f1}.c-silver{color:#bdc3c7}.c-concrete{color:#95a5a6}.c-asbestos{color:#7f8c8d}.c-pcpink{color:#ffdbff}.c-pcblue{color:#dbffff}.c-pcgreen{color:#edffdb}.c-pcorance{color:#ffeddb}.c-b0{color:#000}.c-b5{color:#0d0d0d}.c-b10{color:#1a1a1a}.c-b15{color:#262626}.c-b20{color:#333}.c-b25{color:#404040}.c-b30{color:#4d4d4d}.c-b35{color:#595959}.c-b40{color:#666}.c-b45{color:#737373}.c-b50{color:gray}.c-b55{color:#8c8c8c}.c-b60{color:#999}.c-b65{color:#a6a6a6}.c-b70{color:#b3b3b3}.c-b75{color:#bfbfbf}.c-b80{color:#ccc}.c-b85{color:#d9d9d9}.c-b90{color:#e5e5e5}.c-b95{color:#f2f2f2}.c-b100,.c-white,.c-white2{color:#fff}.c-white2{text-shadow:.5px .5px .5px #000}.c-black{color:#000}.c-orange{color:#eb6100}
.fs10{font-size:.625rem!important}.fs12{font-size:.75rem!important}.fs14{font-size:.875rem!important}.fs16{font-size:1rem!important}.fs18{font-size:1.125rem!important}.fs20{font-size:1.25rem!important}.fs22{font-size:1.375rem!important}.fs24{font-size:1.5rem!important}.fs26{font-size:1.625rem!important}.fs28{font-size:1.75rem!important}.fs30{font-size:1.875rem!important}.fs40{font-size:2.5rem!important}.fs-s{font-size:.75rem!important}.fs-m{font-size:1rem!important}.fs-l{font-size:1.25rem!important}.fs-2l{font-size:1.5rem!important}.fs-3l{font-size:1.75rem!important}.tar{text-align:right!important}.tac{text-align:center!important}.txt[name=synapps]{padding:0 120px!important;bottom:180px}.tac2{color:#000}.tal{text-align:left!important}.fwb{font-weight:700!important}.fwn{font-weight:400!important}.ta-r{text-align:right!important}.ta-c{text-align:center!important}.ta-l{text-align:left!important}.fw-b{font-weight:700!important}.fw-n{font-weight:400!important}.m0{margin:0!important}.m5{margin:5px!important}.m10{margin:10px!important}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mt55{margin-top:55px!important}.mt60{margin-top:60px!important}.mt65{margin-top:65px!important}.mt70{margin-top:70px!important}.mt75{margin-top:75px!important}.mt80{margin-top:80px!important}.mt85{margin-top:85px!important}.mt90{margin-top:90px!important}.mt95{margin-top:95px!important}.mt100{margin-top:100px!important}.mr0{margin-right:0!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr55{margin-right:55px!important}.mr60{margin-right:60px!important}.mr65{margin-right:65px!important}.mr70{margin-right:70px!important}.mr75{margin-right:75px!important}.mr80{margin-right:80px!important}.mr85{margin-right:85px!important}.mr90{margin-right:90px!important}.mr95{margin-right:95px!important}.mr100{margin-right:50px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.mb55{margin-bottom:55px!important}.mb60{margin-bottom:60px!important}.mb65{margin-bottom:65px!important}.mb70{margin-bottom:70px!important}.mb75{margin-bottom:75px!important}.mb80{margin-bottom:80px!important}.mb85{margin-bottom:85px!important}.mb90{margin-bottom:90px!important}.mb95{margin-bottom:95px!important}.mb100{margin-bottom:100px!important}.ml0{margin-left:0!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml40{margin-left:40px!important}.ml50{margin-left:50px!important}.ml55{margin-left:55px!important}.ml60{margin-left:60px!important}.ml65{margin-left:65px!important}.ml70{margin-left:70px!important}.ml75{margin-left:75px!important}.ml80{margin-left:80px!important}.ml85{margin-left:85px!important}.ml90{margin-left:90px!important}.ml95{margin-left:95px!important}.ml100{margin-left:100px!important}.p0{padding:0!important}.p5{padding:5px!important}.p10{padding:10px!important}.pt0{padding-top:0!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt55{padding-top:55px!important}.pt60{padding-top:60px!important}.pt65{padding-top:65px!important}.pt70{padding-top:70px!important}.pt75{padding-top:75px!important}.pt80{padding-top:80px!important}.pt85{padding-top:85px!important}.pt90{padding-top:90px!important}.pt95{padding-top:95px!important}.pt100{padding-top:100px!important}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr35{padding-right:35px!important}.pr40{padding-right:40px!important}.pr50{padding-right:50px!important}.pr55{padding-right:55px!important}.pr60{padding-right:60px!important}.pr65{padding-right:65px!important}.pr70{padding-right:70px!important}.pr75{padding-right:75px!important}.pr80{padding-right:80px!important}.pr85{padding-right:85px!important}.pr90{padding-right:90px!important}.pr95{padding-right:95px!important}.pr100{padding-right:100px!important}.pb0{padding-bottom:0!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb55{padding-bottom:55px!important}.pb60{padding-bottom:60px!important}.pb65{padding-bottom:65px!important}.pb70{padding-bottom:70px!important}.pb75{padding-bottom:75px!important}.pb80{padding-bottom:80px!important}.pb85{padding-bottom:85px!important}.pb90{padding-bottom:90px!important}.pb95{padding-bottom:95px!important}.pb100{padding-bottom:100px!important}.pl0{padding-left:0!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl35{padding-left:35px!important}.pl40{padding-left:40px!important}.pl50{padding-left:50px!important}.pl55{padding-left:55px!important}.pl60{padding-left:60px!important}.pl65{padding-left:65px!important}.pl70{padding-left:70px!important}.pl75{padding-left:75px!important}.pl80{padding-left:80px!important}.pl85{padding-left:85px!important}.pl90{padding-left:90px!important}.pl95{padding-left:95px!important}.pl100{padding-left:100px!important}.pl1em{padding-left:1em!important}.pl2em{padding-left:2em!important}.pl3em{padding-left:3em!important}.lh100{line-height:1!important}.lh150{line-height:1.5!important}.lh167{line-height:1.67!important}.lh200{line-height:2!important}.ti-1em{text-indent:-1em!important}.ti-2em{text-indent:-2em!important}.ti-3em{text-indent:-3em!important}.vat{vertical-align:top!important}.vatb{vertical-align:text-bottom!important}.vam{vertical-align:middle!important}.vab{vertical-align:bottom!important}.bt0{border-top:0!important}.br0{border-right:0!important}.bb0{border-bottom:0!important}.bl0{border-left:0!important}.b0{border:0!important}.fl{float:left!important}.fr{float:right!important}.w0{width:0!important}.w5{width:5%!important}.w10{width:10%!important}.w15{width:15%!important}.w20{width:20%!important}.w25{width:25%!important}.w30{width:30%!important}.w35{width:35%!important}.w40{width:40%!important}.w45{width:45%!important}.w50{width:50%!important}.w55{width:55%!important}.w60{width:60%!important}.w65{width:65%!important}.w70{width:70%!important}.w75{width:75%!important}.w80{width:80%!important}.w85{width:85%!important}.w90{width:90%!important}.w95{width:95%!important}.w100{width:100%!important}