@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*
@mixin sp_size{
  @media screen and (max-width: $mobile) {
    @content;
  }
}

@mixin tab_size{
  @media screen and (max-width: $tablet) {
    @content;
  }
}

@mixin pc_size{
  @media screen and (max-width: $desktop) {
    @content;
  }
}
*/
#titleimg {
  background: url("../../img/effort/image_title_sp.png") no-repeat center/cover; }

#column > div {
  margin-bottom: 60px; }

#contents h2 {
  margin-bottom: 0;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 24px; }
#contents p {
  font-size: 1.4rem;
  text-align: left; }
  #contents p.body {
    text-align: center; }
#contents h3 {
  margin-bottom: 5px;
  color: #BEB255;
  font-size: 2.6rem;
  text-align: center;
  line-height: 1; }
  #contents h3.copy {
    font-size: 2rem;
    line-height: 30px; }
  #contents h3 span {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px; }
#contents ul {
  margin-bottom: 40px; }
#contents li {
  padding: 33.5px 0;
  border-top: 1px solid #fff; }
  #contents li .img {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px; }
  #contents li .text_area {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%; }
    #contents li .text_area .title {
      margin-bottom: 5px;
      font-size: 1.8rem; }
  #contents li:nth-child(1) {
    border-top: none; }

.column_title {
  margin-bottom: 30px; }

.image_wrap {
  margin-bottom: 40px; }
  .image_wrap .img {
    margin-bottom: 20px; }

/*------------------------------
		1200px以上
------------------------------*/
@media screen and (min-width: 768px) {
  #titleimg {
    background-image: url("../../img/effort/image_title_pc.png"); }

  #column > div {
    margin-bottom: 120px; }

  #contents h2 {
    font-size: 3rem; }
  #contents p {
    font-size: 1.6rem; }
  #contents h3 {
    margin-bottom: 44.5px;
    font-size: 3.3rem; }
    #contents h3.copy {
      font-size: 2.5rem;
      line-height: 34px; }
  #contents #message .owter_wrapper {
    margin: 80px auto; }
  #contents .img_container {
    margin-bottom: 140px; }
  #contents li {
    padding: 33.5px 0;
    border-top: 1px solid #fff; }
    #contents li .img {
      flex: 0 1 316px;
      width: 316px;
      max-width: 316px;
      margin-bottom: 0; }
    #contents li .text_area {
      flex: 0 1 calc(100% - 356px);
      width: calc(100% - 356px);
      max-width: calc(100% - 356px);
      margin-left: 40px; }
      #contents li .text_area .title {
        font-size: 2.2rem; }
    #contents li:nth-child(even) {
      flex-flow: row-reverse wrap; }
      #contents li:nth-child(even) .text_area {
        margin-left: 0;
        margin-right: 40px; }
        #contents li:nth-child(even) .text_area .title {
          font-size: 2.2rem; }
    #contents li:nth-child(1) {
      border-top: none; }

  .column_title {
    margin-bottom: 50px; }

  .image_wrap {
    margin-bottom: 60px; }
    .image_wrap .img {
      margin-bottom: 30px; } }
/*------------------------------
		1024px以下
------------------------------*/
/*------------------------------
		768px以下
------------------------------*/