@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
main .container section {margin-bottom: 5em;}
main .container section h3 {font-size: 150%;letter-spacing: 0.1em;padding: 1.25em 0 1em;margin-bottom: 3em;position: relative;}
main .container section h3::after {display: block;content: '';width: 100vw;height: 1px;background: #252525;position: absolute;left: 50%;bottom: 0;z-index: 1;transform: translateX(-50%);}
main .container section h3 span {display: flex;align-items: center;font-weight: bold;}
main .container section h3 span::before {display: block;content: '';width: 2em;height: 2em;margin-right: 1.5em;}
main .container section ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
main .container section ul li {display: flex;width: 48.5%;margin-bottom: 3%;}
main .container section ul li a {padding: 2em 3em 2em 8em;width: 100%;background: #f2f2f2;box-sizing: border-box;border-radius: 3em 0;position: relative;}
main .container section ul li a::before {display: block;content: '';width: 5em;height: 5em;background-color: #fff;background-position: center;background-repeat: no-repeat;border-radius: 50%;position: absolute;top: 2em;left: 2em;z-index: 1;}
main .container section ul li a::after {display: block;content: '';width: 1.2em;height: 1.2em;background: url("../img/common/icon_arrow.svg") no-repeat center/contain;position: absolute;top: 2em;right: 2em;z-index: 1;}
main .container section ul li a p:nth-child(1) {color: #97857d;font-size: 125%;font-weight: 600;line-height: 1.5;padding-right: 3em;}
main .container section ul li a p:nth-child(1) span {display: block;font-size: 80%;font-weight: 600;margin-top: 0.5em;}
main .container section ul li a p:nth-child(2) {line-height: 2;margin-top: 1em;}
main .container section ul li.sanwapaint a::before {background-image: url("../img/common/icon_sanwa.svg");background-size: 76%;}
main .container section ul li.sanwapaint-recruit a::before {background-image: url("../img/common/icon_sanwa.svg");background-size: 76%;}
main .container section ul li.mikata a::before {background-image: url("../img/common/icon_mikata.png");background-size: 76%;}
main .container section ul li.kurashiclass a::before {background-image: url("../img/common/icon_kurashiclass.svg");background-size: 76%;}
main .container section:nth-child(1) h3 span::before {background: url("../img/common/icon_instagram2.png") no-repeat center/contain;}
main .container section:nth-child(2) h3 span::before {background: url("../img/common/icon_youtube2.png") no-repeat center/contain;}
main .container section:nth-child(3) {margin-bottom: 8em;}
main .container section:nth-child(3) h3 span::before {background: url("../img/common/icon_line2.png") no-repeat center/contain;}
/* =====
 * LAYOUT :: PC
=================================================================== */
@media only screen and (min-width: 768px) {}
/* =====
 * LAYOUT :: TAB
=================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1280px) {}
/* =====
 * LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 767px) {
  main .container section {margin-bottom: 2em;}
  main .container section h3 {font-size: 112.5%;letter-spacing: 0.05em;padding: 0.75em 0;margin-bottom: 2em;}
  main .container section h3 span::before {margin-right: 1em;}
  main .container section ul li {display: flex;width: 100%;margin-bottom: 2em;}
  main .container section ul li a {padding: 1em 2em 1em 6em;}
  main .container section ul li a::before {width: 4em;height: 4em;top: 1em;left: 1em;}
  main .container section ul li a::after {width: 1em;height: 1em;top: 1.5em;right: 1.5em;}
  main .container section ul li a p:nth-child(1) {font-size: 112.5%;line-height: 1.3;padding-right: 1em;margin-top: 0.5em;}
  main .container section ul li a p:nth-child(2) {line-height: 1.5;margin: 1em 0 0 -5em;}
  main .container section:nth-child(3) {margin-bottom: 4em;}
}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 767px) and (orientation: landscape) {}