@charset "UTF-8";
/*
File Name : style.css
Url : https://www.mamayaku.com/campaign/zadankai/common/css/style.css
Author : Coding Design
Description : 個別ページCSS設定
Version/Corrector :
  1.0 2019/07/22 FUMINORI MORI
*/
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic");
@import url("//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700");
/*doc
---
title: displayChanger
name: displayChanger
category: helper
---

SP版、TB版、PC版で要素の表示を変更します<br>

SP版…幅600px未満
TB版…幅600-959px
PC版…幅960px以上

* .spOnly-inline　…　SP版のみ表示。インラインで表示。
* .spOnly-inlineblock　…　SP版のみ表示。インラインブロックで表示。
* .spOnly-block　…　SP版のみ表示。ブロックで表示。
* .pcTbOnly-inline　…　TB・PC版のみ表示。インラインで表示。
* .pcTbOnly-inlineblock　…　TB・PC版のみ表示。インラインブロックで表示。
* .pcTbOnly-block　…　TB・PC版のみ表示。ブロックで表示。
* .pcOnly-inline　…　PC版のみ表示。インラインで表示。
* .pcOnly-inlineblock　…　PC版のみ表示。インラインブロックで表示。
* .pcOnly-block　…　PC版のみ表示。ブロックで表示。
* .spBlock-pcInline　…　SP版ブロック、PC版インラインで表示。
* .spInline-pcBlock　…　SP版インライン、PC版ブロックで表示。
* .displayNone　…　表示しない

*/
.spOnly-inline {
  display: inline; }

.spOnly-inlineblock {
  display: inline-block; }

.spOnly-block {
  display: block; }

.pcTbOnly-inline {
  display: none; }

.pcTbOnly-inlineblock {
  display: none; }

.pcTbOnly-block {
  display: none; }

.pcOnly-inline {
  display: none; }

.pcOnly-inlineblock {
  display: none; }

.pcOnly-block {
  display: none; }

.spBlock-pcInline {
  display: block; }

.spInline-pcBlock {
  display: inline; }

.spBlock-pcTbInline {
  display: block; }

.spInline-pcTbBlock {
  display: inline; }

.spTbInline-pcBlock {
  display: inline; }

.spTbBlock-pcInline {
  display: block; }

.displayNone {
  display: none; }

@media print, screen and (min-width: 640px) {
  .spOnly-inline {
    display: none; }
  .spOnly-inlineblock {
    display: none; }
  .spOnly-block {
    display: none; }
  .pcTbOnly-inline {
    display: inline; }
  .pcTbOnly-inlineblock {
    display: inline-block; }
  .pcTbOnly-block {
    display: block; }
  .spBlock-pcTbInline {
    display: inline; }
  .spInline-pcTbBlock {
    display: block; } }

@media print, screen and (min-width: 960px) {
  .pcOnly-inline {
    display: inline; }
  .pcOnly-inlineblock {
    display: inline-block; }
  .pcOnly-block {
    display: block; }
  .spBlock-pcInline {
    display: inline; }
  .spInline-pcBlock {
    display: block; }
  .spTbInline-pcBlock {
    display: block; }
  .spTbBlock-pcInline {
    display: inline; } }

body.is-not-rwd {
  /* PC RWD非対応スタイル */ }
  @media print, screen and (max-width: 639px) {
    body.is-not-rwd .spOnly-inline {
      display: none; }
    body.is-not-rwd .spOnly-inlineblock {
      display: none; }
    body.is-not-rwd .spOnly-block {
      display: none; }
    body.is-not-rwd .pcTbOnly-inline {
      display: inline; }
    body.is-not-rwd .pcTbOnly-inlineblock {
      display: inline-block; }
    body.is-not-rwd .pcTbOnly-block {
      display: block; }
    body.is-not-rwd .spBlock-pcTbInline {
      display: inline; }
    body.is-not-rwd .spInline-pcTbBlock {
      display: block; }
    body.is-not-rwd .pcOnly-inline {
      display: inline; }
    body.is-not-rwd .pcOnly-inlineblock {
      display: inline-block; }
    body.is-not-rwd .pcOnly-block {
      display: block; } }

/*doc
---
title: clearfix
name: clearfix
category: helper
---

floatによる回りこみ解除クラス

*/
.clearfix::after,
.clr::after {
  clear: both;
  content: "";
  display: block; }

/*doc
---
title: centering
name: centering
category: helper
---

ブロックをセンター揃えにするクラス

*/
.centering-600 {
  margin: 0 auto;
  max-width: 600px; }

.centering-620 {
  margin: 0 auto;
  max-width: 620px; }

.centering-700 {
  margin: 0 auto;
  max-width: 700px; }

.centering-720 {
  margin: 0 auto;
  max-width: 720px; }

.centering-760 {
  margin: 0 auto;
  max-width: 760px; }

.centering-820 {
  margin: 0 auto;
  max-width: 820px; }

.centering-890 {
  margin: 0 auto;
  max-width: 890px; }

.centering-920 {
  margin: 0 auto;
  max-width: 920px; }

.centering-940 {
  margin: 0 auto;
  max-width: 940px; }

.centering-960 {
  margin: 0 auto;
  max-width: 960px; }

.centering-970 {
  margin: 0 auto;
  max-width: 970px; }

body.is-not-rwd {
  /* PC RWD非対応スタイル */ }
  body.is-not-rwd .centering-600 {
    max-width: none;
    width: 600px; }
  body.is-not-rwd .centering-620 {
    max-width: none;
    width: 620px; }
  body.is-not-rwd .centering-700 {
    max-width: none;
    width: 700px; }
  body.is-not-rwd .centering-720 {
    max-width: none;
    width: 720px; }
  body.is-not-rwd .centering-760 {
    max-width: none;
    width: 760px; }
  body.is-not-rwd .centering-820 {
    max-width: none;
    width: 820px; }
  body.is-not-rwd .centering-890 {
    max-width: none;
    width: 890px; }
  body.is-not-rwd .centering-920 {
    max-width: none;
    width: 920px; }
  body.is-not-rwd .centering-940 {
    max-width: none;
    width: 940px; }
  body.is-not-rwd .centering-960 {
    max-width: none;
    width: 960px; }
  body.is-not-rwd .centering-970 {
    max-width: none;
    width: 970px; }

/*doc
---
title: urlHashLink
name: urlHashLink
category: helper
---

ページ内リンクの位置調整用クラス

*/
.urlHashLink {
  position: relative;
  top: -46px;
  display: block; }

@media screen and (min-width: 640px) {
  .urlHashLink {
    top: -100px; } }

body.is-not-rwd {
  /* PC RWD非対応スタイル */ }
  @media print, screen and (max-width: 639px) {
    body.is-not-rwd .urlHashLink {
      top: -100px; } }

/*doc
---
title: old_helper_classes
name: old_helper_classes
category: helper
---

RWD化前のヘルパークラス

*/
.hidetxt, .hd {
  text-indent: -9999px;
  overflow: hidden; }

.hidetxt a, .hd a {
  overflow: hidden; }

.tagline {
  display: none;
  overflow: hidden; }

.left_section {
  float: left; }

.right_section {
  float: right; }

.ls {
  float: left; }

.rs {
  float: right; }

.left_column {
  float: left; }

.right_column {
  float: right; }

.lc {
  float: left; }

.rc {
  float: right; }

/* ------------------------- TOC 
setup
wrap around the contents
header
site navigation
common sub navigation
contents
page top
footer
 ------------------------- */
/* ============================== setup */
body {
  color: #333333;
  background-color: #f9f7f4;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, Avenir, "Open Sans", Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  color: #0510f6; }

a:link {
  color: #0510f6; }

a:visited {
  color: #0510f6; }

a:hover, a:active {
  color: #ff3300; }

a img, a:link img, a:visited img, a:hover img, a:active img {
  border: none;
  text-decoration: none; }

img {
  vertical-align: top; }

img,
picture {
  margin: 0;
  max-width: 100%;
  height: auto;
  vertical-align: top; }

/* ============================== wrap around the contents */
/* ============================== header */
#header h1 {
  text-align: center; }

/* ============================== contents */
/* sec_talk_member */
#sec_talk_member {
  margin: 23px auto 0;
  max-width: 960px;
  padding-left: 15px;
  padding-right: 15px; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_member {
      margin-top: 20px;
      padding-left: 5px;
      padding-right: 5px; } }

#sec_talk_member .ls {
  width: 27.1875%; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_member .ls {
      float: none;
      width: auto; } }

#sec_talk_member .rs {
  width: 72.8125%; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_member .rs {
      float: none;
      width: auto; } }

@media print, screen and (max-width: 639px) {
  #sec_talk_member ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; } }

#sec_talk_member li {
  float: left;
  width: 18.8841201717%;
  margin-left: 1.4306151645%; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_member li {
      float: none;
      width: 32.2580645161%;
      margin-left: 1.2903225806%; } }

#sec_talk_member li:first-child {
  margin-left: 0; }

@media print, screen and (max-width: 639px) {
  #sec_talk_member li:nth-child(4) {
    margin-left: 0; } }

#sec_talk_member li:last-child {
  margin-left: 1.2875536481%; }

/* nav_talk_theme */
#nav_talk_theme {
  margin: 0 auto;
  max-width: 960px;
  padding-left: 15px;
  padding-right: 15px; }
  @media print, screen and (max-width: 639px) {
    #nav_talk_theme {
      margin-top: 20px;
      padding-left: 5px;
      padding-right: 5px; } }

#nav_talk_theme .ls {
  width: 27.2916666667%; }
  @media print, screen and (max-width: 639px) {
    #nav_talk_theme .ls {
      float: none;
      width: auto;
      padding-right: 2.2580645161%; } }

#nav_talk_theme .rs {
  width: 72.7083333333%;
  padding-top: 3.0208333333%;
  background: url(../img/bg_talk_theme.png) no-repeat 100% 0;
  background-size: 100% auto; }
  @media print, screen and (max-width: 639px) {
    #nav_talk_theme .rs {
      float: none;
      width: auto;
      background: none;
      padding-top: 0; } }

#nav_talk_theme .limited_contents p {
  padding-right: 2.2580645161%; }

@media print, screen and (max-width: 639px) {
  #nav_talk_theme .common_contents ul,
  #nav_talk_theme .limited_contents ul {
    padding-left: 2.2580645161%;
    padding-right: 2.2580645161%; } }

#nav_talk_theme .common_contents li {
  padding-bottom: 0.7163323782%; }
  @media print, screen and (max-width: 639px) {
    #nav_talk_theme .common_contents li {
      padding-bottom: 5px; } }

#nav_talk_theme .limited_contents li {
  padding: 0 0.7163323782% 0.7163323782%; }
  @media print, screen and (max-width: 639px) {
    #nav_talk_theme .limited_contents li {
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      border: 3px solid #02186A; }
      #nav_talk_theme .limited_contents li:nth-child(n+2) {
        border-top: none; } }

/* lead */
.lead {
  background: url(../img/bg_caution.png) repeat-x 0 15%; }
  @media print, screen and (max-width: 639px) {
    .lead {
      background: none;
      margin-top: 0; } }

.lead > span {
  margin: 0 auto;
  max-width: 960px;
  display: block; }

@media print, screen and (max-width: 639px) {
  .lead-sp-text {
    font-size: 22px;
    line-height: 1.9090909091;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    padding: 0 15px; }
    .lead-sp-text em {
      color: #fe5671; }
    .lead-sp-text b {
      font-size: 28px;
      line-height: 1.5; } }

/* sec_talk */
.sec_talk {
  margin-top: 40px;
  padding-top: 30px;
  background: url(../img/bg_h2_talk.png) repeat-x 0 0; }
  @media print, screen and (max-width: 639px) {
    .sec_talk {
      padding-top: 15px;
      margin-top: 30px; } }

.sec_talk > h2 {
  margin: 0 auto;
  max-width: 960px; }

@media print, screen and (max-width: 639px) {
  .sec_talk:not(.sec_gtalk) > h2 {
    padding-left: 5px;
    padding-right: 5px; } }

.sec_talk .talk {
  max-width: 723px;
  margin: 28px auto 0;
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }
  @media print, screen and (max-width: 639px) {
    .sec_talk .talk {
      margin: 10px 0 0;
      padding-left: 10px;
      padding-right: 10px; } }

.sec_talk .talk .icon {
  float: left;
  width: 9.6818810512%; }
  @media print, screen and (max-width: 639px) {
    .sec_talk .talk .icon {
      width: 23.3333333333%; } }

.sec_talk .talk .icon img {
  position: absolute;
  top: 0;
  width: 9.6818810512%; }
  @media print, screen and (max-width: 639px) {
    .sec_talk .talk .icon img {
      width: 23.3333333333%; } }

.sec_talk .talk .talk_inner {
  width: 89.3499308437%;
  float: right;
  background: url(../img/bg_fukidashi.png) no-repeat 0 100%;
  padding-bottom: 10px;
  background-size: 100% auto; }
  @media print, screen and (max-width: 639px) {
    .sec_talk .talk .talk_inner {
      width: 76.6666666667%;
      background-image: url(../img/bg_fukidashi_bottom_sp.png);
      padding-bottom: 4.347826087%; } }

.sec_talk .talk .talk_inner span {
  background: url(../img/bg_fukidashi.png) no-repeat 0 0;
  line-height: 1.8;
  padding: 10px 8px 0 29px;
  display: block;
  background-size: 100% auto; }
  @media print, screen and (max-width: 639px) {
    .sec_talk .talk .talk_inner span {
      background-image: url(../img/bg_fukidashi_top_sp.png);
      background-position: 0 0;
      padding: 11.7391304348% 4.347826087% 0 10%;
      min-height: 7vw; } }

@media print, screen and (min-width: 640px) {
  .sec_talk .talk_1 .icon img {
    top: -17px; } }

@media print, screen and (min-width: 640px) {
  .sec_talk .talk_1 .talk_inner {
    background: url(../img/bg_fukidashi_1.png) no-repeat 0 100%;
    background-size: 100% auto; } }

@media print, screen and (min-width: 640px) {
  .sec_talk .talk_1 .talk_inner span {
    background: url(../img/bg_fukidashi_1.png) no-repeat 0 0;
    background-size: 100% auto; } }

.sec_talk .talk em {
  font-size: 125%;
  font-weight: bold;
  font-style: normal;
  background-color: #ffced6;
  padding: 3px; }

/* message */
.message {
  max-width: 960px;
  margin: 29px auto 0;
  background: url(../img/bg_message.png) no-repeat 0 100%;
  padding-bottom: 3px;
  background-size: 100% auto; }
  @media print, screen and (max-width: 1005px) {
    .message {
      margin-left: 15px;
      margin-right: 15px; } }
  @media print, screen and (max-width: 639px) {
    .message {
      background: none;
      border: 3px solid #FCBEC6;
      background-color: #fff;
      border-radius: 10px;
      padding: 8px 7px 0; } }

@media print, screen and (max-width: 639px) {
  .message dt {
    padding-right: 5px; } }

.message dd {
  padding: 0 3px 0 18.9583333333%;
  background: url(../img/bg_message_dd.png) no-repeat 20px 0;
  font-size: 87.5%;
  line-height: 1.714285714;
  background-size: 15.8333333333% auto; }
  @media print, screen and (max-width: 639px) {
    .message dd {
      background: none;
      padding: 0; }
      .message dd .ls,
      .message dd .rs {
        float: none; } }

/* #sec_talk_01 */
#sec_talk_01 {
  margin-top: -30px;
  position: relative;
  z-index: 1; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_01 {
      margin-top: -5px; } }

#sec_talk_01 .message .ls {
  width: 56.7741935484%; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_01 .message .ls {
      width: auto;
      margin-top: 3px; } }

#sec_talk_01 .message .rs {
  width: 39.6129032258%;
  padding-right: 12px; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_01 .message .rs {
      width: auto;
      padding-right: 0;
      margin-top: 10px; } }

#sec_talk_01 .message p {
  margin-left: -5px;
  padding-right: 1.6774193548%; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_01 .message p {
      margin-left: 0;
      padding-right: 0;
      margin-top: 10px; } }

/* #sec_talk_02 */
#sec_talk_02 .message {
  position: relative; }

#sec_talk_02 .message dd {
  padding-bottom: 23px;
  padding-right: 22.9166666667%; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_02 .message dd {
      padding-bottom: 0;
      padding-right: 0; } }

#img_message_02 {
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 20.7291666667%; }
  @media print, screen and (max-width: 639px) {
    #img_message_02 {
      width: auto;
      position: static;
      margin-left: -7px;
      margin-right: -7px; }
      #img_message_02 img {
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px; } }

/* #sec_talk_03 */
#sec_talk_03 .message {
  position: relative; }

#sec_talk_03 .message dd {
  padding-bottom: 23px;
  padding-right: 22.9166666667%; }
  @media print, screen and (max-width: 639px) {
    #sec_talk_03 .message dd {
      padding-bottom: 0;
      padding-right: 0; } }

#img_message_03 {
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 20.7291666667%; }
  @media print, screen and (max-width: 639px) {
    #img_message_03 {
      width: auto;
      position: static;
      margin-left: -7px;
      margin-right: -7px; }
      #img_message_03 img {
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px; } }

/* sec_gekiyaku */
#sec_gekiyaku {
  margin-top: 13px; }

#sec_gekiyaku h2 {
  text-align: center;
  background: url(../img/bg_caution.png) repeat-x 0 28px; }

#sec_gekiyaku .ms {
  margin: 0 auto;
  max-width: 960px;
  background: url(../img/bg_gekiyaku.jpg) no-repeat 0 0;
  padding-bottom: 15px; }

#sec_gekiyaku .ms li {
  padding-bottom: 5px; }

#sec_gekiyaku .ls {
  padding: 47px 0 0 19px; }

#sec_gekiyaku .rs {
  width: 210px;
  padding-right: 15px;
  padding-top: 32px; }

#sec_gekiyaku .bt_register {
  padding: 7px 0 0 4px; }

#sec_gekiyaku .mailmag {
  line-height: 1.666666667;
  font-size: 75%;
  text-align: center;
  margin: 16px; }

/* lead_gekiyaku */
.lead_gekiyaku {
  text-align: center;
  margin-top: 40px;
  background: url(../img/bg_lead_gtalk.png) repeat-x 0 0;
  background-size: auto 100%; }
  @media print, screen and (max-width: 639px) {
    .lead_gekiyaku {
      margin-top: 50px; } }

/* sec_gtalk_01 */
#sec_gtalk_01 {
  margin-top: -12px;
  position: relative;
  z-index: 1; }
  @media print, screen and (max-width: 639px) {
    #sec_gtalk_01 {
      margin-top: -10px; } }

/* sec_gtalk_02 */
#sec_gtalk_02 {
  margin-top: -8px;
  position: relative;
  z-index: 1; }
  @media print, screen and (max-width: 639px) {
    #sec_gtalk_02 {
      margin-top: -4px; } }

/* sec_gtalk_03 */
#sec_gtalk_03 {
  margin-top: -10px;
  position: relative;
  z-index: 1; }
  @media print, screen and (max-width: 639px) {
    #sec_gtalk_03 {
      margin-top: -4px; } }

.sec_footer {
  text-align: center;
  margin-top: 20px; }

/* sec_finish */
#sec_finish {
  background: url(../img/bg_sec_finish.png) repeat-x 0 0;
  background-size: auto 23.1805929919%; }
  @media print, screen and (max-width: 639px) {
    #sec_finish {
      background: none; } }

#sec_finish .inner {
  max-width: 960px;
  margin: 38px auto 26px; }
  @media print, screen and (max-width: 639px) {
    #sec_finish .inner {
      margin-top: 30px;
      margin-bottom: 0; } }

@media print, screen and (max-width: 639px) {
  .sec-finish-sp-text {
    font-size: 16px;
    line-height: 1.875;
    padding: 15px 10px 0; }
    .sec-finish-sp-text b {
      font-size: 16px;
      line-height: 1.875;
      font-weight: bold;
      margin: 10px 0;
      display: block; }
    .sec-finish-sp-text strong {
      font-weight: bold;
      color: #ff2222;
      font-size: 20px;
      line-height: 1.5; }
    .sec-finish-sp-text em {
      font-weight: bold;
      font-size: 24px;
      line-height: 1.25;
      margin: 10px 0;
      display: block; }
    .sec-finish-sp-text img {
      width: auto;
      height: 24px; } }

/* ============================== page top */
/* ============================== footer */
/* ==========================================================================
   Media Queries
   ========================================================================== */
/* PC and tablet */
@media only screen and (max-device-width: 1024px) {
  #wrapper {
    max-width: 1100px;
    margin: 0 auto; } }
