@charset "utf-8";
@import url(pc_style.css) screen and (min-width: 960px);
@import url(tablet_style.css) screen and (min-width: 768px) and (max-width:959px);
@import url(sp_style.css) screen and (max-width: 767px) ;

/*noteTxt*/
#sponsorship_cont .noteTxt{
	text-indent: -1em;
	margin-left: 1em;
}
#sponsorship_cont .noteTxt:before{
	content: "※";
}
@import url("https://fonts.googleapis.com/css?family=Montserrat:700&display=swap");
[class^="icon-"], [class*=" icon-"], [class^="yak-icon"], [class*=" yak-icon"], .yak-icon--arw-1::before, .yak-icon--arw-2::before, .yak-icon--paper::before, .yak-icon--clip::before, .yak-icon--place::before, .yak-icon--key::before, .yak-icon--star::before, .yak-icon--message::before, .yak-icon--triangle-1::before, .yak-icon--magnifier::before, .c-button-conditional-search::after, .p-search-group__ttl::after, .p-lifestyle-item__text::before, .c-look-thumb__pic::after {
  font-family: 'yak' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@font-face {
  font-family: 'yak';
  src: url("fonts/yak.ttf?pr2qeq") format("truetype"), url("fonts/yak.woff?pr2qeq") format("woff"), url("fonts/yak.svg?pr2qeq#yak") format("svg");
  font-weight: normal;
  font-style: normal
}

.yak-icon--arw-1::before {
  content: "\e900"
}

.yak-icon--arw-2::before {
  content: "\e901"
}

.yak-icon--paper::before {
  content: "\e902"
}

.yak-icon--clip::before {
  content: "\e903"
}

.yak-icon--place::before {
  content: "\e904"
}

.yak-icon--key::before {
  content: "\e905"
}

.yak-icon--star::before {
  content: "\e906"
}

.yak-icon--message::before {
  content: "\e907"
}

.yak-icon--triangle-1::before {
  content: "\e908"
}

.yak-icon--magnifier::before {
  content: "\e909"
}

@media (min-width: 737px) {
  .pc {
    display: block
  }
  .sp {
    display: none
  }
  #main>.inner {
    width: auto
  }
  #main {
    background: none
  }
  #container {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
  }
  #topicpathArea, #share {
    display: none
  }
}

@media (max-width: 736px) {
  body {
    min-width: auto
  }
  .pc {
    display: none
  }
  .sp {
    display: block
  }
  #gheader>.inner, #content>.inner, #share>.inner, #sfooter>.inner, #main>.inner {
    width: auto
  }
  #container {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0
  }
  #container::after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #1735ba
  }
  #main {
    background: none
  }
  #topicpathArea, #share {
    display: none
  }
}

.l-wrapper {
  background: #fff;
  padding-bottom: 60px
}

.l-wrapper.is-bg-inherit {
  background: #f7f9fa
}

.l-wrapper * {
  font: inherit;
  box-sizing: border-box
}

.l-wrapper img {
  vertical-align: bottom
}

.l-header-1 {
  background: #fff
}

.l-header-1__inner {
  margin: 0 20px
}

@media (min-width: 737px) {
  .l-header-1__inner {
    width: 850px;
    margin: 0 auto
  }
}

.l-header-2 {
  background: #F8F8F8;
  display: none
}

.is-conditional-search .l-header-2 {
  display: block
}

.l-header-2__inner {
  margin: 0 20px
}

@media (min-width: 737px) {
  .l-header-2__inner {
    width: 850px;
    margin: 0 auto
  }
}

.l-header-3 {
  position: relative;
  background: #fff
}

.l-header-3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg_01_sp.jpg) repeat-y;
  background-size: 100% auto;
  opacity: .8
}

@media (min-width: 737px) {
  .l-header-3::before {
    background-image: url(../images/bg_01_pc.jpg)
  }
}

.l-header-3__inner {
  position: relative;
  padding: 16px
}

@media (min-width: 737px) {
  .l-header-3__inner {
    width: 850px;
    margin: 0 auto;
    padding: 20px 0
  }
}

.l-footer-1 {
  background: #EBEBEB
}

.l-footer-1__inner {
  margin: 0 16px
}

@media (min-width: 737px) {
  .l-footer-1__inner {
    width: 850px;
    margin: 0 auto
  }
}

.l-footer-2 {
  position: relative;
  background: #fff
}

.l-footer-2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg_01_sp.jpg) repeat-y;
  background-size: 100% auto;
  opacity: .8
}

@media (min-width: 737px) {
  .l-footer-2::before {
    background-image: url(../images/bg_01_pc.jpg)
  }
}

.l-footer-2__inner {
  position: relative;
  padding: 16px
}

@media (min-width: 737px) {
  .l-footer-2__inner {
    width: 850px;
    margin: 0 auto;
    padding: 20px 0
  }
}

.l-footer-3 {
  background: #ffff
}

.l-footer-3__inner {
  margin: 0
}

@media (min-width: 737px) {
  .l-footer-3__inner {
    width: 850px;
    margin: 0 auto
  }
}

.l-search-tok {
  position: relative;
  background: #fff
}

.is-conditional-search .l-search-tok {
  display: none
}

.l-search-tok::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg_01_sp.jpg) repeat-y;
  background-size: 100% auto;
  opacity: .8
}

@media (min-width: 737px) {
  .l-search-tok::before {
    background-image: url(../images/bg_01_pc.jpg)
  }
}

.l-search-tok__inner {
  margin: 0 10px
}

@media (min-width: 737px) {
  .l-search-tok__inner {
    width: 850px;
    margin: 0 auto
  }
}

.l-search-result {
  background: #F8F8F8
}

.l-search-result__inner {
  margin: 0 16px;
  padding: 20px 0
}

@media (min-width: 737px) {
  .l-search-result__inner {
    width: 850px;
    margin: 0 auto
  }
}

.l-section {
  position: relative;
  padding-bottom: 40px;
  background: #fff
}

@media (min-width: 737px) {
  .l-section {
    padding-bottom: 60px
  }
}

.is-interview .l-section {
  background: #3c485a
}

.l-section__inner {
  margin: 0 16px
}

@media (min-width: 737px) {
  .l-section__inner {
    width: 740px;
    margin: 0 auto
  }
}

.p-header-1 {
  padding: 25px 0
}

@media (min-width: 737px) {
  .p-header-1 {
    padding: 30px 0 25px
  }
}

.p-header-1__ttl {
  text-align: center
}

.p-header-1__ttl span {
  font-size: 24px;
  font-weight: bold;
  color: #5AB7F5;
  background: linear-gradient(to right, #5AB7F5, #A085EA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

@media (min-width: 737px) {
  .p-header-1__ttl span {
    font-size: 30px
  }
}

@media (-ms-high-contrast: none) {
  .p-header-1__ttl span {
    background: none
  }
}

.p-header-1__lede {
  display: none;
  margin-top: 15px
}

@media (min-width: 737px) {
  .p-header-1__lede {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center
  }
}

@media (min-width: 737px) {
  .p-header-2 {
    padding: 0 60px 0 75px
  }
}

.p-header-2__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px
}

@media (min-width: 737px) {
  .p-header-2__body {
    height: 60px
  }
}

.is-lifestyle .p-header-detail {
  background: linear-gradient(to right, #FFA041, #FFD938)
}

.is-pro .p-header-detail {
  background: linear-gradient(to right, #C45FD1, #D9354E)
}

.is-look .p-header-detail {
  background: linear-gradient(to right, #7FCB5E, #4CBAAD)
}

.is-interview .p-header-detail {
  background: linear-gradient(to right, #2B4079, #10B8E0)
}

.p-header-detail__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 108px
}

.p-header-detail__ttl-jp {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff
}

.p-header-detail__ttl-en {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 18px;
  margin: 4px auto 0;
  font-size: 10px;
  font-weight: bold;
  border-radius: 9px;
  background: #fff
}

.is-lifestyle .p-header-detail__ttl-en {
  color: #FFA241
}

.is-pro .p-header-detail__ttl-en {
  color: #D43E6B
}

.is-look .p-header-detail__ttl-en {
  color: #57BD9C
}

.is-interview .p-header-detail__ttl-en {
  color: #274F85
}

.c-box-1 a {
  display: flex;
  text-decoration: none
}

.c-box-1__pic {
  min-width: 100px;
  width: 100px;
  margin-right: 10px;
  transition: opacity .2s
}

a:hover .c-box-1__pic {
  opacity: .8
}

.c-box-1__pic img {
  width: 100%;
  height: auto
}

.c-box-1__info-txt-1 {
  margin-top: 3px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.35;
  color: #01A5B8
}

.c-box-1__info-txt-2 {
  margin-top: 7px;
  font-size: 12px;
  color: #333
}

.c-box-2 a {
  display: block;
  width: 100%;
  text-decoration: none
}

.c-box-2__pic {
  transition: opacity .2s
}

a:hover .c-box-2__pic {
  opacity: .8
}

.c-box-2__pic img {
  width: 100%;
  height: auto
}

.c-box-2__info-txt-1 {
  margin-top: 12px;
  font-size: 14px;
  font-weight: bold;
  color: #01A5B8
}

a:hover .c-box-2__info-txt-1 {
  text-decoration: underline
}

.c-box-2__info-txt-2 {
  margin-top: 5px;
  font-size: 12px;
  color: #333
}

.c-button--primary a, .c-button--primary-large a, .c-button a, .c-button--prev a, .c-button--next a, .c-button--seminar a, .c-button--star a, .c-button--full a {
  display: inline-flex;
  align-items: center;
  height: 44px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #0066CC;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
  transition: color .2s, background .2s
}

.c-button--primary a:hover, .c-button--primary-large a:hover, .c-button a:hover, .c-button--prev a:hover, .c-button--next a:hover, .c-button--seminar a:hover, .c-button--star a:hover, .c-button--full a:hover, .c-button--primary a:active, .c-button--primary-large a:active, .c-button a:active, .c-button--prev a:active, .c-button--next a:active, .c-button--seminar a:active, .c-button--star a:active, .c-button--full a:active, .c-button--primary a:focus, .c-button--primary-large a:focus, .c-button a:focus, .c-button--prev a:focus, .c-button--next a:focus, .c-button--seminar a:focus, .c-button--star a:focus, .c-button--full a:focus {
  color: #39f
}
.c-button--reservation a, .c-button--primary-large a {
  color: #fff;
  background: #006bcd
}

.c-button--reservation a:hover {
  color: #fff;
  opacity: .7;
  
}
.c-button--primary a, .c-button--primary-large a {
  color: #fff;
  background: #f67e28
}

.c-button--primary a:hover, .c-button--primary-large a:hover, .c-button--primary a:active, .c-button--primary-large a:active, .c-button--primary a:focus, .c-button--primary-large a:focus {
  color: #fff;
  background: #f89853
}

.c-button--prev a {
  padding: 0 12px 0 10px;
  height: 35px
}

.c-button--prev a::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 2px -13px 0;
  vertical-align: middle;
  border-bottom: 1.5px solid #24b7ee;
  border-left: 1.5px solid #24b7ee;
  content: "";
  -webkit-transform: rotate(45deg) scale(0.7) skew(-8deg, -8deg);
  transform: rotate(45deg) scale(0.7) skew(-8deg, -8deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.c-button--next a {
  padding: 0 10px 0 12px;
  height: 35px
}

.c-button--next a::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0 -13px 2px;
  vertical-align: middle;
  border-top: 1.5px solid #24b7ee;
  border-right: 1.5px solid #24b7ee;
  content: "";
  -webkit-transform: rotate(45deg) scale(0.7) skew(-8deg, -8deg);
  transform: rotate(45deg) scale(0.7) skew(-8deg, -8deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.c-button--seminar a {
  color: #f67e28
}

.c-button--seminar a:hover, .c-button--seminar a:active, .c-button--seminar a:focus {
  color: #f89853
}

.c-button--star a {
  padding: 0 10px 0 8px
}

.c-button--star a::before {
  display: inline-block;
  background: url(../images/icons/alt_icon_fav.png) no-repeat 0 0;
  content: "";
  width: 15px;
  height: 14px;
  margin: 0 5px 2px 0;
  background-size: 100%
}

.c-button--primary-large a {
  font-size: 16px
}

.c-button--full a {
  display: flex;
  justify-content: center;
  margin: 10px 3px 0;
  flex-grow: 1;
}

.c-button-conditional-search {
  display: flex;
  align-items: center;
  position: relative;
  height: 36px;
  padding: 0 14px 0 16px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #D9D9D9;
  background: #fff;
  border-radius: 3px;
  cursor: pointer
}

.c-button-conditional-search::after {
  content: "\e901";
  margin-left: 10px;
  font-size: 11px;
  color: #0099DB;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.is-conditional-search .c-button-conditional-search::after {
  -webkit-transform: rotate(0);
  transform: rotate(0)
}

.c-button-conditional-search.is-active::after {
  -webkit-transform: rotate(0);
  transform: rotate(0)
}

.is-conditional-search .c-button-conditional-search.is-active::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.p-carousel {
  border-top: 3px solid #1735ba
}

.p-carousel__ttl {
  padding: 20px 0;
  font-size: 16px;
  font-weight: bold;
  color: #1735ba;
  text-align: center
}

@media (min-width: 737px) {
  .p-carousel__ttl {
    padding: 25px 0 25px
  }
}

@media (max-width: 736px) {
  .p-carousel__outer {
    margin: 0 36px
  }
}

.no-swipe .p-carousel__inner {
  display: flex;
  justify-content: center
}

@media (min-width: 737px) {
  .no-swipe .p-carousel__inner .swiper-slide {
    width: 33%
  }
}

.p-carousel .swiper-pagination-bullets {
  position: relative;
  bottom: auto;
  margin-top: 20px;
  text-align: center
}

.p-carousel .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 6px !important;
  opacity: 1;
  background: #d6d6d6
}

.p-carousel .swiper-pagination-bullet-active {
  background: #1735ba
}

@media (min-width: 737px) {
  .p-grid {
    display: flex;
    flex-wrap: wrap
  }
}

@media (min-width: 737px) and (min-width: 737px) {
  .p-grid {
    margin-bottom: 10px
  }
}

.p-grid__item {
  margin-bottom: 20px
}

@media (min-width: 737px) {
  .p-grid__item {
    width: calc(33% - 11px);
    margin-bottom: 30px
  }
  .p-grid__item:not(:nth-child(3n)) {
    margin-right: 20px
  }
  .p-grid__item>* {
    height: 100%
  }
}

.p-keyword {
  position: relative;
  background: #EBEBEB
}

.p-keyword::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: calc(50% - 12px);
  border-style: solid;
  border-width: 14px 12px 0 12px;
  border-color: #fff transparent transparent transparent
}

.is-interview .p-keyword::before {
  border-top-color: #3c485a
}

.p-keyword__inner {
  padding: 30px 16px
}

@media (min-width: 737px) {
  .p-keyword__inner {
    padding: 40px 55px
  }
}

.p-keyword__ttl {
  font-size: 14px;
  font-weight: bold;
  text-align: center
}

.p-keyword__body {
  margin-top: 20px
}

.p-keyword__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -15px
}

.p-keyword__list li {
  margin-top: 15px
}

.p-keyword__list li:not(:last-child) {
  margin-right: 20px
}

.p-keyword__list a {
  font-size: 14px;
  text-decoration: underline;
  color: #01A5B8
}

.c-list-ckbox {
  display: flex;
  flex-wrap: wrap
}

.c-list-ckbox li {
  width: 50%;
  margin-top: 15px;
  font-size: 12px;
  font-weight: bold
}

@media (max-width: 736px) {
  .c-list-ckbox li:nth-child(odd) {
    width: calc(50% -5px);
    padding-right: 5px
  }
  .c-list-ckbox li:nth-child(even) {
    padding-left: 5px
  }
}

@media (min-width: 737px) {
  .c-list-ckbox li {
    width: 33%
  }
}

@media (min-width: 737px) {
  .c-list-ckbox--cell-5 li {
    width: 20%
  }
}

.c-list-ckbox label {
  display: inline-flex
}

@media (min-width: 737px) {
  .c-list-ckbox label {
    align-items: center
  }
  .c-list-ckbox label input {
    margin-right: 7px
  }
}

.c-list-ckbox--nowrap li {
  width: 100%
}

@media (max-width: 736px) {
  .c-list-ckbox--nowrap li:nth-child(odd) {
    width: 100%;
    padding-right: 0
  }
  .c-list-ckbox--nowrap li:nth-child(even) {
    padding-left: 0
  }
}

@media (min-width: 737px) {
  .c-list-ckbox--nowrap li {
    width: 33%
  }
}

.c-list-hashtag {
  display: flex;
  flex-wrap: wrap;
  margin-top: -5px
}

@media (min-width: 737px) {
  .c-list-hashtag {
    justify-content: center
  }
}

.c-list-hashtag li {
  margin-top: 5px
}

.c-list-hashtag li:not(:last-child) {
  margin-right: 5px
}

.c-list-hashtag a {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 18px 0;
  font-size: 14px;
  text-decoration: none;
  color: #01A5B8;
  border-radius: 5px;
  background: #fff;
  transition: opacity .2s
}

.c-list-hashtag a:hover {
  opacity: .8
}

.p-message {
  position: relative;
  margin-top: 40px
}

@media (min-width: 737px) {
  .p-message {
    margin-top: 80px
  }
}

.p-message__dot {
  position: relative;
  width: 7px;
  height: 7px;
  margin: 0 auto 38px;
  border-radius: 50%
}

.is-lifestyle .p-message__dot {
  background: #FFA92E
}

.is-pro .p-message__dot {
  background: #D43E6B
}

.is-look .p-message__dot {
  background: #57BD9C
}

.is-interview .p-message__dot {
  background: #1F73A5
}

.p-message__dot::before, .p-message__dot::after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 0;
  border-radius: 50%
}

.is-lifestyle .p-message__dot::before, .is-lifestyle .p-message__dot::after {
  background: #FFA92E
}

.is-pro .p-message__dot::before, .is-pro .p-message__dot::after {
  background: #D43E6B
}

.is-look .p-message__dot::before, .is-look .p-message__dot::after {
  background: #57BD9C
}

.is-interview .p-message__dot::before, .is-interview .p-message__dot::after {
  background: #1F73A5
}

.p-message__dot::before {
  top: 15px
}

.p-message__dot::after {
  top: 30px
}

.p-message__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  position: relative;
  margin: 0 auto -22px;
  padding-top: 3px;
  font-size: 21px;
  color: #fff;
  border-radius: 50%
}

.is-lifestyle .p-message__icon {
  background: #FFA92E
}

.is-pro .p-message__icon {
  background: #D43E6B
}

.is-look .p-message__icon {
  background: #57BD9C
}

.is-interview .p-message__icon {
  background: #1F73A5
}

.p-message__inner {
  background: #F7F7F5
}

.p-message__head {
  margin-bottom: 15px
}

@media (min-width: 737px) {
  .p-message__head {
    margin-bottom: 30px
  }
}

.p-message__head::before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  margin-bottom: 30px
}

.is-lifestyle .p-message__head::before {
  background: linear-gradient(to right, #FF8426, #FFD938)
}

.is-pro .p-message__head::before {
  background: linear-gradient(to right, #C45FD1, #D9354E)
}

.is-look .p-message__head::before {
  background: linear-gradient(to right, #7FCB5E, #4CBAAD)
}

.is-interview .p-message__head::before {
  background: linear-gradient(to right, #2B4079, #10B8E0)
}

.p-message__ttl {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  text-align: center
}

.p-message__body {
  padding: 0 25px 25px
}

@media (min-width: 737px) {
  .p-message__body {
    display: flex;
    justify-content: space-between;
    padding: 0 40px 35px
  }
  .p-message__body>.p-message__txt {
    margin-top: -10px
  }
}

.p-message__col-1 {
  margin-bottom: 20px
}

@media (min-width: 737px) {
  .p-message__col-1 {
    width: 290px;
    margin-bottom: 0
  }
  .p-message__col-1 img {
    width: 100%;
    height: auto
  }
}

@media (min-width: 737px) {
  .p-message__col-2 {
    width: 330px
  }
}

.p-message__txt {
  font-size: 14px;
  line-height: 1.714
}

.p-pagination {
  margin: 0 20px
}

.p-pagination__nav {
  display: flex;
  align-items: center;
  margin-bottom: 25px
}

.p-pagination__txt {
  flex-grow: 1;
  text-align: center
}

.p-pagination__result {
  margin-top: -5px;
  text-align: center
}

.c-result-text {
  color: #1735BA
}

.c-result-text__txt-1 {
  margin-right: 5px;
  font-size: 14px
}

@media (min-width: 737px) {
  .c-result-text__txt-1 {
    font-size: 16px
  }
}

.c-result-text__txt-2 {
  font-size: 21px;
  font-weight: bold
}

@media (min-width: 737px) {
  .c-result-text__txt-2 {
    font-size: 28px
  }
}

.c-result-text__txt-3 {
  font-size: 14px
}

@media (min-width: 737px) {
  .c-result-text__txt-3 {
    font-size: 19px
  }
}

.p-search-tok {
  position: relative;
  padding-bottom: 25px
}

@media (min-width: 737px) {
  .p-search-tok {
    padding-bottom: 45px
  }
}

.p-search-tok__ttl {
  padding: 20px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #122B99
}

@media (min-width: 737px) {
  .p-search-tok__ttl {
    padding: 25px 0;
    font-size: 22px
  }
}

.p-search-tok__block-1 {
  background: #fff
}

.p-search-tok__block-1+.p-search-tok__block-1 {
  margin-top: 5px
}

@media (min-width: 737px) {
  .p-search-tok__block-1+.p-search-tok__block-1 {
    margin-top: 3px
  }
}

.p-search-tok__block-2 {
  margin-top: 5px;
  background: rgba(255, 255, 255, 0.6)
}

@media (min-width: 737px) {
  .p-search-tok__block-2 {
    margin-top: 10px
  }
}

.p-search-tok__block-2__inner {
  position: relative;
  padding: 20px 10px 30px
}

@media (min-width: 737px) {
  .p-search-tok__block-2__inner {
    padding: 25px 75px
  }
}

.p-search-tok__block-2__result {
  display: flex;
  justify-content: center;
  margin-bottom: 15px
}

@media (min-width: 737px) {
  .p-search-tok__block-2__result {
    position: absolute;
    bottom: 24px;
    left: 75px;
    margin-bottom: 0
  }
}

.p-search-tok__block-2__btnwrap {
  display: flex
}

.p-search-tok__block-2__btnwrap>*:first-child {
  flex-grow: 1
}

@media (min-width: 737px) {
  .p-search-tok__block-2__btnwrap>*:first-child {
    flex-grow: 0;
    width: 250px;
    margin-left: 225px
  }
}

.p-search-tok__block-2__btnwrap>*:last-child {
  margin-left: 10px
}

.p-search-tok__block-3 {
  margin-top: 30px;
  padding: 20px 15px;
  background: rgba(23, 53, 186, 0.4)
}

@media (min-width: 737px) {
  .p-search-tok__block-3 {
    padding: 25px 75px
  }
}

.p-search-tok__block-3__ttl {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #F5FF80
}

.p-search-tok__block-3__ttl span {
  display: inline-flex
}

.p-search-tok__block-3__ttl span::before, .p-search-tok__block-3__ttl span::after {
  content: '';
  display: inline-flex;
  height: 20px;
  border-left: 2px solid #F5FF80
}

.p-search-tok__block-3__ttl span::before {
  margin-right: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.p-search-tok__block-3__ttl span::after {
  margin-left: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.p-search-group__head {
  position: relative;
  padding: 15px 25px 15px 20px;
  cursor: pointer
}

@media (min-width: 737px) {
  .p-search-group__head {
    padding: 15px 75px
  }
}

.p-search-group__ttl {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #1735BA
}

.p-search-group__ttl::after {
  content: "\e901";
  display: flex;
  margin-left: auto;
  font-size: 11px;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease
}

.is-active .p-search-group__ttl::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.p-search-group__ttl i {
  margin-right: 10px;
  color: #5DA2DE
}

.p-search-group__body {
  display: none;
  padding: 0 20px 20px
}

@media (min-width: 737px) {
  .p-search-group__body {
    padding: 0 75px 20px
  }
}

.p-search-ckbox+.p-search-ckbox {
  margin-top: 25px
}

.p-search-ckbox__head {
  margin-bottom: 15px;
  padding-bottom: 12px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #D2D2D2
}

.p-search-ckbox__head>ul {
  margin-top: -15px
}

.p-search-ckbox__body {
  margin-top: -15px
}

.c-tag--1, .c-tag--2, .c-tag--3, .c-tag--4 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -6px;
  left: -6px;
  width: 136px;
  height: 34px;
  font-size: 11px;
  font-weight: bold;
  color: #fff
}

.c-tag--1::after, .c-tag--2::after, .c-tag--3::after, .c-tag--4::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 0
}

.c-tag--1 {
  background: linear-gradient(to right, #421FD3, #8304E0)
}

.c-tag--1::after {
  border-color: transparent #8C63EA transparent transparent
}

.c-tag--2 {
  background: linear-gradient(to right, #7FCB5E, #4CBAAD)
}

.c-tag--2::after {
  border-color: transparent #69AC4C transparent transparent
}

.c-tag--3 {
  background: linear-gradient(to right, #C45FD1, #D9354E)
}

.c-tag--3::after {
  border-color: transparent #AA56B5 transparent transparent
}

.c-tag--4 {
  background: linear-gradient(to right, #F7912B, #DBB40E)
}

.c-tag--4::after {
  border-color: transparent #DEB185 transparent transparent
}

.p-unit-result {
  position: relative;
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16)
}

.p-unit-result__inner {
  position: relative
}

.p-unit-result__head img {
  width: 100%;
  height: auto
}

.p-unit-result__body {
  padding: 10px 15px 25px
}

.p-unit-result__catch {
  font-size: 16px;
  font-weight: bold;
  color: #01A5B8
}

.p-unit-result__more {
  text-align: right
}

.p-unit-result__more a {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  color: #01A5B8
}

.p-unit-result__more a::before {
  content: '';
  display: inline-flex;
  width: 0;
  height: 0;
  margin-right: 5px;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #007bff
}

@media (min-width: 737px) {
  .p-unit-result__more a::before {
    position: relative;
    top: -1px
  }
}

.p-unit-result__info dt {
  margin: 5px 0 10px;
  font-size: 14px;
  font-weight: bold
}

.p-unit-result__info dd {
  display: flex;
  font-size: 14px
}

@media (min-width: 737px) {
  .p-unit-result__info dd {
    font-size: 12px
  }
}

.p-unit-result__info dd+dd {
  margin-top: 8px
}

.p-unit-result__info dd i {
  font-size: 16px;
  color: #5DA2DE;
  white-space: nowrap
}

@media (min-width: 737px) {
  .p-unit-result__info dd i {
    font-size: 14px
  }
}

.p-unit-result__info dd span {
  white-space: nowrap
}

.p-unit-result__btnwrap {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0;
}

@media (min-width: 737px) {
  .p-unit-result__btnwrap {
    display: block;
    margin: 20px 15px 0
  }
}

.p-unit-result__btnwrap>* {
  width: calc(50% - 5px)
}

@media (min-width: 737px) {
  .p-unit-result__btnwrap>* {
    width: 100%
  }
  .p-unit-result__btnwrap>*+* {
    margin-top: 10px
  }
}

.p-unit-detail {
  position: relative;
  background: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16)
}

.p-unit-detail__inner {
  position: relative;
  padding: 20px
}

@media (min-width: 737px) {
  .p-unit-detail__inner {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 60px
  }
}

.p-unit-detail__col-1 {
  position: relative
}

@media (min-width: 737px) {
  .p-unit-detail__col-1 {
    min-width: 100px;
    width: 100px
  }
}

.p-unit-detail__col-1 img {
  width: 100px;
  height: auto
}

@media (max-width: 736px) {
  .p-unit-detail__col-1 img {
    position: absolute;
    top: 0;
    left: 0
  }
}

@media (min-width: 737px) {
  .p-unit-detail__col-2 {
    flex-grow: 1;
    margin-left: 20px;
    margin-right: 20px
  }
}

@media (min-width: 737px) {
  .p-unit-detail__col-3 {
    min-width: 150px;
    width: 150px
  }
}

.p-unit-detail__col-4 {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #ddd
}

@media (min-width: 737px) {
  .p-unit-detail__col-4 {
    width: 100%;
    padding-top: 20px
  }
}

.p-unit-detail__info dt {
  display: flex;
  align-items: center;
  min-height: 50px;
  margin: 0 0 15px 110px;
  font-size: 16px;
  font-weight: bold;
  color: #01A5B8
}

@media (min-width: 737px) {
  .p-unit-detail__info dt {
    display: block;
    min-height: initial;
    margin: 5px 0 20px 0;
    width: 400px;
  }
}

.p-unit-detail__info dd {
  display: flex;
  font-size: 12px
}

.p-unit-detail__info dd+dd {
  margin-top: 5px
}

.p-unit-detail__info dd i {
  position: relative;
  top: 1px;
  font-size: 16px;
  color: #5DA2DE
}

.p-unit-detail__info dd span {
  white-space: nowrap
}

@media (max-width: 736px) {
  .p-unit-detail__btnwrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    margin: 20px 0 0;
  }
  .p-unit-detail__btnwrap>* {
    width: calc(50% - 6px);
  }
  .p-unit-detail__btnwrap>*:nth-child(n+2)+* {
    /* margin-left: 12px; */
  }
  .p-unit-detail__btnwrap .c-button--primary {
    /* margin: 0 25% 10px */
  }
}

@media (min-width: 737px) {
  .p-unit-detail__btnwrap {
    display: block;
    margin: 0
  }
  .p-unit-detail__btnwrap>* {
    width: 100%
  }
  .p-unit-detail__btnwrap>*+* {
    margin-top: 10px
  }
}

@media (max-width: 736px) {
  .p-unit-detail__boxwrap>*:not(:last-child) {
    margin-bottom: 20px
  }
}

@media (min-width: 737px) {
  .p-unit-detail__boxwrap {
    display: flex;
    flex-wrap: wrap
  }
  .p-unit-detail__boxwrap>* {
    width: calc(50% - 10px)
  }
  .p-unit-detail__boxwrap>*:nth-child(even) {
    margin-left: 20px
  }
  .p-unit-detail__boxwrap>*:nth-child(n+3) {
    margin-top: 20px
  }
}

.p-interview-mv {
  color: #fff
}

@media (min-width: 737px) {
  .p-interview-mv {
    padding-top: 30px
  }
}

.p-interview-mv__col-1 {
  position: relative
}

@media (max-width: 736px) {
  .p-interview-mv__col-1 {
    margin: 0 -16px
  }
}

.p-interview-mv__col-1::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}

@media (min-width: 737px) {
  .p-interview-mv__col-1::after {
    height: 100px
  }
}

.is-interview .p-interview-mv__col-1::after {
  background: linear-gradient(to bottom, rgba(60, 72, 90, 0), #3c485a)
}

.p-interview-mv__col-1 img {
  width: 100%;
  height: auto
}

.p-interview-mv__col-2 {
  position: relative;
  margin: -40px 0 20px
}

@media (min-width: 737px) {
  .p-interview-mv__col-2 {
    margin: -20px 0 15px
  }
}

.p-interview-mv__col-2::before, .p-interview-mv__col-2::after {
  content: '';
  display: block;
  position: absolute;
  width: 330px;
  height: 270px;
  opacity: .15
}

@media (min-width: 737px) {
  .p-interview-mv__col-2::before, .p-interview-mv__col-2::after {
    width: 450px;
    height: 368px;
    opacity: .1
  }
}

.p-interview-mv__col-2::before {
  top: -40px;
  left: -82px;
  background: url(/conts/2021/tok/yak/company/interview/images/bg_01.png) no-repeat;
  background-size: cover
}

@media (min-width: 737px) {
  .p-interview-mv__col-2::before {
    top: -25px;
    left: -90px
  }
}

.p-interview-mv__col-2::after {
  top: 205px;
  right: -82px;
  background: url(/conts/2021/tok/yak/company/interview/images/bg_02.png) no-repeat;
  background-size: cover
}

@media (min-width: 737px) {
  .p-interview-mv__col-2::after {
    top: 230px;
    right: -90px
  }
}

.p-interview-mv__col-3 {
  position: relative
}

.p-interview-mv__col-3::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin: 20px 0;
  border-top: 1px solid #425A66
}

@media (min-width: 737px) {
  .p-interview-mv__col-3::after {
    margin: 25px 0
  }
}

.p-interview-mv__ttl {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5
}

@media (min-width: 737px) {
  .p-interview-mv__ttl {
    margin: 0 90px;
    font-size: 20px
  }
}

.p-interview-mv__ttl::after {
  content: '';
  display: block;
  width: 200px;
  height: 2px;
  margin: 15px auto;
  background: linear-gradient(to right, #2B4079 0%, #10B8E0 50%, #2B4079 100%)
}

@media (min-width: 737px) {
  .p-interview-mv__ttl::after {
    margin: 20px auto
  }
}

@media (min-width: 737px) {
  .p-interview-mv__person {
    margin: 0 90px
  }
}

.p-interview-mv__person-name {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: bold
}

.p-interview-mv__person-intro {
  font-size: 12px;
  color: #EDEDED
}

.p-interview-mv__lede {
  position: relative;
  font-size: 16px;
  line-height: 1.685;
  color: #EDEDED
}

.p-interview-group {
  margin-top: 70px
}

@media (min-width: 737px) {
  .p-interview-group {
    margin-top: 50px
  }
}

.p-interview-group__item+.p-interview-group__item {
  margin-top: 70px
}

@media (min-width: 737px) {
  .p-interview-group__item+.p-interview-group__item {
    margin-top: 50px
  }
}

.p-interview-item {
  position: relative;
  color: #fff
}

.p-interview-item__head {
  margin-bottom: 20px
}

@media (min-width: 737px) {
  .p-interview-item__head {
    margin-bottom: 30px
  }
}

.p-interview-item__head::before, .p-interview-item__head::after {
  content: '';
  display: block;
  position: absolute;
  width: 330px;
  height: 270px;
  opacity: .15
}

@media (min-width: 737px) {
  .p-interview-item__head::before, .p-interview-item__head::after {
    width: 450px;
    height: 368px;
    opacity: .1
  }
}

.p-interview-item__head::before {
  top: -40px;
  left: -82px;
  background: url(/conts/2021/tok/yak/company/interview/images/bg_01.png) no-repeat;
  background-size: cover
}

@media (min-width: 737px) {
  .p-interview-item__head::before {
    top: -25px;
    left: -90px
  }
}

.p-interview-item__head::after {
  top: 205px;
  right: -82px;
  background: url(/conts/2021/tok/yak/company/interview/images/bg_02.png) no-repeat;
  background-size: cover
}

@media (min-width: 737px) {
  .p-interview-item__head::after {
    top: 230px;
    right: -90px
  }
}

.p-interview-item__ttl {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5
}

@media (min-width: 737px) {
  .p-interview-item__ttl {
    margin: 0 90px;
    font-size: 20px
  }
}

.p-interview-item__ttl::after {
  content: '';
  display: block;
  width: 200px;
  height: 2px;
  margin: 15px auto 0;
  background: linear-gradient(to right, #2B4079 0%, #10B8E0 50%, #2B4079 100%)
}

@media (min-width: 737px) {
  .p-interview-item__ttl::after {
    margin-top: 20px
  }
}

.p-interview-item__body {
  position: relative;
  color: #EDEDED
}

.p-interview-item__pic {
  margin: 0 -16px 20px
}

@media (min-width: 737px) {
  .p-interview-item__pic {
    margin: 0 80px 40px
  }
}

.p-interview-item__pic img {
  width: 100%;
  height: auto
}

.p-interview-item__txt {
  font-size: 16px;
  line-height: 1.6875
}

.p-interview-item__txt>*+* {
  margin-top: 1em
}

@media (min-width: 737px) {
  .p-lifestyle-mv {
    padding-top: 30px
  }
}

.p-lifestyle-mv__col-1 {
  position: relative
}

@media (max-width: 736px) {
  .p-lifestyle-mv__col-1 {
    margin: 0 -16px
  }
}

.p-lifestyle-mv__col-1::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}

@media (min-width: 737px) {
  .p-lifestyle-mv__col-1::after {
    height: 100px
  }
}

.p-lifestyle-mv__col-1 img {
  width: 100%;
  height: auto
}

.p-lifestyle-mv__col-2 {
  position: relative;
  margin: -40px 0 20px
}

@media (min-width: 737px) {
  .p-lifestyle-mv__col-2 {
    margin: -20px 0 15px
  }
}

.p-lifestyle-mv__col-3 {
  position: relative
}

.p-lifestyle-mv__col-3::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  margin: 20px 0;
  background: url("../lifestyle/images/bg_dot_01.png") repeat-x;
  background-size: auto 2px
}

@media (min-width: 737px) {
  .p-lifestyle-mv__col-3::after {
    margin: 25px 0
  }
}

@media (min-width: 737px) {
  .p-lifestyle-mv__pic {
    margin: 0 80px
  }
}

.p-lifestyle-mv__ttl {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5
}

@media (min-width: 737px) {
  .p-lifestyle-mv__ttl {
    margin: 0 90px
  }
}

@media (min-width: 737px) {
  .p-lifestyle-mv__person {
    margin: 0 90px
  }
}

.p-lifestyle-mv__person-name {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: bold
}

.p-lifestyle-mv__person-intro {
  font-size: 12px;
  color: #707070
}

.p-lifestyle-mv__lede {
  font-size: 16px;
  line-height: 1.685
}

.p-lifestyle-group {
  margin-top: 40px
}

@media (min-width: 737px) {
  .p-lifestyle-group {
    margin-top: 50px
  }
}

.p-lifestyle-group__item {
  margin: 0 10px
}

@media (min-width: 737px) {
  .p-lifestyle-group__item {
    margin: 0
  }
}

.p-lifestyle-group__item-pic-1 {
  position: relative;
  z-index: 1
}

@media (max-width: 736px) {
  .p-lifestyle-group__item-pic-1 {
    margin-bottom: -4%
  }
}

@media (min-width: 737px) {
  .p-lifestyle-group__item-pic-1 {
    margin-left: 90px;
    margin-bottom: -12px
  }
}

.p-lifestyle-group__item-pic-2 {
  position: relative;
  z-index: 1
}

@media (max-width: 736px) {
  .p-lifestyle-group__item-pic-2 {
    height: 104px;
    margin-top: -20px;
    margin-bottom: -1px;
    text-align: center
  }
  .p-lifestyle-group__item-pic-2 img {
    height: 100%;
    width: auto
  }
}

@media (min-width: 737px) {
  .p-lifestyle-group__item-pic-2 {
    margin-left: 200px;
    margin-top: -10px;
    margin-bottom: -15px
  }
}

.p-lifestyle-group__item-pic-3 {
  position: relative;
  z-index: 1
}

@media (max-width: 736px) {
  .p-lifestyle-group__item-pic-3 {
    height: 92px;
    margin-top: -10px;
    margin-bottom: -1px;
    text-align: center
  }
  .p-lifestyle-group__item-pic-3 img {
    height: 100%;
    width: auto
  }
}

@media (min-width: 737px) {
  .p-lifestyle-group__item-pic-3 {
    margin-left: 250px;
    margin-top: -8px;
    margin-bottom: -12px
  }
}

.p-lifestyle-group__item-pic-4 {
  position: relative;
  z-index: 1
}

@media (max-width: 736px) {
  .p-lifestyle-group__item-pic-4 {
    margin-bottom: -3%
  }
}

@media (min-width: 737px) {
  .p-lifestyle-group__item-pic-4 {
    text-align: right;
    margin-bottom: -15px
  }
}

.p-lifestyle-group__item-pic-5 {
  position: relative;
  z-index: 1
}

@media (max-width: 736px) {
  .p-lifestyle-group__item-pic-5 {
    height: 92px;
    margin-top: -5px;
    margin-bottom: -1px;
    text-align: center
  }
  .p-lifestyle-group__item-pic-5 img {
    height: 100%;
    width: auto
  }
}

@media (min-width: 737px) {
  .p-lifestyle-group__item-pic-5 {
    margin-left: 224px;
    margin-top: -5px;
    margin-bottom: -8px
  }
}

.p-lifestyle-group__item-pic-6 {
  position: relative;
  z-index: 1
}

@media (max-width: 736px) {
  .p-lifestyle-group__item-pic-6 {
    height: 92px;
    margin-top: -8px;
    margin-bottom: -1px;
    text-align: center
  }
  .p-lifestyle-group__item-pic-6 img {
    height: 100%;
    width: auto
  }
}

@media (min-width: 737px) {
  .p-lifestyle-group__item-pic-6 {
    margin-left: 250px;
    margin-top: -8px;
    margin-bottom: -5px
  }
}

.p-lifestyle-item {
  position: relative
}

@media (min-width: 737px) {
  .p-lifestyle-item {
    display: flex
  }
  .p-lifestyle-item.is-reverse {
    justify-content: flex-end
  }
}

@media (min-width: 737px) {
  .p-lifestyle-item__col-1 {
    width: 396px
  }
}

@media (max-width: 736px) {
  .p-lifestyle-item__col-2 {
    margin: -15px -10px 0 10px
  }
  .is-reverse .p-lifestyle-item__col-2 {
    margin: -15px 10px 0 -10px
  }
}

@media (min-width: 737px) {
  .p-lifestyle-item__col-2 {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    width: 363px
  }
  .is-reverse .p-lifestyle-item__col-2 {
    left: 0;
    right: auto
  }
}

.p-lifestyle-item__pic img {
  width: 100%;
  height: auto
}

.p-lifestyle-item__text {
  position: relative;
  padding: 20px 30px 25px;
  font-size: 14px;
  line-height: 1.714;
  border-radius: 10px;
  background: #FFD2A6
}

.is-off-version .p-lifestyle-item__text {
  background: #E6F7A0
}

.p-lifestyle-item__text::before {
  content: "\e908";
  position: absolute;
  top: -18px;
  left: calc(50% - 9px);
  font-size: 18px;
  color: #FFD2A6
}

.is-off-version .p-lifestyle-item__text::before {
  color: #E6F7A0
}

.is-reverse .p-lifestyle-item__text::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

@media (min-width: 737px) {
  .p-lifestyle-item__text {
    padding: 35px 40px 30px
  }
  .p-lifestyle-item__text::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: calc(50% - 10px);
    left: -18px;
    border-style: solid;
    border-width: 5px 18px 5px 0;
    border-color: transparent #FFD2A6 transparent transparent
  }
  .is-off-version .p-lifestyle-item__text::before {
    border-color: transparent #E6F7A0 transparent transparent
  }
  .is-reverse .p-lifestyle-item__text::before {
    left: auto;
    right: -18px
  }
}

@media (max-width: 736px) {
  .p-look-mv {
    display: flex;
    flex-direction: column
  }
}

@media (min-width: 737px) {
  .p-look-mv {
    padding-top: 30px
  }
}

.p-look-mv__col-1 {
  margin: 20px 0
}

@media (min-width: 737px) {
  .p-look-mv__col-1 {
    margin: 25px 0 25px
  }
}

.p-look-mv__col-2 {
  margin-bottom: 30px
}

.p-look-mv__col-3 img {
  width: 100%;
  height: auto
}

.p-look-mv__ttl {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5
}

@media (min-width: 737px) {
  .p-look-mv__ttl {
    margin: 0 70px
  }
}

.p-look-mv__lede {
  font-size: 16px;
  line-height: 1.685
}

@media (min-width: 737px) {
  .p-look-carousel__col-1 {
    width: 558px;
    margin: 0 auto
  }
}

.p-look-carousel__col-2 {
  display: flex;
  flex-wrap: wrap
}

@media (max-width: 736px) {
  .p-look-carousel__col-2 {
    margin-top: 20px
  }
  .p-look-carousel__col-2>* {
    width: calc(33.3% - 7px)
  }
  .p-look-carousel__col-2>*:not(:nth-child(3n)) {
    margin-right: 10px
  }
  .p-look-carousel__col-2>*:nth-child(n+4) {
    margin-top: 10px
  }
}

@media (min-width: 737px) {
  .p-look-carousel__col-2 {
    margin: 30px 80px 0
  }
  .p-look-carousel__col-2>* {
    width: 107px
  }
  .p-look-carousel__col-2>*:not(:nth-child(5n)) {
    margin-right: 10px
  }
  .p-look-carousel__col-2>*:nth-child(n+6) {
    margin-top: 10px
  }
}

@media (max-width: 736px) {
  .p-look-carousel__col-3 {
    display: none
  }
}

@media (min-width: 737px) {
  .p-look-carousel__col-3 {
    margin-top: 20px
  }
}

.p-look-carousel-nav button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.p-look-carousel-nav__arrows {
  display: flex;
  align-items: center;
  justify-content: center
}

.p-look-carousel-nav__arrows .slick-prev, .p-look-carousel-nav__arrows .slick-next {
  position: relative;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  cursor: pointer
}

.p-look-carousel-nav__arrows .slick-prev::before {
  content: '';
  border-right: 1px solid #57BD9C;
  border-bottom: 1px solid #57BD9C;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(4px, 4.5px) rotate(135deg);
  transform: translate(4px, 4.5px) rotate(135deg);
  cursor: pointer
}

.p-look-carousel-nav__arrows .slick-next::before {
  content: '';
  border-right: 1px solid #57BD9C;
  border-bottom: 1px solid #57BD9C;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(3px, 4.5px) rotate(-45deg);
  transform: translate(3px, 4.5px) rotate(-45deg);
  cursor: pointer
}

.p-look-carousel-nav__dots .slide-dots {
  display: flex;
  align-items: center;
  justify-content: center
}

.p-look-carousel-nav__dots .slide-dots li {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 3px;
  cursor: pointer
}

.p-look-carousel-nav__dots .slide-dots li button {
  background: transparent;
  display: block;
  height: 16px;
  width: 16px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  cursor: pointer
}

.p-look-carousel-nav__dots .slide-dots li button::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  line-height: 6px;
  background: #B5B5B5
}

.p-look-carousel-nav__dots .slide-dots li.slick-active button::before {
  background: #57BD9C
}

.c-look-img__pic img {
  width: 100%;
  height: auto
}

.c-look-img__txt {
  margin-top: 10px;
  font-size: 14px;
  color: #707070
}

@media (min-width: 737px) {
  .c-look-img__txt {
    margin-top: 15px
  }
}

.c-look-thumb {
  cursor: pointer
}

.c-look-thumb__pic {
  position: relative
}

.c-look-thumb__pic::after {
  content: "\e909";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
  font-size: 12px;
  color: #d0d0d0;
  background: #fff
}

.c-look-thumb__pic img {
  width: 100%;
  height: auto
}

.c-look-thumb__txt {
  margin-top: 5px;
  font-size: 10px;
  color: #6CC47B
}

@media (min-width: 737px) {
  .c-look-thumb__txt {
    margin-top: 5px
  }
}

.c-look-thumb:hover .c-look-thumb__txt {
  text-decoration: underline
}

@media (max-width: 736px) {
  .p-pro-mv {
    display: flex;
    flex-direction: column
  }
}

@media (min-width: 737px) {
  .p-pro-mv {
    padding-top: 30px
  }
}

@media (max-width: 736px) {
  .p-pro-mv__col-1 {
    order: 2
  }
}

.p-pro-mv__col-1 img {
  width: 100%;
  height: auto
}

@media (max-width: 736px) {
  .p-pro-mv__col-2 {
    order: 1;
    margin: 20px 0
  }
}

@media (min-width: 737px) {
  .p-pro-mv__col-2 {
    margin: 25px 0 35px
  }
}

@media (max-width: 736px) {
  .p-pro-mv__col-3 {
    order: 3;
    margin-top: 10px
  }
}

@media (min-width: 737px) {
  .p-pro-mv__pic {
    margin: 0 80px
  }
}

.p-pro-mv__ttl {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5
}

@media (min-width: 737px) {
  .p-pro-mv__ttl {
    margin: 0 90px
  }
}

@media (min-width: 737px) {
  .p-pro-mv__person {
    margin: 0 90px
  }
}

.p-pro-mv__person-name {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: bold
}

.p-pro-mv__person-intro {
  font-size: 12px;
  color: #707070
}

.p-pro-group {
  margin-top: 40px
}

@media (min-width: 737px) {
  .p-pro-group {
    margin-top: 50px
  }
}

.p-pro-group__item+.p-pro-group__item {
  margin-top: 50px
}

.p-pro-item__head {
  position: relative;
  margin-bottom: 10px
}

@media (min-width: 737px) {
  .p-pro-item__head {
    margin-bottom: 20px
  }
}

.p-pro-item__head::before, .p-pro-item__head::after {
  content: '';
  display: block;
  position: absolute
}

.p-pro-item__head::before {
  top: -10px;
  left: 0;
  width: 1px;
  height: calc(100%);
  background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0))
}


.p-pro-item__head::after {
  top: 10px;
  left: -16px;
  width: calc(100% + 16px);
  height: 1px;
  background: linear-gradient(to right, #000, rgba(0, 0, 0, 0))
}

.p-pro-item__ttl {
  padding: 25px 10px 20px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #D43E6B
}

@media (min-width: 737px) {
  .p-pro-item__ttl {
    padding: 40px 20px 30px 30px
  }
}

.p-pro-item__ttl::before {
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 0;
  left: -10px;
  background: linear-gradient(to right, #F4B4FA, #D9364F);
  z-index: 1
}

@media (min-width: 737px) {
  .p-pro-item__body {
    margin-left: 15px
  }
  .p-pro-item__body::after {
    content: "";
    display: block;
    clear: both
  }
}

@media (min-width: 737px) {
  .p-pro-item__col-1 {
    float: left;
    width: 385px;
    margin-right: 40px
  }
  .is-reverse .p-pro-item__col-1 {
    float: right;
    margin-left: 40px;
    margin-right: auto
  }
}

@media (max-width: 736px) {
  .p-pro-item__col-2 {
    margin-top: 25px
  }
}

.p-pro-item__pic-cap {
  margin-top: 10px;
  font-size: 14px;
  color: #707070
}

@media (min-width: 737px) {
  .p-pro-item__pic-cap {
    font-size: 12px
  }
}

.p-pro-item__pic img {
  width: 100%;
  height: auto
}

.p-pro-item__text {
  font-size: 16px;
  line-height: 1.6875
}