/* line 3, scss/page.scss */
#contents { background: none; padding-top: 0; }

/* line 8, scss/page.scss */
#associate-container .l-content { padding: 60px 40px 0 !important; margin-top: 70px; }
@media screen and (max-width: 959px) { /* line 8, scss/page.scss */
  #associate-container .l-content { padding: 20px !important; } }
@media screen and (max-width: 559px) { /* line 8, scss/page.scss */
  #associate-container .l-content { padding: 15px !important; } }

/* line 19, scss/page.scss */
#associate { width: 1100px; font-size: 16px; color: #000; line-height: 24px; /*  .innerBox { width: 940px; margin: 0 auto;  @include medium { width: 100%; padding: 0px 20px; } }*/ }
@media screen and (max-width: 959px) { /* line 19, scss/page.scss */
  #associate { width: 100%; } }
@media screen and (max-width: 559px) { /* line 19, scss/page.scss */
  #associate { font-size: 14px; line-height: 20px; } }
/* line 30, scss/page.scss */
#associate .container { width: 100%; }
/* line 35, scss/page.scss */
#associate .container .pcnone { display: none; }
@media screen and (max-width: 959px) { /* line 35, scss/page.scss */
  #associate .container .pcnone { display: block; } }
/* line 41, scss/page.scss */
#associate section { margin-top: 60px; }
@media screen and (max-width: 559px) { /* line 41, scss/page.scss */
  #associate section { margin-top: 40px; } }
/* line 57, scss/page.scss */
#associate #fv { text-align: center; margin-top: 0; }
/* line 60, scss/page.scss */
#associate #fv p { padding: 40px 0px; font-size: 15px; font-weight: bold; line-height: 30px; }
@media screen and (max-width: 959px) { /* line 57, scss/page.scss */
  #associate #fv { text-align: left; } }
@media screen and (max-width: 559px) { /* line 72, scss/page.scss */
  #associate #fv p { font-size: 14px; line-height: 26px; } }
/* line 75, scss/page.scss */
#associate #action { margin: 0px 40px 0px 40px; font-size: 14px; padding: 50px 80px; text-align: center; background: #fff; border: 5px solid #0091db; border-radius: 20px; }
/* line 80, scss/page.scss */
#associate #action h2 { font-size: 36px; margin-bottom: 30px; }
/* line 81, scss/page.scss */
#associate #action h2 span { color: #0091db; }
/* line 83, scss/page.scss */
#associate #action p { text-align: left; }
/* line 84, scss/page.scss */
#associate #action a { text-align: right; display: block; color: #0091db; }
/* line 86, scss/page.scss */
#associate #action ul { margin-top: 30px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
/* line 88, scss/page.scss */
#associate #action ul li { width: 20%; }
/* line 89, scss/page.scss */
#associate #action ul li p { color: #0091db; font-weight: bold; margin-top: 10px; text-align: center; font-size: 15px; }
/* line 90, scss/page.scss */
#associate #action ul li img { width: 110px; }
@media screen and (max-width: 959px) { /* line 75, scss/page.scss */
  #associate #action { margin: 0px; padding: 40px 20px; }
  /* line 94, scss/page.scss */
  #associate #action h2 { font-size: 5vw; }
  /* line 95, scss/page.scss */
  #associate #action ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }
  /* line 97, scss/page.scss */
  #associate #action ul li { width: 30%; }
  /* line 98, scss/page.scss */
  #associate #action ul li:nth-child(4), #associate #action ul li:nth-child(5) { margin-top: 30px; }
  /* line 99, scss/page.scss */
  #associate #action ul li p { font-size: 13px; } }
@media screen and (max-width: 559px) { /* line 103, scss/page.scss */
  #associate #action ul li { width: 48%; }
  /* line 104, scss/page.scss */
  #associate #action ul li:nth-child(3) { margin-top: 30px; } }
/* line 107, scss/page.scss */
#associate #list { background: #fff; padding: 0px 40px 60px 40px; }
/* line 108, scss/page.scss */
#associate #list a { color: #000; }
/* line 109, scss/page.scss */
#associate #list .list-ttl h2 { padding: 50px 0px 30px 0px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
/* line 113, scss/page.scss */
#associate #list .list-ttl h2:before, #associate #list .list-ttl h2:after { border-top: 4px solid; content: ""; width: 100%; }
/* line 119, scss/page.scss */
#associate #list .list-ttl h2 img { height: 50px; }
/* line 121, scss/page.scss */
#associate #list ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
/* line 122, scss/page.scss */
#associate #list ul li { width: 46%; margin-bottom: 30px; }
/* line 124, scss/page.scss */
#associate #list ul li.pd20 { padding: 20px; }
/* line 125, scss/page.scss */
#associate #list ul li a { display: block; padding: 20px; height: 100%; }
/* line 126, scss/page.scss */
#associate #list ul li a:hover { background: #f1f9ff; transition: 0.3s; }
/* line 127, scss/page.scss */
#associate #list ul li a:hover img { opacity: 0.8; }
/* line 130, scss/page.scss */
#associate #list ul li .title { background-size: 50px; background-position: right 1px top; background-repeat: no-repeat; margin-bottom: 20px; }
/* line 134, scss/page.scss */
#associate #list ul li .title.action-icon1 { background-image: url("img/action_icon_1.png"); }
/* line 137, scss/page.scss */
#associate #list ul li .title.action-icon2 { background-image: url("img/action_icon_2.png"); }
/* line 140, scss/page.scss */
#associate #list ul li .title.action-icon3 { background-image: url("img/action_icon_3.png"); }
/* line 143, scss/page.scss */
#associate #list ul li .title.action-icon4 { background-image: url("img/action_icon_4.png"); }
/* line 146, scss/page.scss */
#associate #list ul li .title.action-icon5 { background-image: url("img/action_icon_5.png"); }
/* line 149, scss/page.scss */
#associate #list ul li .title h3 { font-size: 20px; }
/* line 150, scss/page.scss */
#associate #list ul li .title h3 span { color: #ffb900; display: block; margin-bottom: 10px; font-size: 16px; }
/* line 153, scss/page.scss */
#associate #list ul li img { box-shadow: 0px 6px 12px -6px rgba(0, 0, 0, 0.3); margin-bottom: 20px; }
/* line 155, scss/page.scss */
#associate #list ul li:nth-child(even) { margin-left: 60px; }
/* line 156, scss/page.scss */
#associate #list ul li p { font-size: 13px; }
/* line 157, scss/page.scss */
#associate #list ul li small { font-size: 12px; text-align: right; display: block; }
@media screen and (max-width: 959px) { /* line 107, scss/page.scss */
  #associate #list { padding: 0px 0px 60px 0px; }
  /* line 164, scss/page.scss */
  #associate #list ul li { width: 100%; padding: 20px; }
  /* line 165, scss/page.scss */
  #associate #list ul li:nth-child(even) { margin-left: 0px; }
  /* line 166, scss/page.scss */
  #associate #list ul li a { padding: 0px; }
  /* line 167, scss/page.scss */
  #associate #list ul li a:hover { background: none; transition: none; }
  /* line 168, scss/page.scss */
  #associate #list ul li a:hover img { opacity: 1; } }
@media screen and (max-width: 559px) { /* line 173, scss/page.scss */
  #associate #list .container { padding: 0px; }
  /* line 176, scss/page.scss */
  #associate #list ul li .title { background-size: 50px; background-color: rgba(255, 255, 255, 0.8); background-blend-mode: lighten; } }
/* line 183, scss/page.scss */
#associate #banner { margin: 50px auto 0px auto; width: 70%; }
@media screen and (max-width: 559px) { /* line 183, scss/page.scss */
  #associate #banner { width: 100%; margin: 30px auto 0px auto; } }
/* line 185, scss/page.scss */
#associate a.btn-next { background: #FDBA38; border: 2px solid #fff; display: block; font-weight: bold; margin: 30px auto; width: 80%; text-align: center; padding: 25px 0px; box-shadow: 1px 2px 3px #ccc; position: relative; }
/* line 195, scss/page.scss */
#associate a.btn-next::after { content: ""; background: url("img/arrow_icon.svg"); background-size: contain; width: 25px; height: 25px; position: absolute; right: 20px; }
/* line 205, scss/page.scss */
#associate a.btn-next:hover { opacity: 0.8; }
@media screen and (max-width: 559px) { /* line 185, scss/page.scss */
  #associate a.btn-next { text-align: left; padding-left: 20px; } }