@charset "UTF-8";
/* mixinsの読み込み */
/* variablesの読み込み */
.f_red {
          color: #D0021B; 
}
.bold{
	font-weight: bold;
}
#about {
  background: #ddd; }

/*20181025 arca_nishimura追加*/
.pl1em {
  padding-left: 1em; }

.indent1em {
  padding-left: 1em; text-indent: -1em; }
/*end 20181025 arca_nishimura追加*/

/**** index ****/
.index_wrap .visual {
  padding-bottom: 20px;
  border-bottom: 2px solid #C2A17C;
  margin-bottom: 40px; }

.index_wrap h2.style1 {
  font-size: 24px;
  margin-bottom: 40px; }

.index_wrap section {
  margin-bottom: 60px; }

.index_wrap .num_wrap {
  margin-left: 1em;
  position: relative; }
  .index_wrap .num_wrap .num {
    position: absolute;
    left: -1em; }

.index_wrap .flow {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }
  .index_wrap .flow.sp {
    display: none; }
  @media screen and (min-width: 0) and (max-width: 570px) {
    .index_wrap .flow.sp {
      display: block; }
    .index_wrap .flow.pc {
      display: none; } }
  .index_wrap .flow .box {
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E9EA), to(#FEFEFE));
    background: linear-gradient(#E8E9EA, #FEFEFE);
    border-radius: 20px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #C8C8C8;
    border-bottom: 2px solid #8C8C8C;
    border-left: 2px solid #C8C8C8;
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
    padding: 30px 20px 30px 180px;
    position: relative;
    /*&.box02:after{
				background-image: url(../../images/about/flow_bg02.png);
			}
			&.box03:after{
				background-image: url(../../images/about/flow_bg03.png);
			}
			&.box04:after{
				background-image: url(../../images/about/flow_bg04.png);
			}
			&.box05:after{
				background-image: url(../../images/about/flow_bg05.png);
			}*/
    /*&.box02 span{
				border-color: #de479e;
				color: #de479e;
			}
			&.box03 span{
				border-color: #FF6EC8;
				color: #FF6EC8;
			}
			&.box04 span{
				border-color: #C882FF;
				color: #C882FF;
			}
			&.box05 span{
				border-color: #8282FF;
				color: #8282FF;
			}*/ }
    .index_wrap .flow .box:after {
      content: "";
      display: block;
      width: 80px;
      height: 125px;
      background: url(../../images/about/flow_bg.png) left top no-repeat;
      background-size: 100% auto;
      position: absolute;
      left: 45px;
      top: 0px; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .index_wrap .flow .box {
        padding: 20px;
        margin-bottom: 10px; }
        .index_wrap .flow .box:after {
          left: 15px;
          width: 15%;
          height: 100%; } }
    .index_wrap .flow .box .label {
      font-size: 22px;
      font-weight: normal;
      line-height: 1;
      margin-bottom: 20px; }
      @media screen and (min-width: 0) and (max-width: 570px) {
        .index_wrap .flow .box .label {
          font-size: 18px;
          line-height: 1.2;
          margin-left: 15%;
          padding-left: 20px; } }
      .index_wrap .flow .box .label span {
        display: inline-block;
        border: 2px solid #D43F3A;
        padding: 10px 20px;
        border-radius: 6px;
        color: #D43F3A; }
        @media screen and (min-width: 0) and (max-width: 570px) {
          .index_wrap .flow .box .label span {
            padding: 10px 15px; } }
    .index_wrap .flow .box p {
      font-size: 20px; }
      @media screen and (min-width: 0) and (max-width: 570px) {
        .index_wrap .flow .box p {
          font-size: 16px;
          margin-left: 15%;
          padding-left: 20px; } }

.index_wrap .icon_down {
  margin: 40px auto;
  text-align: center; }

.index_wrap .apply {
  background-color: #FAE0E3;
  border: 7px solid #D0021B;
  border-radius: 10px;
  padding: 40px;
  text-align: center;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (min-width: 0) and (max-width: 570px) {
    .index_wrap .apply {
      padding: 40px 20px; } }
  .index_wrap .apply a.btn_style01 {
    background-color: #FFFFFF;
    width: 340px;
    text-align: left;
    display: block;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 4px;
    position: relative;
    margin: 0px auto; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .index_wrap .apply a.btn_style01 {
        width: auto; } }
    .index_wrap .apply a.btn_style01:hover {
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      opacity: 0.7; }
    .index_wrap .apply a.btn_style01:after {
      content: ">";
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .index_wrap .apply .title01 {
    font-size: 32px;
    font-weight: bold;
    color: #D0021B;
    margin-top: 50px;
    margin-bottom: 30px; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .index_wrap .apply .title01 {
        margin-top: 0px;
        font-size: 20px; } }
  .index_wrap .apply .title02 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .index_wrap .apply .title02 {
        margin-top: 60px;
        font-size: 20px; } }
  .index_wrap .apply .text01 {
    text-align: left;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 110%;
    display: inline-block; }
    .index_wrap .apply .text01 .bold {
      font-weight: bold; }
    .index_wrap .apply .text01 h4 {
      margin-top: 20px;
      margin-bottom: 5px; }
    .index_wrap .apply .text01 .waku01 {
      margin-top: 10px;
      border: 5px dotted #fff;
      padding: 0 20px;
      padding-bottom: 20px;
      background: rgba(255, 255, 255, 0.2); }
  .index_wrap .apply .f_small {
    font-size: 80%; }
  .index_wrap .apply .btn_list {
    display: inline-block;
    width: 100%; }
    .index_wrap .apply .btn_list:before, .index_wrap .apply .btn_list:after {
      content: " ";
      display: table; }
    .index_wrap .apply .btn_list:after {
      clear: both; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .index_wrap .apply .btn_list {
        display: block; } }
    .index_wrap .apply .btn_list li {
      width: 50%;
      padding: 15px;
      float: left;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .index_wrap .apply .btn_list li.col1 {
        width: auto; }
      @media screen and (min-width: 0) and (max-width: 570px) {
        .index_wrap .apply .btn_list li {
          width: 100%;
          padding: 0px;
          float: none;
          margin-bottom: 10px; } }
      .index_wrap .apply .btn_list li a {
        display: block;
        border: 5px solid #000000;
        border-radius: 10px;
        background-color: #FFFFFF;
        padding: 20px;
        text-align: left;
        vertical-align: middle;
        font-size: 18px;
        position: relative;
        padding-right: 70px; }
        .index_wrap .apply .btn_list li a .f_red {
          color: #D0021B; }
        .index_wrap .apply .btn_list li a:after {
          content: "";
          display: block;
          width: 30px;
          height: 100%;
          position: absolute;
          right: 20px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          background: url(../../images/about/icon_download.png) right center no-repeat;
          background-size: 100% auto; }
          @media screen and (min-width: 0) and (max-width: 570px) {
            .index_wrap .apply .btn_list li a:after {
              width: 20px;
              right: 10px; } }
        @media screen and (min-width: 0) and (max-width: 570px) {
          .index_wrap .apply .btn_list li a {
            font-size: 14px;
            line-height: 1.2;
            padding: 20px 40px; } }
        .index_wrap .apply .btn_list li a img {
          vertical-align: middle;
          padding-right: 10px;
          margin-bottom: 5px;
          width: 45px; }
          @media screen and (min-width: 0) and (max-width: 570px) {
            .index_wrap .apply .btn_list li a img {
              width: 25px;
              position: absolute;
              left: 10px;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); } }
        .index_wrap .apply .btn_list li a:hover {
          filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          opacity: 0.7; }
/*20171225 arca_nishimura*/
#content_wrap .wrapper .btn_list {display: inline-block;width: 100%; box-sizing: border-box; padding: 0 25px; }
#content_wrap .wrapper .btn_list:after {clear: both; }
@media screen and (min-width: 0) and (max-width: 768px) {
      #content_wrap .wrapper .btn_list {display: block; padding: 10px 0 0 0; } 
}
#content_wrap .wrapper .btn_list li {
      width: 50%;
      padding: 15px;
      float: left;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
#content_wrap .wrapper .btn_list li.comingsoon a{ color: hsla(0,0%,20%,0.30); border-color: hsla(0,0%,20%,0.40); position: relative; pointer-events: none;}
#content_wrap .wrapper .btn_list li.comingsoon a img{ opacity: 0.4;}
#content_wrap .wrapper .btn_list li.comingsoon a:after{ content: 'coming soon'; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); color: #333; width: 100%; text-align: center; height: auto; background: none;}
@media screen and (min-width: 0) and (max-width: 570px) {
        #content_wrap .wrapper .btn_list li {
          width: 100%;
          padding: 0px;
          float: none;
          margin-bottom: 10px; } }
#content_wrap .wrapper .btn_list li a {
        display: block;
        border: 5px solid #000000;
        border-radius: 10px;
        background-color: #FFFFFF;
        padding: 20px;
        text-align: left;
        vertical-align: middle;
        font-size: 18px;
        position: relative;
        padding-right: 70px; }
        #content_wrap .wrapper .btn_list li a:after {
          content: "";
          display: block;
          width: 30px;
          height: 100%;
          position: absolute;
          right: 20px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          background: url(../../images/about/icon_download.png) right center no-repeat;
          background-size: 100% auto; }
          @media screen and (min-width: 0) and (max-width: 570px) {
            #content_wrap .wrapper .btn_list li a:after {
              width: 20px;
              right: 10px; } }
        @media screen and (min-width: 0) and (max-width: 570px) {
          #content_wrap .wrapper .btn_list li a {
            font-size: 14px;
            line-height: 1.2;
            padding: 20px 40px; } }
        #content_wrap .wrapper .btn_list li a img {
          vertical-align: middle;
          padding-right: 10px;
          margin-bottom: 5px;
          width: 45px; }
          @media screen and (min-width: 0) and (max-width: 570px) {
            #content_wrap .wrapper .btn_list li a img {
              width: 25px;
              position: absolute;
              left: 10px;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%); } }
        #content_wrap .wrapper .btn_list li a:hover {
          filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          opacity: 0.7; }
/*end 20171225 arca_nishimura*/

.title_wrap:before, .title_wrap:after {
  content: " ";
  display: table; }

.title_wrap:after {
  clear: both; }

.title_wrap h2.style1 {
  float: left; }

.title_wrap .btn_right {
  float: right; }
  .title_wrap .btn_right a.btn_style02 {
    display: inline-block;
    border: 1px solid #D43F3A;
    border-radius: 4px;
    color: #D43F3A;
    padding: 8px 15px;
    padding-left: 20px;
    position: relative; }
    .title_wrap .btn_right a.btn_style02:before {
      content: "";
      position: absolute;
      left: 12px;
      top: 0;
      bottom: 0;
      margin: auto;
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 3px 0 3px 5.2px;
      border-color: transparent transparent transparent #D43F3A;
      -webkit-transition: .2s;
      transition: .2s; }
    .title_wrap .btn_right a.btn_style02:hover {
      background: #E64536;
      color: #fff; }
      .title_wrap .btn_right a.btn_style02:hover:before {
        border-color: transparent transparent transparent #fff; }

table.outline_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px; }
  table.outline_table a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: underline; }
    table.outline_table a:hover {
      color: #C6A47F; }
    table.outline_table a.oubo_button {
      margin-top: 5px;
      position: relative;
      display: inline-block;
      border: 1px solid #D43F3A;
      border-radius: 4px;
      color: #D43F3A;
      padding: 8px 15px;
      padding-left: 20px;
      text-decoration: none; }
      table.outline_table a.oubo_button:hover {
        background: #E64536;
        color: #fff; }
        table.outline_table a.oubo_button:hover:before {
          border-color: transparent transparent transparent #fff; }
      table.outline_table a.oubo_button:before {
        content: "";
        position: absolute;
        left: 12px;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 0 3px 5.2px;
        border-color: transparent transparent transparent #D43F3A;
        -webkit-transition: .2s;
        transition: .2s; }
  table.outline_table .f_bold {
    font-weight: bold; }
  table.outline_table th,
  table.outline_table td {
    padding: 15px 30px;
    text-align: left; }
  table.outline_table th {
    background-color: #F6F5F3;
    font-size: 16px;
    font-weight: bold;
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: top; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      table.outline_table th {
        display: block;
        width: auto;
        padding: 15px; } }
  table.outline_table td {
    font-size: 14px;
    line-height: 1.7;
    vertical-align: top; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      table.outline_table td {
        display: block;
        width: auto;
        padding: 15px; } }
    table.outline_table td ul.about_award_text li {
      margin-bottom: 3px;
      position: relative;
      padding-left: 18px; }
      table.outline_table td ul.about_award_text li:before, table.outline_table td ul.about_award_text li:after {
        content: " ";
        display: table; }
      table.outline_table td ul.about_award_text li:after {
        clear: both; }
      table.outline_table td ul.about_award_text li:before {
        position: absolute;
        content: "◆";
        display: block;
        top: 0;
        left: 0; }
      table.outline_table td ul.about_award_text li .title {
        font-weight: bold; }
    table.outline_table td dl {
      margin-top: 30px; }
      table.outline_table td dl dt {
        background-color: #EEDFC5;
        margin-left: -30px;
        margin-right: -30px;
        padding: 5px 30px;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px; }
        @media screen and (min-width: 0) and (max-width: 570px) {
          table.outline_table td dl dt {
            margin-left: 0px;
            margin-right: 0px;
            padding: 3px 15px; } }
      table.outline_table td dl dd {
        font-size: 16px;
        margin-bottom: 30px; }

/*  about ****/
.about_wrap {
  /*.about_image{
        background: url(../../images/top/about_bg.png) center top no-repeat;
        height: 1000px;
        position: relative;
        .box01{
            position: absolute;
            left: 50%;
            top: 170px;
            width: 300px;
            transform: translateX(-50%);
        }
        .box02{
            position: absolute;
            //left: 10%;
            top: 600px;
            //width: 420px;
			left: 0px;
			width: 50%;
            padding-top: 210px;
			padding-left: 10px;
			padding-right: 10px;
			box-sizing: border-box;
        }
        .box03{
            position: absolute;
            //right: 10%;
            top: 600px;
            //width: 420px;
            padding-top: 195px;
			right: 0px;
			width: 50%;
			padding-left: 10px;
			padding-right: 10px;
			box-sizing: border-box;
        }
        .title{
            text-align: center;
            margin-bottom: 30px;
        }
        .text{
            font-size: 16px;
            line-height: 1.5;
            text-align: center;
        }
	}
	@media (max-width: 1100px) {
		.intro{
			padding: 0px 10px;
		}
		.description{
			padding: 0px 10px;
		}
		.about_image{
			background-size: 100% auto;
		}
		.about_image{
			background: none;
            height: auto;
            margin-top: 60px;
            .box01,
            .box02,
            .box03{
                position: static;
                width: auto;
                margin-bottom: 60px;
                transform: none;
                padding-top: 0;
            }
            .title{
                text-align: center;
                margin-bottom: 20px;
            }
            .text{
                text-align: center;
                font-size: 16px;
                line-height: 1.5;
            }
        }
	}*/ }
  .about_wrap .visual {
    text-align: center;
    margin-bottom: 20px; }
  .about_wrap .intro {
    font-size: 16px;
    line-height: 1.9;
    padding: 0px 6%; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .about_wrap .intro {
        padding: 0; } }
  .about_wrap .subtitle {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    margin-top: 100px;
    margin-bottom: 40px; }
  .about_wrap .description { font-size: 16px; line-height: 1.9; padding-top: 0px; padding-right: 14%; padding-bottom: 0px; padding-left: 14%; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .about_wrap .description {
        padding: 0; } }
  .about_wrap .illustration {
    text-align: center;
    position: relative;
    padding-bottom: 100px; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .about_wrap .illustration {
        padding-bottom: 0px; }
        .about_wrap .illustration .main_image {
          display: none; } }
    .about_wrap .illustration .box01 {
      width: 100%;
      position: absolute;
      left: 50%;
      top: 15%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 1100px) {
        .about_wrap .illustration .box01 {
          top: 12%; } }
      @media screen and (min-width: 0) and (max-width: 570px) {
        .about_wrap .illustration .box01 {
          position: static;
          -webkit-transform: translateX(0%);
                  transform: translateX(0%);
          margin: 30px 0px; } }
      .about_wrap .illustration .box01 .title {
        width: 19%;
        max-width: 190px;
        text-align: center;
        margin-left: auto;
        margin-right: auto; }
        @media screen and (min-width: 0) and (max-width: 570px) {
          .about_wrap .illustration .box01 .title {
            width: 100%;
            max-width: none; } }
      .about_wrap .illustration .box01 .text {
        max-width: 300px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto; }
    .about_wrap .illustration .text_bottom {
      position: absolute;
      left: 0px;
      top: 56%;
      width: 100%; }
      @media screen and (min-width: 0) and (max-width: 570px) {
        .about_wrap .illustration .text_bottom {
          position: static; } }
      .about_wrap .illustration .text_bottom .box02 {
        width: 50%;
        float: left; }
        @media screen and (min-width: 0) and (max-width: 570px) {
          .about_wrap .illustration .text_bottom .box02 {
            width: 100%;
            float: none;
            margin: 30px 0px; } }
      .about_wrap .illustration .text_bottom .box03 {
        width: 50%;
        float: right; }
        @media screen and (min-width: 0) and (max-width: 570px) {
          .about_wrap .illustration .text_bottom .box03 {
            width: 100%;
            float: none;
            margin: 30px 0px; } }
      .about_wrap .illustration .text_bottom .title {
        width: 72%;
        max-width: 360px;
        text-align: center;
        margin-left: auto;
        margin-right: auto; }
      .about_wrap .illustration .text_bottom .text {
        max-width: 420px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        text-align: left; }
      .about_wrap .illustration .text_bottom a {
        padding: 35% 10px 0px;
        display: block; }
        @media screen and (min-width: 0) and (max-width: 570px) {
          .about_wrap .illustration .text_bottom a {
            padding: 0px; } }
    .about_wrap .illustration .title {
      text-align: center;
      margin-bottom: 30px; }
      @media (max-width: 1100px) {
        .about_wrap .illustration .title {
          margin-bottom: 15px; } }
      @media screen and (min-width: 0) and (max-width: 570px) {
        .about_wrap .illustration .title {
          margin-bottom: 10px; } }
    .about_wrap .illustration .text {
      font-size: 16px;
      line-height: 1.5;
      text-align: center; }
      @media (max-width: 1100px) {
        .about_wrap .illustration .text {
          font-size: 14px; } }

/**** qa ****/
.qa_wrap {
  padding-bottom: 50px;
  margin: 0px 90px; }
  @media screen and (min-width: 0) and (max-width: 570px) {
    .qa_wrap {
      margin: 0px; } }
  .qa_wrap .title_style01 {
    border-bottom: 1px solid #E8E8E9;
    position: relative;
    padding-bottom: 10px;
    font-size: 25px;
    font-weight: bold;
    margin: 80px 0px 50px; }
    .qa_wrap .title_style01:before {
      content: "";
      display: block;
      position: absolute;
      height: 2px;
      width: 30px;
      background: #F92525;
      bottom: -2px; }
  .qa_wrap dl.qa_list dt {
    border: 3px solid #DEDDDE;
    border-radius: 6px;
    padding: 15px 80px 15px 30px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    position: relative;
    background-color: #FFFFFF; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .qa_wrap dl.qa_list dt {
        padding: 15px 45px 15px 15px; } }
    .qa_wrap dl.qa_list dt:after {
      content: "";
      background: url(../../images/common/icon_down.png) left top no-repeat;
      width: 18px;
      height: 13px;
      display: block;
      position: absolute;
      right: 30px;
      top: 50%;
      margin-top: -6px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      @media screen and (min-width: 0) and (max-width: 570px) {
        .qa_wrap dl.qa_list dt:after {
          right: 15px; } }
    .qa_wrap dl.qa_list dt:hover, .qa_wrap dl.qa_list dt.active {
      border: 3px solid #FFBB43;
      cursor: pointer; }
      .qa_wrap dl.qa_list dt:hover:after, .qa_wrap dl.qa_list dt.active:after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .qa_wrap dl.qa_list dt .inner {
      position: relative; }
      .qa_wrap dl.qa_list dt .inner .num {
        margin-right: 5px;
        position: absolute; }
      .qa_wrap dl.qa_list dt .inner .text {
        display: block;
         /*20181025 arca_nishimura 1/2 上書き*/margin-left: 1.5em; }
/*20181025 arca_nishimura 2/2 追加*/ .indent_1em{ padding: 0 0 0 1em; text-indent: -1em;} 
  .qa_wrap dl.qa_list dd {
    display: none; }
    .qa_wrap dl.qa_list dd .inner {
      border: 3px solid #FFBB43;
      border-radius: 6px;
      padding: 25px 30px 25px 30px;
      background-color: #FDF8DE;
      margin-bottom: 10px;
      font-size: 16px;
      line-height: 1.8;
      position: relative;
      text-align: justify; }
      @media screen and (min-width: 0) and (max-width: 570px) {
        .qa_wrap dl.qa_list dd .inner {
          padding: 25px 15px; } }
      .qa_wrap dl.qa_list dd .inner .num {
        margin-right: 5px;
        position: absolute; }
      .qa_wrap dl.qa_list dd .inner .text {
        display: block;
        margin-left: 1.5em; }

.download .btn_list {
  display: inline-block;
  width: 100%; }
  .download .btn_list:before, .download .btn_list:after {
    content: " ";
    display: table; }
  .download .btn_list:after {
    clear: both; }
  @media screen and (min-width: 0) and (max-width: 570px) {
    .download .btn_list {
      display: block; } }
  .download .btn_list li {
    width: 50%;
    padding: 5px 5px;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .download .btn_list li.col1 {
      width: auto; }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .download .btn_list li {
        width: 100%;
        padding: 0px;
        float: none;
        margin-bottom: 10px; } }
    .download .btn_list li a {
      display: block;
      border: 5px solid #000000;
      border-radius: 10px;
      background-color: #FFFFFF;
      padding: 20px;
      text-align: left;
      vertical-align: middle;
      font-size: 24px;
      position: relative;
      padding-right: 70px; }
      .download .btn_list li a .f_red {
        color: #D0021B; }
      .download .btn_list li a:after {
        content: "";
        display: block;
        width: 37px;
        height: 100%;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        background: url(../../images/about/icon_download.png) right center no-repeat;
        background-size: 100% auto; }
        @media screen and (min-width: 0) and (max-width: 570px) {
          .download .btn_list li a:after {
            width: 20px;
            right: 10px; } }
      @media screen and (min-width: 0) and (max-width: 570px) {
        .download .btn_list li a {
          font-size: 14px;
          line-height: 1.2;
          padding: 20px 40px; } }
      .download .btn_list li a img {
        vertical-align: middle;
        padding-right: 10px;
        margin-bottom: 5px; }
        @media screen and (min-width: 0) and (max-width: 570px) {
          .download .btn_list li a img {
            width: 25px;
            position: absolute;
            left: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); } }
      .download .btn_list li a:hover {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7; }

/*** creator_wrap ****/
.creator_wrap section {
  margin-top: 100px; }
  @media screen and (min-width: 0) and (max-width: 570px) {
    .creator_wrap section {
      margin-top: 50px; } }

.creator_wrap .creator_box:before, .creator_wrap .creator_box:after {
  content: " ";
  display: table; }

.creator_wrap .creator_box:after {
  clear: both; }

.creator_wrap .creator_box .creator_name {
  width: 225px;
  float: left;
  margin-right: 50px;
  border-top: 1px solid #952928;
  padding-top: 20px; }
  .creator_wrap .creator_box .creator_name .name {
    font-size: 36px;
    font-weight: bold; }
  @media (max-width: 1200px) {
    .creator_wrap .creator_box .creator_name {
      width: 180px; }
      .creator_wrap .creator_box .creator_name .name {
        font-size: 26px; } }
  @media screen and (min-width: 0) and (max-width: 570px) {
    .creator_wrap .creator_box .creator_name {
      width: 100%;
      float: none;
      margin-right: 0px;
      margin-bottom: 25px; } }

.creator_wrap .creator_box .creator_content {
  overflow: hidden;
  border-top: 1px solid #DEDDDE;
  padding-top: 60px; }
  @media screen and (min-width: 0) and (max-width: 570px) {
    .creator_wrap .creator_box .creator_content {
      padding-top: 30px; } }
  .creator_wrap .creator_box .creator_content .img {
    margin-bottom: 50px; }
  .creator_wrap .creator_box .creator_content .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px; }
  .creator_wrap .creator_box .creator_content p {
    font-size: 14px;
    line-height: 1.74;
    margin-bottom: 45px; }
    .creator_wrap .creator_box .creator_content p a {
      color: #305C91; }
  .creator_wrap .creator_box .creator_content .thumb {
    float: left;
    margin-right: 25px;
    width: 40%; }
  .creator_wrap .creator_box .creator_content .text_wrap {
    overflow: hidden; }
  @media screen and (min-width: 0) and (max-width: 570px) {
    .creator_wrap .creator_box .creator_content .thumb {
      width: 100%;
      float: none;
      margin-right: 0px;
      margin-bottom: 50px; } }

/**** judge ****/
.judge_wrap .judge_list {
  margin-left: -30px;
  margin-top: 130px; }
  .judge_wrap .judge_list:before, .judge_wrap .judge_list:after {
    content: " ";
    display: table; }
  .judge_wrap .judge_list:after {
    clear: both; }
  @media screen and (min-width: 0) and (max-width: 570px) {
    .judge_wrap .judge_list {
      margin-left: 0px; } }
  .judge_wrap .judge_list .judge_box {
    width: 33.333333%;
    float: left;
    padding-left: 30px;
    margin-bottom: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 768px) {
      .judge_wrap .judge_list .judge_box {
        width: 50%; } }
    @media screen and (min-width: 0) and (max-width: 570px) {
      .judge_wrap .judge_list .judge_box {
        width: auto;
        float: none;
        padding-left: 0px; } }
    .judge_wrap .judge_list .judge_box .chairman {
      font-size: 24px;
      font-weight: bold;
      color: #C2A17C;
      margin-bottom: 10px; }
    .judge_wrap .judge_list .judge_box .intro {
      border-bottom: 1px solid #DEDDDE; }
    .judge_wrap .judge_list .judge_box .photo {
      margin-bottom: 35px; }
      .judge_wrap .judge_list .judge_box .photo img {
        width: 100%; }
    .judge_wrap .judge_list .judge_box .position {
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 15px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;}
    .judge_wrap .judge_list .judge_box .name {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 15px; }
    .judge_wrap .judge_list .judge_box .label {
      margin-bottom: 15px; }
      .judge_wrap .judge_list .judge_box .label span {
        display: inline-block;
        background-color: #C2A17C;
        padding: 2px 40px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: bold; }
    .judge_wrap .judge_list .judge_box .profile .text {
      font-size: 12px;
      line-height: 1.5;
      padding-bottom: 30px;
      text-align: justify; }
    .judge_wrap .judge_list .judge_box .btn a.btn_message {
      display: block;
      vertical-align: middle;
      padding: 10px 0px;
      position: relative;
      font-size: 18px;
      font-weight: bold; }
      .judge_wrap .judge_list .judge_box .btn a.btn_message img {
        vertical-align: middle; }
      .judge_wrap .judge_list .judge_box .btn a.btn_message:after {
        content: "";
        display: block;
        width: 23px;
        height: 16px;
        background: url(../../images/about/icon_down02.png) right center no-repeat;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -8px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .judge_wrap .judge_list .judge_box .btn a.btn_message.active:after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .judge_wrap .judge_list .judge_box .message_wrap {
      height: 0px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .judge_wrap .judge_list .judge_box .message_wrap.open {
        opacity: 1;
        visibility: visible; }
      .judge_wrap .judge_list .judge_box .message_wrap .message {
        background-color: #F9EAB2;
        border-radius: 6px;
        -webkit-box-shadow: 0px 9px 11px rgba(0, 0, 0, 0.17);
                box-shadow: 0px 9px 11px rgba(0, 0, 0, 0.17);
        padding: 35px;
        position: relative;
        margin-top: 30px; }
        .judge_wrap .judge_list .judge_box .message_wrap .message:before {
          content: "";
          position: absolute;
          top: -30px;
          left: 13%;
          margin-left: -15px;
          border: 10px solid transparent;
          border-bottom: 30px solid #F9EAB2; }
        .judge_wrap .judge_list .judge_box .message_wrap .message .text {
          font-size: 14px;
          line-height: 1.8;
          text-align: justify; }



/*** finalist_wrap ****/
.f_small{
	font-size: 80%;
}
.finalist_wrap{
	overflow: hidden;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	background-color: #fbe5d6;
	padding: 20px;
}
.finalist_wrap .area_title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.finalist_wrap .left{
	width: 48%;
	float: left;
}
.finalist_wrap .right{
	width: 48%;
	float: right;
}
.finalist_wrap table{
	width: 100%;
	margin-bottom: 30px;
}
.finalist_wrap table th{
	font-size: 16px;
	line-height: 1.4;
	width: 4.5em;
	text-align: left;
	padding: 7px 10px;
	vertical-align: top;
}
.finalist_wrap table td{
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	vertical-align: top;
	padding: 7px 0px;
}
.finalist_wrap sup{
	vertical-align: super;
	font-size: 60%;
}
.finalist_note{
	text-align: right;
	clear: both;
}

@media (max-width: 768px) {
	.finalist_wrap{
	overflow: hidden;
	margin-top: 40px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #fbe5d6;
	padding: 10px;
}

	.finalist_wrap .left,
	.finalist_wrap .right{
	width: auto;
	float: none;
}

}


/**** 2018.02.13〜14　用 ***/
.visual{
	position: relative;
}
.visual .btn_winner{
	position: absolute;
	left: 490px;
	right: 34px;
	top: 230px;
}
.visual .text_winner{
	position: absolute;
	left: 490px;
	right: 34px;
	top: 315px;
}
.visual .btn_vote{
	position: absolute;
	left: 490px;
	right: 34px;
	top: 630px;
}

@media (max-width: 768px) {

	.visual .btn_winner{
		position: static;
	}
	.visual .text_winner{
		position: static;
	}
	.visual .btn_vote{
		position: static;
	}
	
}
	
/*20180327 arca_nishimura追加*/
.finalist_AreaTitle {display:block; background-color: #C2A17C; padding: 2px 40px; color: #FFFFFF;font-size: 16px; font-weight: bold; text-align:center; margin-bottom: 30px; padding: 5px;}