/* layout
    ========================================================================== */
body {
  width: 100%;
  margin: 0 auto;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 62.5%;
  line-height: 1.4;
  padding: 10px;
  position: relative;
  background-color: #f0f8fc;
  z-index: 0;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.cf:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.cf {
  display: inline-block;
}

a {
  text-decoration: none;
}

/* Hides from IE Mac \*/

* html .cf {
  height: 1%;
}

.cf {
  display: block;
}

/* End Hack */

.flexbox {
  display: flex;
  justify-content: center;
}

#top {
  padding: 0;
}

.cnt_fl {
  float: left;
  text-align: left;
  padding-right: 5px;
}

.cnt_fr {
  float: right;
  text-align: left;
  padding-left: 5px;
}

.cnt_inner_mb {
  margin-bottom: 30px;
}

.cnt_mb {
  margin-bottom: 100px;
}

.campaign_cnt_mb {
  margin-bottom: 200px;
}

.otsukaretag {
  text-align: left;
}

.about_text,
.title_pt,
.text_officekikiyu {
  transform: rotate(0.05deg);
}

/* PC */
@media screen and (min-width:1241px) {
  body {
    max-width: 1677px;
    width: 100%;
    margin: 0 auto;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 3em;
    padding: 10px;
    position: relative;
  }

  .hide_pc {
    display: none;
  }

  #pagetop {
    width: 50px;
    position: fixed;
    bottom: 0;
    right: 20px;
    text-align: right;
    line-height: 0;
  }

  #pagetop a:hover {
    opacity: 0.7;
  }

  .main_visual {
    width: 100%;
    margin: 0 auto 60px auto;
  }

  #contents_inner {
    max-width: 1677px;
    width: 100%;
    margin: 0 auto;
  }

  .cnt_wrap {
    width: 100%;
    margin: 0 auto;
    display: table;
  }

  .cnt_wrap li {
    display: table-cell;
    vertical-align: middle;
  }

  .cnt_margin {
    margin: 5em auto 5em auto;
  }

  .about_contents_title {
    width: 13%;
  }

  .btn_campaign img {
    width: 50%;
  }

  .campaign01_item {
    width: 40%;
    margin: 0 auto;
  }

  .campaign02_item {
    width: 8%;
    margin: 0 auto;
  }

  .title_report {
    width: 29%;
    margin: 0 auto 40px auto;
  }

  .otsukaretag {
    width: 17%;
  }

  .officekikiyu_contents_title {
    width: 22%;
  }

  .text_officekikiyu {
    width: 80%;
    margin: 0 auto;
    color: #ffffff;
  }

  .officekikiyu_img {
    width: 45%;
  }

  .officekikiyu_btn {
    width: 30%;
  }

  .title_Twitter {
    width: 50%;
  }

  .hamasakimiho_title {
    width: 60%;
  }

  .hamasakimiho_illust {
    width: 35%;
  }

  .tab_content_description .box {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #ecf0f1;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    margin: 10px auto 15px;
    text-align: left;
    position: relative;
  }

  .tab_content_description .box .title {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #4b4b4b;
    display: inline-block;
    padding: 3px 10px 2px 10px;
    margin: 10px 0;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
  }

  .tab_content_description .box .text {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    color: #4b4b4b;
    font-weight: 500;
    font-size: 16px;
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #4b4b4b;
  }

  .tab_content_description .box .name {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    text-align: right;
    color: #4b4b4b;
    margin-top: 5px;
    font-size: 18px;
    font-weight: bold;
  }

  .campaign01_contents {
    position: relative;
    background: url("../img/campaign01_bg.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 74.6571258%;*/
  }

  .campaign02_contents {
    color: #ffffff;
    position: relative;
    background: url("../img/campaign02_bg.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 66.4081146%;*/
  }

  .officekikiyu_contents {
    background: url("../img/officekikiyu_bg.png") no-repeat;
    padding: 30px 0;
  }

  .title_pt {
    padding-top: 180px;
  }

  .stamp {
    position: absolute;
    bottom: 50px;
    right: 10px;
  }

  .twitter_tl {
    width: 50%;
    margin: 0 auto;
  }

  .kikiyu_item {
    width: 40%;
    margin: 0 auto 30px auto;
  }

  .otsukaretag_next {
    margin-top: 20px;
    margin-bottom: 0;
  }

}

/* PC */
@media screen and (min-width:1025px) and (max-width:1240px) {
  body {
    width: 100%;
    margin: 0 auto;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 3em;
    padding: 10px;
    position: relative;
  }

  .hide_pc {
    display: none;
  }

  #pagetop {
    width: 50px;
    position: fixed;
    bottom: 0;
    right: 20px;
    text-align: right;
    line-height: 0;
  }

  #pagetop a:hover {
    opacity: 0.7;
  }

  .main_visual {
    width: 100%;
    margin: 0 auto 1em auto;
  }

  .contents_inner {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
  }

  .cnt_wrap {
    width: 100%;
    margin: 0 auto;
    display: table;
  }

  .cnt_wrap li {
    display: table-cell;
    vertical-align: middle;
  }

  .cnt_margin {
    margin: 5em auto 5em auto;
  }

  .about_contents_title {
    width: 13%;
  }

  .btn_campaign img {
    width: 50%;
  }

  .campaign01_item {
    width: 46%;
    margin: 0 auto;
  }

  .campaign02_item {
    width: 8%;
    margin: 0 auto;
  }

  .title_report {
    width: 29%;
    margin: 0 auto 40px auto;
  }

  .otsukaretag {
    width: 15%;
  }

  .officekikiyu_contents_title {
    width: 32%;
  }

  .text_officekikiyu {
    width: 80%;
    margin: 0 auto;
    color: #ffffff;
  }

  .officekikiyu_img {
    width: 61%;
  }

  .officekikiyu_btn {
    width: 46%;
  }

  .title_Twitter {
    width: 73%;
  }

  .hamasakimiho_title {
    width: 88%;
  }

  .hamasakimiho_illust {
    width: 50%;
  }

  .tab_content_description .box {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #ecf0f1;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    margin: 20px auto 15px;
    text-align: left;
    position: relative;
  }

  .tab_content_description .box .title {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #4b4b4b;
    display: inline-block;
    padding: 3px 10px 2px 10px;
    margin: 10px 0;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
  }

  .tab_content_description .box .text {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    color: #4b4b4b;
    font-weight: 500;
    font-size: 16px;
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #4b4b4b;
  }

  .tab_content_description .box .name {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    text-align: right;
    color: #4b4b4b;
    margin-top: 5px;
    font-size: 18px;
    font-weight: bold;
  }

  .campaign01_contents {
    position: relative;
    background: url("../img/campaign01_bg.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 74.6571258%;*/
  }

  .campaign02_contents {
    color: #ffffff;
    position: relative;
    background: url("../img/campaign02_bg.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 66.4081146%;*/
  }

  .officekikiyu_contents {
    background: url("../img/officekikiyu_bg.png") no-repeat;
    padding: 30px 0;
  }

  .title_pt {
    padding-top: 180px;
  }

  .stamp {
    position: absolute;
    bottom: 50px;
    right: 10px;
  }

  .twitter_tl {
    width: 50%;
    margin: 0 auto;
  }

  .kikiyu_item {
    width: 46%;
    margin: 0 auto 30px auto;
  }

  .otsukaretag_next {
    margin-top: 20px;
    margin-bottom: 0;
  }

}

/*tablet*/
@media screen and (min-width:769px) and (max-width:1024px) {
  body {
    width: 100%;
    margin: 0 auto;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.6em;
    padding: 10px;
    position: relative;
  }

  .hide_sp {
    display: none;
  }

  #pagetop {
    display: block;
    width: 20%;
    position: fixed;
    bottom: 0;
    right: 10px;
    text-align: right;
    line-height: 0;
  }

  #pagetop a:hover {
    opacity: 0.7;
  }

  .main_visual {
    width: 100%;
    margin: 0 auto;
  }

  .contents_inner {
    max-width: 1023px;
    width: 100%;
    margin: 0 auto;
  }

  .cnt_wrap {
    width: 100%;
    margin: 0 auto;
    display: table;
  }

  .cnt_wrap li {
    display: table-cell;
    vertical-align: middle;
  }

  .cnt_margin {
    margin: 5em auto 5em auto;
  }

  .about_contents_title {
    width: 13%;
  }

  .btn_campaign img {
    width: 50%;
  }

  .campaign01_item {
    width: 56%;
    margin: 0 auto;
  }

  .campaign02_item {
    width: 11%;
    margin: 0 auto;
  }

  .title_report {
    width: 50%;
    margin: 0 auto 30px auto;
  }

  .otsukaretag {
    width: 25%;
    padding-left: 0;
  }

  .officekikiyu_contents_title {
    width: 30%;
  }

  .text_officekikiyu {
    width: 80%;
    margin: 0 auto;
    color: #ffffff;
  }

  .officekikiyu_img {
    width: 61%;
  }

  .officekikiyu_btn {
    width: 56%;
  }

  .title_Twitter {
    width: 50%;
  }

  .hamasakimiho_title {
    width: 50%;
  }

  .hamasakimiho_illust {
    width: 50%;
  }

  .tab_content_description .box {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #ecf0f1;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    margin: 30px auto 15px;
    text-align: left;
    position: relative;
  }

  .tab_content_description .box .title {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #4b4b4b;
    display: inline-block;
    padding: 3px 10px 2px 10px;
    margin: 10px 0;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
  }

  .tab_content_description .box .text {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    color: #4b4b4b;
    font-weight: 500;
    font-size: 16px;
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #4b4b4b;
  }

  .tab_content_description .box .name {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    text-align: right;
    color: #4b4b4b;
    margin-top: 5px;
    font-size: 18px;
    font-weight: bold;
  }

  .campaign01_contents {
    position: relative;
    background: url("../img/campaign01_bg_tablet.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 74.6571258%;*/
  }

  .campaign02_contents {
    color: #ffffff;
    position: relative;
    background: url("../img/campaign02_bg_tablet.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 66.4081146%;*/
  }

  .officekikiyu_contents {
    background: url("../img/officekikiyu_bg_tablet.png") no-repeat;
    padding: 30px 0;
  }

  .title_pt {
    padding-top: 3.5em;
  }

  .twitter_tl {
    width: 80%;
    margin: 0 auto;
  }

  .cnt_mb {
    margin-bottom: 3em;
  }

  .campaign_cnt_mb {
    margin-bottom: 10em;
  }

  .cnt_inner_mb {
    margin-bottom: 1em;
  }

  .kikiyu_item {
    width: 46%;
    margin: 0 auto 1em auto;
  }

  .stamp {
    width: 15%;
    position: absolute;
    bottom: 42px;
    right: 10px;
  }

  .stamp_bottom {
    bottom: 65px;
  }

}

/* SP */
@media screen and (min-width:321px) and (max-width:768px) {
  body {
    width: 100%;
    margin: 0 auto;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.6em;
    padding: 10px;
    position: relative;
  }

  .hide_sp {
    display: none;
  }

  #pagetop {
    display: block;
    width: 20%;
    position: fixed;
    bottom: 0;
    right: 10px;
    text-align: right;
    line-height: 0;
  }

  #pagetop a:hover {
    opacity: 0.7;
  }

  .main_visual {
    width: 100%;
    margin: 0 auto;
  }

  .contents_inner {
    max-width: 767px;
    width: 100%;
    margin: 0 auto;
  }

  .cnt_wrap {
    width: 100%;
    margin: 0 auto;
    display: table;
  }

  .cnt_wrap li {
    display: table-cell;
    vertical-align: middle;
  }

  .cnt_margin {
    margin: 5em auto 5em auto;
  }

  .main_visual img {
    width: 80%;
  }

  .about_contents_title {
    width: 30%;
  }

  .btn_campaign img {
    width: 80%;
  }

  .title_report {
    width: 70%;
    margin: 0 auto 1.5em auto;
  }

  .otsukaretag {
    width: 35%;
    padding-left: 0;
  }

  .officekikiyu_contents_title {
    width: 50%;
  }

  .text_officekikiyu {
    width: 80%;
    margin: 0 auto;
    color: #ffffff;
    transform: rotate(0.05deg);
  }

  .officekikiyu_img {
    width: 100%;
  }

  .officekikiyu_btn {
    width: 56%;
  }

  .title_Twitter {
    width: 70%;
  }

  .hamasakimiho_title {
    width: 70%;
  }

  .hamasakimiho_illust {
    width: 70%;
  }

  .tab_content_description .box {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #ecf0f1;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    margin: 1em auto 1.5em;
    text-align: left;
    position: relative;
  }

  .tab_content_description .box .title {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #4b4b4b;
    display: inline-block;
    padding: 3px 10px 2px 10px;
    margin: 10px 0;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
  }

  .tab_content_description .box .text {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    color: #4b4b4b;
    font-weight: 500;
    font-size: 16px;
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #4b4b4b;
  }

  .tab_content_description .box .name {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    text-align: right;
    color: #4b4b4b;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
  }

  .campaign01_contents {
    position: relative;
    background: url("../img/campaign01_bg_sp.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 74.6571258%;*/
  }

  .campaign02_contents {
    color: #ffffff;
    position: relative;
    background: url("../img/campaign02_bg_sp.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 66.4081146%;*/
  }

  .officekikiyu_contents {
    background: url("../img/officekikiyu_bg_sp.png?1") no-repeat;
    padding: 30px 0;
  }

  .title_pt {
    padding-top: 1.8em;
    transform: rotate(0.05deg);
  }

  .twitter_tl {
    width: 80%;
    margin: 0 auto;
  }

  .cnt_mb {
    margin-bottom: 3.5em;
  }

  .campaign_cnt_mb {
    margin-bottom: 6em;
  }

  .cnt_inner_mb {
    margin-bottom: 1em;
  }

  .campaign01_item {
    width: 80%;
    margin: 0 auto;
  }

  .campaign02_item {
    width: 16%;
    margin: 0 auto;
  }

  .kikiyu_item {
    width: 60%;
    margin: 0 auto 1em auto;
  }

  .stamp {
    width: 15%;
    position: absolute;
    bottom: 42px;
    right: 10px;
  }

  .stamp_bottom {
    bottom: 65px;
  }

}

/* SP */
@media screen and (max-width:320px) {
  body {
    width: 100%;
    margin: 0 auto;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.6em;
    padding: 10px;
    position: relative;
  }

  .hide_sp {
    display: none;
  }

  #pagetop {
    display: block;
    width: 20%;
    position: fixed;
    bottom: 0;
    right: 10px;
    text-align: right;
    line-height: 0;
  }

  #pagetop a:hover {
    opacity: 0.7;
  }

  .main_visual {
    width: 100%;
    margin: 0 auto;
  }

  .contents_inner {
    max-width: 767px;
    width: 100%;
    margin: 0 auto;
  }

  .cnt_wrap {
    width: 100%;
    margin: 0 auto;
    display: table;
  }

  .cnt_wrap li {
    display: table-cell;
    vertical-align: middle;
  }

  .cnt_margin {
    margin: 5em auto 5em auto;
  }

  .main_visual img {
    width: 80%;
  }

  .about_contents_title {
    width: 30%;
  }

  .btn_campaign img {
    width: 80%;
  }

  .title_report {
    width: 70%;
    margin: 0 auto 1.5em auto;
  }

  .otsukaretag {
    width: 35%;
    padding-left: 0;
  }

  .officekikiyu_contents_title {
    width: 50%;
  }

  .text_officekikiyu {
    width: 80%;
    margin: 0 auto;
    color: #ffffff;
    transform: rotate(0.05deg);
  }

  .officekikiyu_img {
    width: 100%;
  }

  .officekikiyu_btn {
    width: 56%;
  }

  .title_Twitter {
    width: 70%;
  }

  .hamasakimiho_title {
    width: 70%;
  }

  .hamasakimiho_illust {
    width: 70%;
  }

  .tab_content_description .box {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #ecf0f1;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    margin: 1em auto 1.5em;
    text-align: left;
    position: relative;
  }

  .tab_content_description .box .title {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    background: #4b4b4b;
    display: inline-block;
    padding: 3px 10px 2px 10px;
    margin: 10px 0;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
  }

  .tab_content_description .box .text {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    color: #4b4b4b;
    font-weight: 500;
    font-size: 14px;
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #4b4b4b;
  }

  .tab_content_description .box .name {
    font-family: 'M PLUS Rounded 1c';
    transform: rotate(0.05deg);
    text-align: right;
    color: #4b4b4b;
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
  }

  .campaign01_contents {
    position: relative;
    background: url("../img/campaign01_bg_sp.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 74.6571258%;*/
  }

  .campaign02_contents {
    color: #ffffff;
    position: relative;
    background: url("../img/campaign02_bg_sp.png") no-repeat;
    padding-bottom: 30px;
    /*  padding-top: 66.4081146%;*/
  }

  .officekikiyu_contents {
    background: url("../img/officekikiyu_bg_sp.png?1") no-repeat;
    padding: 30px 0;
  }

  .title_pt {
    padding-top: 1.8em;
    transform: rotate(0.05deg);
  }

  .twitter_tl {
    width: 80%;
    margin: 0 auto;
  }

  .cnt_mb {
    margin-bottom: 3.5em;
  }

  .campaign_cnt_mb {
    margin-bottom: 6em;
  }

  .cnt_inner_mb {
    margin-bottom: 1em;
  }

  .campaign01_item {
    width: 80%;
    margin: 0 auto;
  }

  .campaign02_item {
    width: 16%;
    margin: 0 auto;
  }

  .kikiyu_item {
    width: 60%;
    margin: 0 auto 1em auto;
  }

}

/* Twitter */
@media screen and (max-width: 768px) and (min-width: 480px) {
  iframe .twitter-timeline-rendered {
    width: 490px !important;
  }
}

@media screen and (max-width: 480px) {
  iframe.twitter-timeline-rendered {
    width: 450px !important;
    margin: 0 auto;
  }
}

.timeline-Widget {
  max-width: 300px !important;
  width: 200px !important;
}

@media screen and (max-width: 1560px) and (min-width: 1401px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 445px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 410px;
  }
}

@media screen and (min-width: 1620px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 600px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 600px;
  }
}

@media screen and (max-width: 1619px) and (min-width: 1585px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 580px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 580px;
  }
}

@media screen and (max-width: 1584px) and (min-width: 1557px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 530px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 530px;
  }
}

@media screen and (max-width: 1558px) and (min-width: 1526px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 490px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 490px;
  }
}

@media screen and (max-width: 1527px) and (min-width: 1390px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 490px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 490px;
  }
}

@media screen and (max-width: 1389px) and (min-width: 1281px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 445px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 410px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 1241px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 420px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 410px;
  }
}

@media screen and (max-width: 1239px) and (min-width: 1190px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 370px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 360px;
  }
}

@media screen and (max-width: 1189px) and (min-width: 1026px) {
  .campaign01_title {
    width: 426px;
    height: 277px;
    background: url("../img/title_campaign01.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 320px;
  }

  .campaign02_title {
    width: 438px;
    height: 277px;
    background: url("../img/title_campaign02.png") no-repeat;
    position: absolute;
    top: -130px;
    left: 320px;
  }
}

@media screen and (max-width: 1025px) and (min-width: 1005px) {
  .campaign01_title {
    width: 209px;
    height: 135px;
    background: url("../img/title_campaign01_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 395px;
  }

  .campaign02_title {
    width: 209px;
    height: 124px;
    background: url("../img/title_campaign02_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 395px;
  }
}

@media screen and (max-width: 1004px) and (min-width: 890px) {
  .campaign01_title {
    width: 209px;
    height: 135px;
    background: url("../img/title_campaign01_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 335px;
  }

  .campaign02_title {
    width: 209px;
    height: 124px;
    background: url("../img/title_campaign02_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 335px;
  }
}

@media screen and (max-width: 889px) and (min-width: 826px) {
  .campaign01_title {
    width: 209px;
    height: 135px;
    background: url("../img/title_campaign01_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 275px;
  }

  .campaign02_title {
    width: 209px;
    height: 124px;
    background: url("../img/title_campaign02_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 275px;
  }
}

@media screen and (max-width: 825px) and (min-width: 815px) {
  .campaign01_title {
    width: 209px;
    height: 135px;
    background: url("../img/title_campaign01_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 282px;
  }

  .campaign02_title {
    width: 209px;
    height: 124px;
    background: url("../img/title_campaign02_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 285px;
  }
}

@media screen and (max-width: 814px) and (min-width: 765px) {
  .campaign01_title {
    width: 209px;
    height: 135px;
    background: url("../img/title_campaign01_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 285px;
  }

  .campaign02_title {
    width: 209px;
    height: 124px;
    background: url("../img/title_campaign02_tablet.png") no-repeat;
    position: absolute;
    top: -103px;
    left: 285px;
  }
}


@media screen and (max-width: 764px) and (min-width: 725px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 260px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 268px;
  }
}

@media screen and (max-width: 724px) and (min-width: 645px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 225px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 225px;
  }
}

@media screen and (max-width: 644px) and (min-width: 630px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 215px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 220px;
  }
}

@media screen and (max-width: 629px) and (min-width: 600px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 215px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 215px;
  }
}

@media screen and (max-width: 599px) and (min-width: 530px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 185px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 185px;
  }
}

@media screen and (max-width: 529px) and (min-width: 500px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 145px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 145px;
  }
}

@media screen and (max-width: 499px) and (min-width: 435px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 95px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 90px;
  }
}

@media screen and (max-width: 434px) and (min-width: 416px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 120px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 115px;
  }
}

@media screen and (max-width: 415px) and (min-width: 400px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 112px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 112px;
  }
}

@media screen and (max-width: 399px) and (min-width: 360px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 96px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 96px;
  }
}

@media screen and (max-width: 359px) and (min-width: 320px) {
  .campaign01_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign01_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 70px;
  }

  .campaign02_title {
    width: 175px;
    height: 109px;
    background: url("../img/title_campaign02_sp.png") no-repeat;
    position: absolute;
    top: -85px;
    left: 70px;
  }
}

@media screen and (max-width: 320px) {
  .stamp {
    width: 15%;
    position: absolute;
    bottom: 42px;
    right: 10px;
  }

  .stamp_bottom {
    bottom: 53px;
  }
}

@media screen and (max-width: 2560px) and (min-width: 1454px) {
  .main_visual img {
    width: 41%;
  }
}

@media screen and (max-width: 1455px) and (min-width: 1240px) {
  .main_visual img {
    width: 48%;
  }
}

@media screen and (max-width: 1239px) and (min-width: 1045px) {
  .main_visual img {
    width: 57%;
  }
}

@media screen and (max-width: 1044px) and (min-width: 1035px) {
  .main_visual img {
    width: 60%;
  }
}

@media screen and (max-width: 1034px) and (min-width: 1024px) {
  .main_visual img {
    width: 47%;
  }
}