@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------------------------------
	MainVisual
-------------------------------------------------------------------*/
.mainvisual {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.mainvisual .mainvisual_txt {
    position: absolute;
    top: 30vw;
    right: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    width: 100%;
    z-index: 2;
}
.mainvisual_image video {
  width: calc(100% - 110px);
}
.mainvisual .mainvisual_image{
  position: relative;
  top: 0;
  left: 0;
  z-index: -3;
  width: 100vw;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.mainvisual .mainvisual_image img {
  width: 100%;
}
.mainvisual_txt .message_en span{
  color: #084e9b;
}
/*-------------------------------------------------------------------
	Home
-------------------------------------------------------------------*/
#home .top-mainslider {
  border-bottom: 2px solid #084e9b;
}
#home #news {
  background: #f8fafc;
  padding-bottom: 6.4rem;
  padding-top: 6.4rem;
}
#home #news .content-inner .content {
  display: block;
}
#home #news .content-inner .content h3 {
  width: 100%;
  margin-bottom: 32px;
}
#home #news .news-list {
  width: 100%;
}
  #home #news .news-list dl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
    #home #news .news-list dl dt {
      width: 18%;
      color: #888888;
    }
    #home #news .news-list dl dd {
      width: 82%;
    }
.home #product{
  margin-bottom: 9.0rem;
}
#home #product h3 {
  font-size: 3.6rem;
  line-height: 1.15;
  font-weight: 800;
}
@media screen and (max-width:1200px) {
  #home #product h3 {
    max-width: 1160px;
    width: 88%;
    margin-left:auto;
    margin-right: auto;
  }

}
#home #product .product_content.beautymerit .product_txt h3 {
  font-size: 350%;
  margin: 0px;
}
#home #product .content_btn.oval a {
  width: 240px;
}
@media screen and (max-width:1200px) {
  #home #about h3 {
    max-width: 1160px;
    width: 88%;
    margin-left:auto;
    margin-right: auto;
  }
}
#product.pages .content_btn.oval a {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 280px;
}
#product .section .content_btn.oval a {
  margin: 0px auto;
  width: 320px;
}
#home #about .content_btn.oval a{
  width: 240px;
}
.s_eirList_item {
  align-items: center;
}
.eir_area_area_top_002 .s_eirModule_titleBox{
  width: 80%!important;
  margin-left: 10px!important;
  margin-top: 0px!important;
}
/*-------------------------------------------------------------------
	About
-------------------------------------------------------------------*/
#home #about {
  margin-bottom: 6.4rem;
}
/*-------------------------------------------------------------------
	News
-------------------------------------------------------------------*/
#news {
  background: #f8fafc;
}
#news .content-inner .content {
  display: flex;
}
#news .content-inner .content h3{
  width: 274px
}
#news .news-list {
  width: 886px;
  margin: auto;
}
#news .news-list dl {
  background: #ffffff;
  margin-bottom: 3px;
  border-radius: 4px;
  padding: 20px 30px;
}
#news .news-list dl dt, #news .news-list dl dd {
  font-size: 140%;
  line-height: 1.8;
}
#news .center {}
#news .content_btn {
  margin-top: 30px;
}
#news .newslist_catelist{
  max-width: 900px;
  margin: 0px auto;
}
#news .newslist_catelist .newslist{
  margin-bottom: 12px;
}
#news .newslist_catelist .newslist ul{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#news .newslist_catelist .newslist ul li{
  margin-right: 12px;
}
#news .newslist_catelist .newslist ul li a{
  background-color: #FFF;
  border: 2px solid #084e9b;
  color: #084e9b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  width: 120px;
  height: 38px;
  border-radius: 4px;
  font-weight: 700;
}
#news .newslist_catelist .newslist ul li.active a{
  background-color: #084e9b;
  color: #FFF;
}

  #news .under dl{
    margin-top:-10px;
    margin-bottom:60px;
    display:flex;
    width:550px;
    flex-wrap:wrap;
    font-size:15px;
    }
    #news .under dl dt{
      width:140px;
      margin-bottom:10px;
      font-weight:bold;
      line-height:120%;
      }
      #news .under dl dd{
        width:400px;
        margin-bottom:10px;
        padding-left:10px;
        line-height:140%;
        }


/* ページ送り */
ul.page-numbers {
	text-align: center;
	margin: 40px 0px 0px 0px;
	padding: 0;
	letter-spacing: -1.00rem;
  display: flex;
  align-items: center;
  justify-content: center;
	}
	.page-numbers li {
		padding: 0px;
		background:#e5e5e5;
		width: 42px;
		height: 42px;
		position: relative;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 42px;
		border-radius: 4px;
		vertical-align: middle;
		letter-spacing: 0.0rem;
		margin-right: 8px;

    display: flex;
    align-items: center;
    justify-content: center;
		}
		.page-numbers li:last-child {
			margin-right: 0px;
			}
	.page-numbers li a{
		vertical-align: middle;
		position: absolute;
		background:#FFFFFF!important;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		color: #111111;
		text-decoration: none;
		padding: 0px;
		border-radius: 4px;

    display: flex;
    align-items: center;
    justify-content: center;
		}
	.page-numbers li a span{
		  display:table-cell;
		  vertical-align:middle;
	}
	.page-numbers li a:hover,
	.page-numbers li a.active{
	  color: #000;
	  background: #ccf;
		border-radius: 4px;
	}
  .page-numbers li a.go-last{
    box-sizing: border-box;
    padding-right: 10px;
  }
  .previous > .current {
  }
  .material-icons{
    font-size: 2.2rem!important;
    vertical-align: middle;
    }
  .material-icons-w{
    letter-spacing: -14px!important;
    display: inline!important;
  }
/*------------------------------- PC ------------------------------*/
@media screen and (max-width: 1024px) {
  #news .news-list {
    width: 88%;
    margin: auto;
  }
  #news .newslist_catelist{
    width: 88%;
    margin: auto;
  }
}
/*------------------------------- TABLET ------------------------------*/
@media screen and (max-width: 980px) {
  .newslist_catelist{
    width: 100%;
    margin: auto;
  }
  #news .newslist_catelist .newslist ul li {
    width: 25%;
  }
  #news .newslist_catelist .newslist ul li a{
    width: 100%;
  }
}
/*------------------------------- SP ------------------------------*/
@media screen and (max-width: 599px) {
  #news h3 {
    margin-bottom: 32px;
  }
  #news .news-list {
    margin: auto;
    width: 100%;
  }
  #news .news-list dl dt, #news .news-list dl dd {
    font-size: 130%;
  }
  #news .center {
    padding-left: 0;
  }

  #news .newslist_catelist .newslist ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 4px;
  }
  #news .newslist_catelist .newslist ul li:nth-child(2n){
        margin-right: 0%;
      }
      #news .newslist_catelist .newslist ul li a{
          width: 100%;
        }

  #news .newslist_catelist{
    width: 100%;
    margin: auto;
  }
}
/*-------------------------------------------------------------------
	MainVisual
-------------------------------------------------------------------*/
.mainvisual {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.mainvisual .mainvisual_txt {
    position: absolute;
    top: 30vw;
    right: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    width: 100%;
    z-index: 2;
}
.mainvisual_image video {
  width: calc(100% - 110px);
}
.mainvisual .mainvisual_image{
  position: relative;
  top: 0;
  left: 0;
  z-index: -3;
  width: 100vw;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.mainvisual .mainvisual_image img {
  width: 100%;
}
.mainvisual_txt .message_en span{
  color: #084e9b;
}
/*-------------------------------------------------------------------
	MainVisual
-------------------------------------------------------------------*/
.mainvisual {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.mainvisual .mainvisual_txt {
    position: absolute;
    top: 30vw;
    right: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    width: 100%;
    z-index: 2;
}
.mainvisual_image video {
  width: calc(100% - 110px);
}
.mainvisual .mainvisual_image{
  position: relative;
  top: 0;
  left: 0;
  z-index: -3;
  width: 100vw;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.mainvisual .mainvisual_image img {
  width: 100%;
}
.mainvisual_txt .message_en span{
  color: #084e9b;
}
/*-------------------------------------------------------------------
	About
-------------------------------------------------------------------*/
#about {
}
#about .content {
  background: url("../images/cynd_bg.svg");
  background-repeat: no-repeat;
  background-position: 98% center;
}
#about h3 {
  margin-bottom: 70px;
  margin-top: 0;
}
#about .mission {
  margin-bottom: 8rem;
}
#about .about_logo img {
  width: 230px;
  height: auto;
}
#about .center p.about_txt {
  line-height: 3;
  margin: 2em auto 20px;
  font-size: 160%;
  font-weight: 500;
}
/*------------------------------- PC ------------------------------*/
@media screen and (max-width: 1100px) {
  #about .center p.about_txt {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
  }
}
.top_logoanimation{
  margin-top: -40px;
  margin-bottom: 40px;
}
#bodymovin{
  width: 560px;
  height: 300px;
  margin: 0px auto;
}
.mainvisual_txt{
  margin-bottom: 50px;
}
.mainvisual_txt .message_en{
font-size: 580%;
font-weight: 800;
font-family: 'Montserrat', sans-serif;
}
.mainvisual_txt .message_ja{
font-size: 210%;
font-weight: bold;
margin-top: 40px;
}


/*-------------------------------------------------------------------
	News
-------------------------------------------------------------------*/
#news {
}
#news h3 {
  margin-bottom: 65px;
}
#news .content-inner .content {
  display: flex;
}
#news .content-inner .content h3{
  width: 274px
}
#news .news_list {
  max-width: 900px;
  margin: auto;
}
#news .news-list dl {
  background: #ffffff;
  margin-bottom: 3px;
  border-radius: 4px;
  padding: 20px 30px;
}
#news .news-list dl dt, #news .news-list dl dd {
  font-size: 140%;
  line-height: 1.8;
}
#news .center {}
#news .content_btn {
  margin-top: 30px;
}
/*------------------------------- PC ------------------------------*/
@media screen and (max-width: 1024px) {
  #news .news-list {
    width: 88%;
    margin: auto;
  }
}
/*------------------------------- SP ------------------------------*/
@media screen and (max-width: 599px) {
  #news h3 {
    margin-bottom: 32px;
  }
  #news .news-list {
    margin: auto;
    width: 100%;
  }
  #news .news-list dl dt, #news .news-list dl dd {
    font-size: 130%;
  }
  #news .center {
    padding-left: 0;
  }
}
/*-------------------------------------------------------------------
	pages
-------------------------------------------------------------------*/
.pages .main_content {
  padding-top: 184px;
}
.pages .page_title {
  width: 1160px;
  margin: 0px auto 64px;
}
  @media screen and (max-width:1200px) {
    .pages .page_title {
      max-width: 1160px;
      width: 88%;
    }
    
  }
.pages .page_title .main_content {
  padding-top: 120px;
}
.pages .page_title h2 {
  font-size: 500%;
  line-height: 1.15;
  margin-bottom: 0px;
  font-weight: 800;
}
.pages .page_title h2 .ja {
  display: block;
  font-size: 32%;
  color: #084e9b;
  letter-spacing: 0.1em;
  padding: 1em 0;
  font-weight: bold;
}
.pages .content h3 {
  margin: 90px auto;
}
.pages .content h3.page_first {
  margin: 0px auto;
}

/*-------------------------------------------------------------------
	pages  -- About
-------------------------------------------------------------------*/
#about .mission .content, #about .ourvalues .content {
  width: 1160px;
  margin: 0px auto;
}
#about.pages .content h3.page_first{
  margin-bottom: 64px;
  color: #084e9b;
}
  @media screen and (max-width:1200px) {
    #about .mission .content, #about .ourvalues .content{
      width: 88%;
      max-width: 1160px;
      margin-left: auto;
      margin-right: auto;
    }
  }
#about .mision .image_message_txt {
}
#about .mission .image_message .image_message_txt {
  font-weight: 900;
  font-size: 420%;
  line-height: 1.8;
  margin-bottom: 64px;
}
#about .mission .page_visual_image {
  font-weight: 600;
  line-height: 2.8;
  letter-spacing: 0.1em;
  font-size: 160%;
}
  #about .page_visual_image img {
    width: 100%;
    border-radius: 4px;
  }
#about .mission p{
    font-weight: 600;
    line-height: 2.8;
    letter-spacing: 0.1em;
    margin-top: 16px;
    font-size: 160%;
    text-align: justify;
    margin-right: 0px;
    margin-left: auto;
    width: 85.3%;
    margin-right: 0%;
  }
#about .mission .content_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#about .ourvalues {
  padding-bottom: 0;
}
#about .ourvalues h3 {
  color: #084e9b;
}
#about .ourvalues h4 {
  font-size: 360%;
  line-height: 1.1;
  font-weight: 700;
}
#about .ourvalues h4:after {
  content: "";
  display: block;
  height: 3px;
  background: #084e9b;
  width: 1em;
  margin-top: 0.35em;
}
#about .ourvalues h4.purpose:after {
  width: 2em;
}
#about .ourvalues h4.data:after {
  width: 3em;
}
#about .ourvalues h4.speed:after {
  width: 4em;
}
#about .ourvalues .content_txt {
  width:85.3%;
  margin: 0px 0px 0px auto;
}
#about .ourvalues .content_txt_outer{ 
  margin-bottom: 64px;
}
  #about .ourvalues .content_txt_outer:last-child{ 
    margin-bottom: 0px;
  }
#about .ourvalues .content_txt p {
  font-weight: 600;
  line-height: 2.8;
  letter-spacing: 0.1em;
  margin-top: 16px;
  font-size: 160%;
  text-align: justify;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width:1200px) {
  #about .ourvalues .content_txt p{
    width: 98%;
    margin-left: 0px;
  }
}

/*-------------------------------------------------------------------
	pages  -- News
-------------------------------------------------------------------*/
#news .list {
  background: #f8fafc;
}
#news .list .content {
  margin-top: -64px;
  padding: 16px 0 160px;
}
#news.detail .list .content {
  padding: 0px 0 64px;
  margin-top: 0px;
}
#news .backnumber_wrapper{
  width: 900px;
  margin: 0px auto;
}
#news .backnumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#news .cont_heg_50 {
  position: absolute;
  height: 50%;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fd7b52;
}
#news .icon_select_mate {
  position: absolute;
  top: 15px;
  right: 7%;
  font-size: 16px;
  height: 22px;
  transition: all 275ms;
}
#news .select_mate {
  position: relative;
  min-width: 180px;
  width: 180px;
  min-height: 50px;
  color: #000000;
  font-weight: bold;
  background-color: #ffffff;
  border-radius: 50px;
  transition: all 375ms ease-in-out;
  font-size: 87.5%;
  margin-bottom: 20px;
}
#news .select_mate select {
  position: absolute;
  overflow: hidden;
  height: 0px;
  opacity: 0;
  z-index: -1;
}
#news .cont_list_select_mate {
  position: relative;
  float: left;
  width: 100%;
}
#news .cont_select_int {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 999;
  overflow: hidden;
  height: 0px;
  width: 100%;
  background-color: #fff;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: -36px;
  margin: -49px auto 0;
  border-radius: 31px;
  /* box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2); */
  transition: all 375ms ease-in-out;
}
#news .cont_select_int li {
  position: relative;
  float: left;
  width: 100%;
  list-style-type: none;
  padding: 10px 11%;
  margin: 0px;
  transition: all 275ms ease-in-out;
  display: block;
  cursor: pointer;
  letter-spacing: 0.3em;
  font-size: 140%;
}
#news .cont_select_int li:first-child {
  padding: 22px 8%;
  width: 100%;
  display: block;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 0.3em;
}
#news .cont_select_int li:last-child {
  border-radius: 3px;
  border-bottom: 0px;
}
#news .cont_select_int li:hover {
  background-color: #EEEEEE;
}
#news .cont_select_int li:first-child:hover {
  background-color: #ffffff;
}
#news .cont_select_int li.active {
  background-color: #EEEEEE;
}
#news .cont_select_int li:first-child.active {
  background-color: #ffffff;
}
#news .selecionado_opcion {
  padding: 17px 8%;
  width: 100%;
  display: block;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 0.3em;
  font-size: 140%;
}
#news.pages .list .news_content, #news.pages .list .news_list, #news.pages .news_content_detail {}
#news.pages .list .news_list, #news.pages .news_content_detail {
  width: 900px;
  margin: 0px auto;
}
#news.pages .list .news_list dl {
  background: #ffffff;
  margin-bottom: 3px;
  border-radius: 3px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#news.pages .list .news_list dl dt, #news.pages .list .news_list dl dd {
  font-size: 140%;
  line-height: 1.8;
}
#news.pages .list .news_list dl dt{
  width: 18%;
}
#news.pages .list .news_list dl dd{
  width: 82%;
}
#news.pages .list .news_content_detail {
  background: #ffffff;
  padding: 34px 34px;
}
#news.pages .list .news_content_detail h3 {
  margin: 0 0 10px;
  font-size: 260%;
  font-weight: bold;
  text-align: justify;
  line-height: 1.6;
}
#news.pages .list .news_content_detail .news_date {
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 40px;
}
#news.pages .list .news_content_detail h4 {
  margin: 0 0 20px;
  font-size: 137.5%;
  font-weight: bold;
  text-align: justify;
  line-height: 1.6;
}
#news.pages .list .news_content_detail h5 {
  margin: 50px 0 20px;
  font-size: 180%;
  font-weight: bold;
  text-align: justify;
  line-height: 1.6;
  padding-top: 20px;
}
#news.pages .list .news_content_detail h6 {
  margin: 0 0 20px;
  font-size: 112.5%;
  font-weight: bold;
  text-align: justify;
  line-height: 1.6;
  border-bottom: #cccccc solid 1px;
}
#news.pages .list .news_content_detail p {
  margin: 0 0 1.5em;
  text-align: justify;
  line-height: 2;
  font-size: 160%;
}
#news.pages .list .news_content_detail .article p {
  margin: 0 0 3.85em;
}
#news.pages .list .news_content_detail .article .news_pdf {
  font-size: 140%;
  text-decoration: underline;
}
.s_eirModule_type_icon-pdf {
    content: url(../images/pdf.svg);
    display: inline-block;
    position: relative;
    width: 1.8em;
    margin-bottom: -0.4em;
    margin-left: 5px;
}
#news.pages .list .news_content_detail  a {
  text-decoration:underline;
  word-break: break-all;
}
#news.pages .list .news_content_detail p.news_image {
  width: 80%;
  margin: 10px auto 50px;
}
#news.pages .list .news_content_detail p .caption {
  color: #888;
  font-size: 1.2rem;
  word-break: break-all;
}
#news.pages .center {
  margin: 30px 0;
}
#news.pages .news_content_detail_company {
  margin-top: 40px;
}
#news.pages .list .news_content_detail .news_content_detail_company p {
  color: #939393;
  margin: 0;
}
#news.pages table.onBorder {
  border:1px solid #e7e7e7;
  margin-bottom: 3.85em;
  width: 80%;
}
.pagenavi-wrapper {
  width: 100%;
  text-align: center;
  margin-top: 1.0rem;
}
.wp-pagenavi{
  display: flex;
  justify-content: center;
  align-items:center;
  margin: 0px auto;
  text-align: center;
  color: #111;
}
.wp-pagenavi a, .wp-pagenavi span{    
  display: flex;
  justify-content:center;
  align-items:center;
  border: 1px solid #e7e7e7;
  width: 42px;
  height: 42px;
  font-size: 1.2rem;
  border-radius: 2px;
}
.wp-pagenavi a:hover{
  border: 1px solid #084e9b;

}
.wp-pagenavi span.current {
  border: 1px solid #084e9b;
  color: #084e9b;
}    
  #news.pages table.onBorder th{
    border:1px solid #e7e7e7;
    padding: 1.0rem;
    font-weight: bold;
    font-size: 1.4rem!important;
    width: 30%;
  }
  #news.pages table.onBorder td{
    border:1px solid #e7e7e7;
    padding: 1.0rem;
    font-size: 1.4rem!important;
    width: 70%;
  }
.backnumber select {
    position: relative;
    min-width: 180px;
    width: 180px;
    min-height: 50px;
    color: #000000;
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 50px;
    transition: all 375ms ease-in-out;
    font-size: 120%;
    margin-bottom: 20px;
    padding-left: 20px;
    line-height: 1.4;
}
.backnumber select {
  background-image: url("../images/arrow.svg");
  background-position: right 14px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
h2.textBox_title.textBox_title-borderBottom1 {
    font-size: 200%;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.4;
}
p.textBox_text.textBox_text-spaceS a {
  text-decoration: underline;
}
  #news.pages .list .news_content_detail .article p.mb_s {
    margin-bottom: 1.4em;
  }
dl.textBox.textBox-spaceS {
  font-size: 120%;
  margin-bottom: 10px;
  }
  dt.textBox_text.textBox_text-spaceS{
    font-size: 140%;
    font-weight: normal;
    line-height: 1.8;
  }
  dt.textBox_text{ 
    font-size: 140%;
    font-weight: normal;
  }
  table.table-spaceS {
    font-size: 140%;
    width: 100%;
    border: 1px solid #ccc;
  }
  th.table_title{
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #ebebeb;
    text-align: center;
    font-weight: bold;
  }
  td.table_data{
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4;
    padding: 10px;
    border: 1px solid #ccc;
  }
/*------------------------------- PC ------------------------------*/
@media screen and (max-width: 1280px) {
#news.pages .list .news_content_detail h3 {
  width: 100%;
}
}
@media screen and (max-width: 1024px) {
 #news.pages .list .news_list, #news.pages .news_content_detail {
    margin: auto;
    max-width: 88%;
  }
  #news .backnumber_wrapper{
    width: 88%;
    margin: 0px auto;
  }
  #news .list .content {
    padding: 32px 0 64px;
  }
}
/*-------------------------------------------------------------------
	pages  -- Conpany
-------------------------------------------------------------------*/
#company.pages .content h3 {
  margin: 0px auto 32px;
  font-weight: bold;
}
#company.pages .content h4 {
  font-size: 240%;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.15;
  padding: 0.1em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #084e9b;
}

#company.pages .content_outer {
}
#company.pages .content.first, #company.pages .content.company {
  margin: auto 11vw;
}
#company.pages .content .greetings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px auto 60px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#company.pages .content .greetings_image {
  width: 40%;
  text-align: center;
}
#company.pages .content .greetings_image img {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
#company.pages .content .greetings_txt {
  width: 55%;
  line-height: 1.8;
  font-size: 140%;
}
#company.pages .content .greetings_txt h4{
  font-size: 160%!important;
  margin-left: 0px;
  margin-bottom: 1.2em;
  }
#company.pages .content .greetings_txt p {
  margin-bottom: 1.4em;
  font-size: 1.6rem;
}
#company.pages table {
  max-width: 100%;
  width: 100%;
  margin: 0 auto 50px;
  font-size: 140%;
}
#company.pages table tr th {
  background: #f8f8f8;
  padding: 30px 20px;
  border-bottom: #e7e7e7 solid 1px;
  vertical-align: middle;
  font-weight: normal;
  width: 40%;
  line-height: 1.8;
}
#company.pages table tr:last-child th {
  border-bottom: none;
  }
#company.pages table tr td {
  padding: 30px 20px;
  border-bottom: #e7e7e7 solid 1px;
  line-height: 1.8;
}
#company.pages table tr:last-child td {
  border-bottom: none;
  }
  #company.pages table tr td a.grouplink span{
    vertical-align: middle;
  }
#company.pages table td dl dt {
  font-weight: normal;
  clear: both;
  float: left;
  width: 8em;
}
#company.pages table td dl dd {
  margin-left: 10em;
  margin-bottom: 1.8em;
}
#company.pages table td dl dd a{
  display: flex;
  align-items: center;
}


#company.pages table td img{
  width: 180px;
  height: auto;
  margin-top: 10px;
  margin-bottom: 20px;
}
#company.pages .content.map {
    max-width: 100%;
    margin:auto 11vw
  }
  
  #company.pages .content.map iframe{
    margin-bottom: 64px;
    }
/*------------------------------- PC ------------------------------*/
@media screen and (min-width: 1780px) {
  #company.pages .content.first, #company.pages .content.company {
     max-width: 877px;
    margin: 0px auto 80px;
  }
}
@media screen and (min-width: 1525px) {
  #company.pages .content.first, #company.pages .content.company {
     max-width: 877px;
    margin: 0px auto 80px;
  }
  #company.pages .content .greetings, #company.pages .content.company table {
    margin: 0px auto 60px;
    margin-right: 0;
  }
  #company.pages .content.company table {
    width: 100%;
  }
  #company.pages .content.map {
    margin: 0px auto 80px auto;
    max-width: 877px;
  }
  #company.pages .content.map iframe{
    margin-bottom: 64px;
    }
}
@media screen and (max-width: 1320px) {
  #company.pages .content.first, #company.pages .content.company {
    margin: auto;
    max-width: 877px;
  }
  #company.pages .content .greetings_txt {
    font-size: 130%;
  }
  #company.pages .content.map {
    max-width: 877px;
    margin: auto;
  }
}
@media screen and (max-width: 1100px) {
  #company.pages .content.first, #company.pages .content.company {
    margin: auto;
    max-width: 88%;
  }
  #company.pages .content.company table {
    width: 100%;
    max-width: 100%;
    margin: 0px auto 32px;
  }
  #company.pages .content.map {
    max-width: 88%;
    margin: auto;
  }
  #company.pages .content.map iframe{
    margin-bottom: 32px;
    }
}
/*-------------------------------------------------------------------
	pages  -- Product
-------------------------------------------------------------------*/
#product .product_content {
  position: relative;
  margin: 0px auto 14.0rem;
  width: 1160px;
}
@media screen and (max-width:1200px) {
  #product .product_content {
    max-width: 1160px;
    width: 88%;
    margin: 0px auto 24.0rem;
  }
}
#product .product_content .product_txt {
  position: absolute;
}
#product .product_content .product_txt h3 {
  font-size: 420%;
  font-weight: bold;
}
#product .product_content .product_txt h3 + p {
  margin: 16px 0 32px;
  line-height: 2;
  font-size: 1.6rem;
  text-align: justify;
  width: 32%;
  text-shadow: 1px 1px 0px rgba(255,255,255,0.5),-1px -1px 0px rgba(255,255,255,0.5);
}
@media screen and (max-width:1160px) {
  #product .product_content .product_txt h3{
    font-size: 380%;
  }
  #product .product_content.beautymerit .product_image{
    padding-top: 4.0rem;
  }
}
#product .product_content.beautymerit .product_txt {
  padding-top: 20px;
  line-height: 1.15;
}
#product .beautymerit_logo {
  margin-bottom: 16px;
}
#product .beautymerit_logo img {
  width: 320px;
  height: auto;
}
#product .product_content.beautymerit .product_image {
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#product .product_content.beautymerit .product_image span {
  border-radius: 3px;
  overflow: hidden;
  max-width: 65%;
  display: block;
}
#product .content_inner{
  width: 1160px;
  margin: 0px auto;
}
#product .support {
  margin: 96px auto 64px;
}
#product .content h4 {
  text-align: center;
  font-weight: bold;
  margin: 90px 0 30px;
  font-size: 320%;
}
#product .content_txt {
  margin: auto;
  font-weight: normal;
  font-size: 1.6rem;
  margin-bottom: 32px;
  text-align: center;
}
#product .content_txt p {
  line-height: 2;
}
#product .product_manageimg {
  width: 886px;
  margin: 0px auto;
}
#product .width-full{
  margin-top: 64px;
}
#product .center.support, #product .center.application {
  max-width: 100%;
  margin: auto;
}
#product .funcions {
  max-width: 1160px;
  margin: 60px auto 0;
  letter-spacing: -1.0rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#product .funcions > a {
  margin-right: 30px;
  margin-bottom: 20px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  width: 320px;
  height: 120px;
}
#product .funcions a:nth-child(3n) {
  margin-right: 0px;
}
#product .funcions_one {
  width: 33.3333%;
  margin-bottom: 20px;
  border-radius: 12px;
  background-color: #FFF;
  padding: 15px 15px;
  box-sizing: border-box;
  letter-spacing: -1.0rem;
}
#product .funcions_one_img {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
}
#product .funcions_one_img img {
  width: 100%;
  height: auto;
}
#product .funcions_one_txt {
  width: 71%;
  margin-left: 2%;
  display: inline-block;
  vertical-align: middle;
}
#product .funcions_one_txt p {
  letter-spacing: normal;
  font-weight: 600;
  font-size: 160%;
  line-height: 1.6;
}
  #product .support .content.width-full{
    padding-left: 0;
  }
  #product .content h3 {
    margin: 0px 0 20px;
    font-size: 320%;
    line-height: 1.4;
  }
  #product .content_txt p {
    margin-bottom: 16px;
  }
  #product .center.support, #product .center.application {
    max-width: 100%;
  }
  #product .funcions {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    margin: 40px auto 0;
  }
  .section .content_btn{
    margin-top: 32px;
  }

/*-------------------------------------------------------------------
	pages  -- Antisocial
-------------------------------------------------------------------*/
#antisocial .page_title h2 {
  font-size: 320%;
  font-weight: bold;
  margin-bottom: 64px;
}
#antisocial .policy .content {
  width: 900px;
  margin: 0px auto;
}
#antisocial .policy .content p {
  font-size: 140%;
  margin-bottom: 20px;
  line-height: 1.6;
}
#antisocial ol.policy_list {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 64px;
}
#antisocial ol.policy_list ol {
  padding-left: 1em;
}
#antisocial ol.policy_list li {
  text-indent: -1.3em;
  padding-left: 1.3em;
  font-weight: 500;
  font-size: 180%;
  margin-bottom: 1em;
  line-height: 1.8;
}
#antisocial ol.policy_list li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
#antisocial .page_title h2 {
  margin-bottom: 32px;
}
#antisocial .policy .content {
  width: 88%;
  margin: 0px auto;
}
}
/*-------------------------------------------------------------------
	pages  -- Security
-------------------------------------------------------------------*/
#security .page_title h2 {
  font-size: 320%;
  font-weight: bold;
  margin-bottom: 100px;
}
#security .policy .content {
  width: 900px;
  margin: 0px auto;
}
#security .policy .content p {
  font-size: 120%;
  margin-bottom: 20px;
}
#security ol.policy_list {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 80px;
}
#security ol.policy_list ol {
  padding-left: 1em;
  margin: 20px 0;
}
#security ol.policy_list li {
  text-indent: -1.3em;
  padding-left: 1.3em;
  margin-bottom: 1.8em;
  line-height: 1.8;
}
#security ol.policy_list li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: bold;
}
#security .policy .content dl {
  margin-bottom: 80px;
}
#security .policy .content dl dt {
  font-weight: bold;
  font-size: 180%;
  margin-bottom: 30px;
}
#security .policy .content dl dd {
  font-size: 140%;
  margin-bottom: 60px;
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
#security .policy .content {
  width: 88%;
  margin: 0px auto;
}
}
/*-------------------------------------------------------------------
	pages  -- Privacy
-------------------------------------------------------------------*/
#privacy .page_title h2 {
    font-size: 320%;
    font-weight: bold;
    margin-bottom: 100px;
}
#privacy .policy .content {
  width: 900px;
  margin: 0px auto;
}
#privacy .policy .content p {
  font-size: 87.5%;
  font-weight: bold;
  margin-bottom: 20px
}
#privacy .policy .content dl {
  margin-bottom: 64px;
}
#privacy .policy .content dl dt {
  font-weight: bold;
  font-size: 180%;
  margin-bottom: 30px;
  line-height: 1.4
}
#privacy .policy .content dl dd {
  font-size: 140%;
  margin-bottom: 60px;
  line-height: 1.8;
}

@media screen and (max-width: 1024px) {
#privacy .policy .content {
  width: 88%;
  margin: 0px auto;
}
}
/*-------------------------------------------------------------------
	pages  -- sitemap
-------------------------------------------------------------------*/
#sitemap .page_title h2 {
    font-size: 320%;
    font-weight: bold;
    margin-bottom: 3.8rem;
}
#sitemap .sitemap .content {
  width: 900px;
  margin: 0px auto 64px;
  display: flex;
  justify-content: flex-start;
}
#sitemap .sitemap .content  ul{
  width: 42%;
  margin-right: 5%;
}
#sitemap .sitemap .content  ul:last-child{
  margin-right: 0%;
}
#sitemap .sitemap .content ul li {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 2.0rem;
}
#sitemap .sitemap .content ul.sitemap_sub li {
  line-height: 2.8;
  font-size: 140%;
  font-weight: bold;
}
#sitemap .sitemap .content ul li a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.4;
}
#sitemap .sitemap .content ul li a span{
  color: #084e9b;
}

@media screen and (max-width: 1024px) {
#sitemap .sitemap .content {
  width: 88%;
  margin: 0px auto 64px;
}
}


/*-------------------------------------------------------------------
	404
-------------------------------------------------------------------*/
.errorcontent{
  width: 900px;
  margin: 0px auto;
  text-align: center;
  padding-top: 211px;
  padding-bottom: 211px;
}
.errorcontent_logo{
  width: 344px;
  height: auto;
  margin: 0px auto 52px;
}
.errorcontent_header h2{
  font-size: 280%;
  margin-bottom: 26px;
  font-weight: 900;
  line-height: 1.4;
}
.errorcontent p {
  font-size :160%;
  line-height: 1.8;
  margin-bottom: 26px;
  
}
/*-------------------------------------------------------------------
	Animation
-------------------------------------------------------------------*/
.eachTextAnime span {
  opacity: 0;
}
.eachTextAnime.appeartext span {
  opacity: 0;
  animation: text_anime_on 1s ease-out;
  animation-fill-mode: forwards;
}

@keyframes text_anime_on {
  0%    {  margin-left: 14px; filter: blur(6px); opacity:0;}
  25%    {  filter: blur(6px); opacity:1;}
  100%   { margin-left: 0px;  filter: blur(0px);
    opacity: 1;}
}
/*-------------------------------------------------------------------
	recruit
-------------------------------------------------------------------*/
#recruit .content_inner{
  width: 900px;
  margin: 0px auto;
}
#recruit .content_inner .recruit{
  margin-bottom: 64px;
}
#recruit.pages table {
  max-width: 100%;
  width: 100%;
  margin: 0 auto 50px;
  font-size: 140%;
}
#recruit.pages table tr th {
  background: #f8f8f8;
  padding: 30px 20px;
  border-bottom: #e7e7e7 solid 1px;
  vertical-align: middle;
  font-weight: normal;
  width: 40%;
  line-height: 1.8;
}
#recruit.pages table tr:last-child th {
  border-bottom: none;
  }
#recruit.pages table tr td {
  padding: 30px 20px;
  border-bottom: #e7e7e7 solid 1px;
  line-height: 1.8;
}
#recruit.pages table tr:last-child td {
  border-bottom: none;
  }
#recruit.pages table td dl dt {
  font-weight: normal;
  clear: both;
  float: left;
  width: 8em;
}
#recruit.pages table td dl dd {
  margin-left: 10em;
  margin-bottom: 1.8em;
}
@media screen and (max-width: 1024px) {
#recruit .content_inner{
  width: 88%;
  margin: 0px auto;
}
}
/*-------------------------------------------------------------------
	sub_nav
-------------------------------------------------------------------*/
#recruit .recruit_subnav {
  margin: 0px auto;
  width: 900px;
}
#recruit .recruit_subnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}
#recruit .recruit_subnav ul li {
  font-size: 130%;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-right: 20px;
}
#recruit .recruit_subnav ul li a {
  display: block;
  width: 100%;
  padding-bottom: 8px;
}
#recruit .recruit_subnav ul li:after {
  content: "";
  display: block;
  background: #e7edf4;
  height: 2px;
  border-radius: 5px;
}
#recruit .recruit_subnav ul li:hover:after {
  background: #084e9b;
}
#recruit .salse .recruit_subnav ul li.salse:after, #recruit .system .recruit_subnav ul li.system:after, #recruit .support .recruit_subnav ul li.support:after{
  background: #084e9b;
}
@media screen and (max-width: 1024px) {
#recruit .recruit_subnav {
  margin: 0px auto;
  width: 88%;
}
}
/*------------------------------- PC ------------------------------*/
@media screen and (max-width: 1024px) {
  #recruit .recruit_subnav ul li {
    width: 30%;
    text-align: center;
    margin-right: 3%;
  }
  #recruit .recruit_subnav ul li a {
    padding-top: 28px;
    padding-bottom: 10px
  }
}
/*-------------------------------------------------------------------
	pages  -- 404
-------------------------------------------------------------------*/
.error_content{
  width: 900px;
  margin: 0px auto;
  text-align: center;
  padding-bottom: 64px;
}
.error_content h3{
  font-size: 220%;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.6;
}
.error_content p{
  font-size: 140%;
  line-height: 1.6;
  margin-bottom: 10px;
  
  }
.error_content p a{
  margin-top: 10px;
  }

/*-------------------------------------------------------------------
	pages  -- Contact
-------------------------------------------------------------------*/
#contact .content_inner{
  width: 900px;
  margin: 0px auto;
}
#contact .contact p ,#recruit .contact p {
    font-size: 1.6rem;
    margin-bottom: 64px;
    line-height: 1.8;
    text-align: justify;
}
#contact .privacy {
  
}
#contact .privacy p ,#recruit .privacy p{
    font-size: 180%;
    line-height: 1.8;
    font-weight: normal;
    text-align: center;
    margin-bottom: 16px;
}
  .contact_pp_inner {
    text-align: center;
  }
  .contact_pp_inner a{
    text-decoration: underline;
    font-size: 180%;
    margin-bottom: 60px;
    line-height: 1.8;
    text-align: justify;
    }
#contact .privacy .form_check,#recruit .privacy .form_check{
  margin: 0px auto 16px;
}
#contact .privacy .form_check .checkbox,#recruit .privacy .form_check .checkbox{
  margin: 0pc auto;
  width: 200px;
  vertical-align: middle;
  padding-top: 20px;
  padding-left: 50px;
  font-size: 160%;
}
#contact .privacy dl dt,#reruit .privacy dl dt{
  display: block;
  width: 100%;
  text-align: center;
}
#contact .privacy dl dd,#recruit .privacy dl dd{
  display: block; 
}

@media screen and (max-width: 1024px) {
#contact .content_inner{
  width: 88%;
  margin: 0px auto;
}
}
/*---------------------------------------------------------------
	contactform
-------------------------------------------------------------------*/
			.formTable {
			}
			.formTable dl {
				width: 100%;
				letter-spacing: -1.0rem;
				font-size: 1.8rem;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
				}
        .contact_confirm .formTable dl {
          margin-top: 48px;
        }
					.formTable dl dt {
						width:35%;
						text-align:left;
            font-weight: normal;
						letter-spacing: 0.0rem;
						vertical-align: top;
						box-sizing: border-box;
					}
			  	dl.formtextarea dt {
						line-height: 1.4;
            padding-top: 12px;
					}
			  	.contact_confirm dl.formtextarea dd {
            padding-top: 12px;
					}
					.formTable dl.text_area dt {
            line-height: 1.8;
            padding-top: 10px;
            }
          
					.formTable dl dd {
						display: inline-block;
						letter-spacing: 0.0rem;
						vertical-align: top;
						width: 65%;
						box-sizing: border-box;
					}
          dl.formtextarea dd {
						line-height: 1.4;
            }
						dd.form_check {
							padding-top: 14px;
							line-height: 0px!important;
							}
							.contact_comfirm dd.form_check {
							padding-top: 0px;
							line-height: 74px!important;
							}
					.form_section_one {
						margin-bottom: 40px;
					}
					p.explain {
						font-weight: bold;
						font-size: 2.2rem!important;
						margin-bottom: 0px;
						color: #E60000;
						border: none;
						padding-bottom: 10px;
					}
					.form_btn_wrapper {
						margin-top: 20px;
						}
					#ui-datepicker-div {
						font-size: 300%;
					}
					.privacy {
            margin-bottom: 64px;
					}
					.privacy p {
						font-weight: bold;
						padding-bottom: 0px;
						margin-bottom: 0px;
						border: none;
						}
						.contact_pp_inner {
							width: 100%;
              margin-bottom: 16px;
						}
					.required {
					}
					.required:after {
						content: "必 須";
						background-color: #ff4b36;
						color: #FFF;
						padding: 4px 6px;
						margin-left: 10px;
						font-size: 70%;
            border-radius: 2px;
            white-space: nowrap;
            
					}
					.ninni:after {
						content: "任意";
						background-color: #CCC;
						color: #333;
						padding: 6px;
						margin-left: 10px;
						font-size: 1.4rem;
					}
					.form_btn_wrapper {
						}
            .form_btn_wrapper p {
              text-align: center!important;
            }
						.form_btn_wrapper input {
								padding: 8px 20px!important;
								font-size: 120%!important;
								background-color: #ff4b36;
								color: #fff;
								border-style: none;
								width: 40%!important;
								cursor: pointer;
                border-radius: 4px;
							}
							input.btn_formgo {
							}
							input.btn_formback {
								background-color: #CCC;
							}
				/* form */				
				input, button, textarea, select {
					margin: 0;
					padding: 0;
					background: none;
					border: none;
					border-radius: 0;
					outline: none;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
				}
				select {
					padding-left: 10px;
					margin-left: 10px;
				}
				input {
					margin-left: 10px;
					border: 1px solid #b4b4b4;
				}
				label {
					margin-left: 10px;
				}
				textarea {
					margin-left: 10px;
				}
				#formWrap {
					width:100%;
					margin:0 auto;
					line-height:1.2;
					font-size: 1.0rem;
				}
					#formWrap img {
						width: 100%;
						height: auto;
					}
						.form_check input {
							width: 5%!important;
						}
						.form_check p{
							vertical-align: middle;
							display: inline-block;
						}

						.formTable input {
							height: 50px;
							padding-left: 10px;
							vertical-align: middle;
							width: 100%;
							box-sizing: border-box;
							font-size: 100%;
              border-radius: 4px;
              line-height: 1;
						}
						.formTable select {
							height: 50px;
							width: 100%;
							border-radius: 5px;
							border: 1px solid #CCC;
							background-image: url(../images/arrow.svg);
							background-repeat: no-repeat;
							background-size: 24px 24px;
							background-position: right 10px center;
							font-size: 100%;
							padding-left: 10px;
              line-height: 1.0;
						}
							input[type=radio], input[type=checkbox] {
								display: none;
								}
								.radio, .checkbox {
									box-sizing: border-box;
									position: relative;
									display: inline-block;
									margin-right: 2px;
									padding: 18px 6px 12px 42px;
									border-radius: 8px;
									background-color: #f0f0f0;
									vertical-align: middle;
									cursor: pointer;
									font-size: 1.4rem;
								}
							.radio:hover, .checkbox:hover {
								background-color: #dcdcdc;
								}
								.radio:hover:after, .checkbox:hover:after {
									border-color: #ff4b36;
									}
									.radio:after, .checkbox:after {
										-webkit-transition: border-color 0.2s linear;
										transition: border-color 0.2s linear;
										position: absolute;
										top: 50%;
										left: 15px;
										display: block;
										margin-top: -10px;
										width: 24px;
										height: 24px;
										border: 2px solid #bbb;
										border-radius: 6px;
										content: '';
									}
									.radio:before {
										position: absolute;
										top: 50%;
										left: 20px;
										display: block;
										margin-top: -5px;
										width: 10px;
										height: 10px;
										border-radius: 50%;
										background-color: #ff4b36;
										content: '';
										opacity: 0;
										}
								input[type=radio]:checked + .radio:before {
								  opacity: 1;
								}
									.checkbox:before {
										-webkit-transition: opacity 0.2s linear;
										transition: opacity 0.2s linear;
										position: absolute;
										top: 50%;
										left: 21px;
										display: block;
										margin-top:-12px;
										width: 12px;
										height: 21px;
										border-right: 5px solid #ff4b36;
										border-bottom: 5px solid #ff4b36;
										content: '';
										opacity: 0;
										-webkit-transform: rotate(45deg);
										-ms-transform: rotate(45deg);
										transform: rotate(45deg);
										}
									input[type=checkbox]:checked + .checkbox:before {
										opacity: 1;
										}
								.checkbox01-input {
									width: 5%!important;
									}
								.checkbox01-parts {
									vertical-align: middle;
									padding-right: 30px;
									}
										label {
											height: 50px;
											width: 30%;
										}
										textarea {
											width: 100%;
											font-size: 100%;
                      border: 1px solid #b4b4b4;
                      border-radius: 4px;
                      line-height: 1.4;
                      padding: 10px;
                      box-sizing: border-box;
                      margin-top: 12px;
										}
										.textarea {
											height: 100px!important;
										}
										input#submit_button {
												padding: 12px 20px;
												background-color: #ff4b36;
												color: #fff;
												border-style: none;
												width: 40%;
												cursor: pointer;
                        font-size: 120%;
                        height: 64px;
											}
										input#reset_button {
												padding: 12px 20px;
												background-color: #cfcfcf;
												color: #fff;
												border-style: none;
												width: 40%;
												cursor: pointer;
                        font-size: 120%;
                        height: 64px;
											}
											span.error {
												color: #ff4b36!important;
												padding-left: 10px;
												font-size: 1.4rem;
												vertical-align: top;
												display: block;
                        line-height: 1.4;
                        
											}
							/* check box */
							input[type=checkbox] {
								  display: none;
							}
              .mwform-checkbox-field {
                width: 200px;
                margin: 0px auto;
                display: block;
              }
							.mwform-checkbox-field-text {
							  box-sizing: border-box;
							  -webkit-transition: background-color 0.2s linear;
							  transition: background-color 0.2s linear;
							  position: relative;
							  display: inline-block;
							  margin: 20px 0px -8px 0;
							  padding: 24px 24px 24px 72px;
							  border-radius: 8px;
							  background-color: #f6f7f8;
							  vertical-align: middle;
							  cursor: pointer;
                font-size: 160%;
                width: 200px;
							}
              .mwform-checkbox-field label{
                margin-left: 0px;
              }
							.mwform-checkbox-field-text:hover {
							  background-color: #ffdbd7;
							}
							.mwform-checkbox-field-text:hover:after {
							  border-color: #cfcfcf;
							}
							.mwform-checkbox-field-text:after {
							  -webkit-transition: border-color 0.2s linear;
							  transition: border-color 0.2s linear;
							  position: absolute;
							  top: 50%;
							  left: 35px;
							  display: block;
							  margin-top: -10px;
							  width: 22px;
							  height: 22px;
							  border: 2px solid #bbb;
							  border-radius: 6px;
							  content: '';
							}

							.mwform-checkbox-field-text:before {
							  -webkit-transition: opacity 0.2s linear;
							  transition: opacity 0.2s linear;
							  position: absolute;
							  top: 50%;
							  left: 41px;
							  display: block;
							  margin-top: -12px;
							  width: 10px;
							  height: 20px;
							  border-right: 5px solid #ff4b36;
							  border-bottom: 5px solid #ff4b36;
							  content: '';
							  opacity: 0;
							  -webkit-transform: rotate(45deg);
							  -ms-transform: rotate(45deg);
							  transform: rotate(45deg);
							}
							input[type=checkbox]:checked + .mwform-checkbox-field-text:before {
							  opacity: 1;
							}
								.doui_checkbox span {
									margin-top: 0px;
								}
                
              .form_check .error{ 
                  color: #ff4b36!important;
                  text-align: center;
                  font-size: 160%;
                  vertical-align: top;
                  display: block;
                  margin-top: 14px;
                  line-height: 1.4;
              }
							/* radio box */
							input[type=radio] {
								  display: none;
							}
							.mwform-radio-field-text {
							  box-sizing: border-box;
							  -webkit-transition: background-color 0.2s linear;
							  transition: background-color 0.2s linear;
							  position: relative;
							  display: inline-block;
							  margin: 20px 20px -8px 0;
							  padding: 12px 12px 12px 42px;
							  border-radius: 8px;
							  background-color: #f6f7f8;
							  vertical-align: middle;
							  cursor: pointer;
							}
							.mwform-radio-field-text:hover {
							  background-color: #fce5e5;
							}
							.mwform-radio-field-text:hover:after {
							  border-color: #fce5e5;
							}
							.mwform-radio-field-text:after {
							  -webkit-transition: border-color 0.2s linear;
							  transition: border-color 0.2s linear;
							  position: absolute;
							  top: 50%;
							  left: 15px;
							  display: block;
							  margin-top: -10px;
							  width: 16px;
							  height: 16px;
							  border: 2px solid #bbb;
							  border-radius: 6px;
							  content: '';
							}

							.mwform-radio-field-text:before {
							  -webkit-transition: opacity 0.2s linear;
							  transition: opacity 0.2s linear;
							  position: absolute;
							  top: 50%;
							  left: 21px;
							  display: block;
							  margin-top: -7px;
							  width: 5px;
							  height: 9px;
							  border-right: 3px solid #968f84;
							  border-bottom: 3px solid #968f84;
							  content: '';
							  opacity: 0;
							  -webkit-transform: rotate(45deg);
							  -ms-transform: rotate(45deg);
							  transform: rotate(45deg);
							}
							input[type=radio]:checked + .mwform-radio-field-text:before {
							  opacity: 1;
							}
              .contact_confirm .privacy {
                display: none;
              }