@charset "utf-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap");
.g-breadcrumb .g-breadcrumb__list {
  padding: 0;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.pc_only {
  display: inline-block;
}

.sp_only {
  display: none;
}

.zen-maru {
  font-family: "Zen Maru Gothic", sans-serif;
}

button:hover, button:focus, .button:hover, .button:focus {
  background-color: transparent;
}

.trial120 {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  color: #303B48 !important;
}
.trial120 div, .trial120 span, .trial120 applet, .trial120 object, .trial120 iframe, .trial120 h1, .trial120 h2, .trial120 h3, .trial120 h4, .trial120 h5, .trial120 h6, .trial120 p, .trial120 blockquote, .trial120 pre, .trial120 a, .trial120 abbr, .trial120 acronym, .trial120 address, .trial120 big, .trial120 cite, .trial120 code, .trial120 del, .trial120 dfn, .trial120 em, .trial120 img, .trial120 ins, .trial120 kbd, .trial120 q, .trial120 s, .trial120 samp, .trial120 small, .trial120 strike, .trial120 strong, .trial120 sub, .trial120 sup, .trial120 tt, .trial120 var, .trial120 b, .trial120 u, .trial120 i, .trial120 center, .trial120 dl, .trial120 dt, .trial120 dd, .trial120 ol, .trial120 ul, .trial120 li, .trial120 fieldset, .trial120 form, .trial120 label, .trial120 legend, .trial120 table, .trial120 caption, .trial120 tbody, .trial120 tfoot, .trial120 thead, .trial120 tr, .trial120 th, .trial120 td, .trial120 article, .trial120 aside, .trial120 canvas, .trial120 details, .trial120 embed, .trial120 figure, .trial120 figcaption, .trial120 footer, .trial120 header, .trial120 hgroup, .trial120 menu, .trial120 nav, .trial120 output, .trial120 ruby, .trial120 section, .trial120 summary, .trial120 time, .trial120 mark, .trial120 audio, .trial120 video, .trial120 button {
  color: inherit;
}
.trial120 a {
  transition: opacity 0.3s ease-in;
}
.trial120 a:hover {
  opacity: 0.6;
}
.trial120 .box_link {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  padding: 20px 0;
  width: calc(100% - 80px);
  margin: 0 auto;
  text-align: center;
  display: block;
  border-radius: 50px;
  background: linear-gradient(270deg, #387DD6 0%, #00A39D 100%);
  position: relative;
}
.trial120 .box_link:after {
  content: "";
  display: block;
  position: absolute;
 background-image: url(/photo/page/20240327/download.svg);
  width: 24px;
  height: 24px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.trial120 .btn_black {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  border: 2px solid #000;
  padding: 20px 0;
  width: calc(100% - 80px);
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
  display: block;
  max-width: 335px;
  border-radius: 50px;
  position: relative;
}
.trial120 .btn_black:after {
  content: "";
  display: block;
  position: absolute;
 background-image: url(/photo/page/20240327/download.svg);
  width: 24px;
  height: 24px;
  right: 20px;
  top: 0;
  bottom: 0;
  filter: invert(100%);
  margin: auto 0;
}
.trial120 .facet_box {
  width: 100%;
  max-width: 920px;
  margin: 100px auto 0;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 12px -6px rgba(114, 114, 114, 0.82);
}
.trial120 .facet_box.chara {
  position: relative;
}
.trial120 .facet_box.chara:before {
  content: "";
  display: block;
  position: absolute;
 background-image: url(/photo/page/20240327/sec05_chara.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  width: 136px;
  height: 114px;
  right: 60px;
  top: -94px;
}
.trial120 .facet_box .box_left, .trial120 .facet_box .box_right {
  display: inline-block;
  vertical-align: top;
}
.trial120 .facet_box .box_left {
  width: 310px;
}
.trial120 .facet_box .box_left img {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.trial120 .facet_box .box_right {
  width: calc(100% - 320px);
  box-sizing: border-box;
  padding: 30px 50px 25px;
}
.trial120 .facet_box .box_right img {
  width: 250px;
}
.trial120 .facet_box .box_right p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
}
.trial120 .facet_box .box_right p.ttl {
  font-size: 20px;
  font-weight: 700;
  margin: 10px 0;
}
.trial120 .facet_box .box_right p.small {
  font-size: 12px;
  font-weight: 700;
  color: #00A39D;
  margin: 10px 0 25px;
}
.trial120 .facet_box .box_right .box_link {
  font-size: 20px;
  padding: 15px 0;
}
.trial120 h2.ttl {
  font-size: 0;
  padding: 20px 0;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  line-height: 1.6;
}
.trial120 h2.ttl.white {
  color: #fff;
  border-top: 2px dotted #fff;
  border-bottom: 2px dotted #fff;
}
.trial120 h2.ttl.black {
  color: #000;
  border-top: 2px dotted #000;
  border-bottom: 2px dotted #000;
}
.trial120 h2.ttl img, .trial120 h2.ttl picture {
  line-height: 1;
  font-size: 0;
}
.trial120 .box {
 background-image: url(/photo/page/20240327/box.png);
  background-size: 100% 100%;
  width: 100%;
  max-width: 920px;
  margin: 60px auto 0;
  border-radius: 15px;
  box-shadow: 0px 0px 12px -6px rgba(114, 114, 114, 0.82);
  box-sizing: border-box;
  padding: 50px 30px;
}
.trial120 .box .box_ttl {
  font-size: 26px;
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  text-align: center;
  line-height: 1.6;
  border-bottom: 1px solid #C18D00;
  padding: 0 0 30px;
  margin: 0;
}
.trial120 .box .box_ttl .small {
  font-size: 20px;
  font-weight: 500;
}
.trial120 .box .box_ttl strong {
  color: #00A39D;
}
.trial120 .box .box_ttl ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 600px;
}
.trial120 .box .box_ttl ul li {
  text-align: left;
  line-height: 2;
  position: relative;
  vertical-align: baseline;
}
.trial120 .box .box_ttl ul li:before {
  content: "";
  display: inline-block;
  line-height: 2;
  vertical-align: baseline;
 background-image: url(/photo/page/20240327/sec01_icon.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center top;
  width: 26px;
  height: 24px;
  margin-right: 20px;
}
.trial120 .box .box_detail {
  padding: 30px 30px 0;
  box-sizing: border-box;
  width: 100%;
  display: flex;
}
.trial120 .box .box_detail .detail_img {
  width: 45%;
}
.trial120 .box .box_detail .detail_img img {
  border-radius: 15px;
}
.trial120 .box .box_detail .detail_img .fig {
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
  font-weight: 500;
}
.trial120 .box .box_detail .detail_img .fig .big {
  display: inline-block;
  font-size: 20px;
  margin-left: 15px;
  font-weight: 700;
  margin-right: 5px;
}
.trial120 .box .box_detail .detail_logo {
  width: 127px;
}
.trial120 .box .box_detail .detail_logo img {
  width: 100%;
  height: auto;
}
.trial120 .box .box_detail .detail_txt {
  flex: 1;
  box-sizing: border-box;
  padding-left: 30px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 20px;
}
.trial120 .box .box_detail .detail_txt .big {
  margin-top: -20px;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
.trial120 .box .box_detail .detail_txt .big strong {
  color: #00A39D;
}
.trial120 .sec01 {
 background-image: url(/photo/page/20240327/sec01_bg.png);
  background-size: 100% 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 80px 0;
}
.trial120 .sec02 {
 background-image: url(/photo/page/20240327/sec02_bg_top.png), url(/photo/page/20240327/bg_stripe_sky.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: 100% auto, cover;
  margin-top: -6px;
  padding: 176px 0 80px;
}
.trial120 .sec02 h2 {
  margin: 0;
  text-align: center;
}
.trial120 .sec02 h2 img {
  width: 560px;
  height: auto;
}
.trial120 .sec02 .sec02_detail {
  width: 100%;
  max-width: 920px;
  margin: 40px auto 72px;
}
.trial120 .sec02 .sec02_detail img {
  width: 100%;
  height: auto;
}
.trial120 .sec04 {
 background-image: url(/photo/page/20240327/sec04_bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  padding: 140px 0;
  position: relative;
}
.trial120 .sec04:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 140px;
 background-image: url(/photo/page/20240327/sec04_bg_line.png);
  background-size: auto 100%;
  background-position: center top;
  background-repeat: repeat-x;
  transform: rotate(180deg);
}
.trial120 .sec04:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 140px;
 background-image: url(/photo/page/20240327/sec04_bg_line.png);
  background-size: auto 100%;
  background-position: center top;
  background-repeat: repeat-x;
}
.trial120 .sec04 h2 {
  margin: 0 auto;
  width: 60vw;
  max-width: 786px;
  text-align: center;
}
.trial120 .sec04 h2 img {
  width: 100%;
  height: auto;
}
.trial120 .sec04 .sec04_detail {
  width: 100%;
  max-width: 1154px;
  margin: 40px auto 0;
}
.trial120 .sec04 .sec04_detail img {
  width: 100%;
  height: auto;
}
.trial120 .sec04 .box {
  margin-top: 90px;
  padding-top: 30px;
}
.trial120 .sec04 .box_link {
  margin-top: 40px;
  max-width: 580px;
}
.trial120 .sec05 {
  background: linear-gradient(to bottom, rgb(255, 255, 255) 2%, transparent 10%), url(/photo/page/20240327/bg_stripe.jpg);
  background-size: 100% auto;
  background-repeat: repeat-y;
  padding: 0 0 200px;
  position: relative;
  z-index: 0;
}
.trial120 .sec05:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/photo/page/20240327/sec05_bg_leaf.png) repeat-y center top;
  background-size: 100% auto;
}
.trial120 .sec05 .sec05_main {
  width: 100%;
}
.trial120 .sec05 .sec05_main img {
  width: 100%;
  height: auto;
}
.trial120 .sec05 .sec05_detail {
  width: 100%;
  max-width: 1090px;
  margin: -20vw auto 0;
}
.trial120 .sec05 .sec05_detail img {
  width: 100%;
  height: auto;
}
.trial120 .sec05 .sec05_detail .sec05_02 {
  margin: 60px 0;
}
.trial120 .sec05 .sec05_detail .sec05_02 .sec05_02-slide {
  display: none;
}
.trial120 .sec05 .facet_box {
  margin-top: 200px;
}
.trial120 .facet01 {
 background-image: url(/photo/page/20240327/sec03_bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  padding: 80px 0;
}
.trial120 .facet01 .facet_box {
  margin-top: 40px;
}
.trial120 .sec06 {
 background-image: url(/photo/page/20240327/sec06_mij_bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  padding: 80px 0;
}
.trial120 .sec06 .box {
  margin-top: 20px;
  padding: 35px 20px 40px;
}
.trial120 .sec07 {
 background-image: url(/photo/page/20240327/sec04_bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  padding: 140px 0;
  position: relative;
}
.trial120 .sec07:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 140px;
 background-image: url(/photo/page/20240327/sec04_bg_line.png);
  background-size: auto 100%;
  background-position: center top;
  background-repeat: repeat-x;
  transform: rotate(180deg);
}
.trial120 .sec07:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 140px;
 background-image: url(/photo/page/20240327/sec04_bg_line.png);
  background-size: auto 100%;
  background-position: center top;
  background-repeat: repeat-x;
}
.trial120 .sec07 h2 {
  margin: 0 auto;
  width: 60vw;
  max-width: 786px;
  text-align: center;
}
.trial120 .sec07 h2 img {
  width: 100%;
  height: auto;
}
.trial120 .sec07 .sec07_slide {
  width: 100%;
  max-width: 1190px;
  margin: 40px auto 80px;
}
.trial120 .sec07 .sec07_slide .slide_07 {
  margin: 0;
  padding: 0;
  position: relative;
}
.trial120 .sec07 .sec07_slide .slide_07 .slick-list {
  padding: 30px 0;
}
.trial120 .sec07 .sec07_slide .slide_07 li {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border-radius: 15px;
  box-sizing: border-box;
  width: calc((100% - 40px) / 3);
  margin-left: 10px;
  margin-right: 10px;
  height: 410px;
  padding: 24px;
  position: relative;
  box-shadow: 0px 0px 12px -6px rgba(114, 114, 114, 0.82);
}
.trial120 .sec07 .sec07_slide .slide_07 li .slide_ttl .name {
  font-size: 16px;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
}
.trial120 .sec07 .sec07_slide .slide_07 li .slide_ttl .date {
  float: right;
  font-size: 14px;
  color: #B2B2B2;
}
.trial120 .sec07 .sec07_slide .slide_07 li .stars {
  margin: 15px 0;
}
.trial120 .sec07 .sec07_slide .slide_07 li .stars img {
  width: 131px;
  height: auto;
}
.trial120 .sec07 .sec07_slide .slide_07 li .slide_detail {
  background-color: #F7F7F4;
  border-radius: 10px;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
}
.trial120 .sec07 .sec07_slide .slide_07 li .tags {
  position: absolute;
  left: 24px;
  bottom: 24px;
  width: 100%;
}
.trial120 .sec07 .sec07_slide .slide_07 li .tags span {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  border-radius: 15px;
  color: #00A39D;
  border: 1px solid #00A39D;
  line-height: 2;
  padding: 0 10px;
}
.trial120 .sec07 .sec07_slide .slide_07 .slick-arrow {
  position: absolute;
  top: 45%;
  display: block;
 background-image: url(/photo/page/20240327/icon_arrow_yellow.png);
  width: 65px;
  height: 65px;
  opacity: 0.6;
  font-size: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 2;
  transition: opacity 0.3s ease-in;
}
.trial120 .sec07 .sec07_slide .slide_07 .slick-arrow.slick-prev {
  left: -65px;
}
.trial120 .sec07 .sec07_slide .slide_07 .slick-arrow.slick-next {
  right: -65px;
  transform: rotate(180deg);
}
.trial120 .sec07 .sec07_slide .slide_07 .slick-arrow:hover {
  background-color: transparent;
  opacity: 0.4;
}
.trial120 .qna {
  background-color: #FAF8EF;
  padding: 104px 0;
}
.trial120 .qna .qna_item {
  width: 100%;
  max-width: 920px;
  padding: 0;
  margin: 0 auto 25px;
  border-radius: 20px;
  box-shadow: 0px 0px 12px -6px rgba(114, 114, 114, 0.82);
}
.trial120 .qna .qna_item:first-of-type {
  margin: 40px auto 25px;
}
.trial120 .qna .qna_item dt {
  width: 100%;
  font-family: "Zen Maru Gothic", sans-serif;
  box-sizing: border-box;
  padding: 30px 90px 30px 80px;
  cursor: pointer;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  background-color: #fff;
 background-image: url(/photo/page/20240327/sp-sec08-q.png), url(/photo/page/20240327/icon_plus.png);
  background-size: 45px auto, 24px auto;
  background-repeat: no-repeat, no-repeat;
  background-position: left 20px center, right 20px center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.trial120 .qna .qna_item dt.active {
 background-image: url(/photo/page/20240327/sp-sec08-q.png), url(/photo/page/20240327/icon_minus.png);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.trial120 .qna .qna_item dd {
  width: 100%;
  margin: 0;
  display: none;
  box-sizing: border-box;
  font-family: "Zen Maru Gothic", sans-serif;
  background: #F2FAFA;
  font-size: 16px;
  line-height: 1.8;
  padding: 30px 120px 30px 80px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.trial120 .qna .qna_item dd.active {
  display: block;
}
.trial120 .qna .qna_item dd a {
  text-decoration: underline;
  color: #00A39D;
}
.trial120 .qna .qna_item dd a:hover {
  text-decoration: none;
}
.trial120 .qna .btn_black {
  margin-top: 60px;
}
.trial120 .facet02 {
 background-image: url(/photo/page/20240327/bg_stripe.jpg);
  background-size: cover;
  padding: 80px 0;
}
.trial120 .facet02 .facet_box {
  margin-top: 128px;
}

/* 2024-09-30追加 */
.box_link_area {
  max-width: 572px;
  margin: auto;
  text-align: center;
}

.box_link_area .box_link {
  margin-bottom: 12px;
}

.box_link_area .detail {
  font-weight: bold;
  font-size: 16px;
  color: #387dd6;
  text-decoration: underline;
}

.trial_area {
 background-image: url(/photo/page/20240327/bg_grade_pc.png);
  background-position: center top;
  background-size: cover;
  padding-bottom: 80px;
}

.trial_area.trial_area_bottom {
 background-image: url(/photo/page/20240327/bg_grade_pc02.png);
}

.trial_area_bottom:has(.trial_box){
margin-top: 6%;
}

.trial_area .trial_box {
  max-width: 1153px;
  margin: auto;
  margin-top: -6%;
}

.trial_area .ttl_trial {
  margin-top: -20px;
  margin: auto;
  text-align: center;
}

.trial_area .lineup_area {
  border-radius: 20px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 12px -6px rgba(114, 114, 114, 0.82);
}

.trial_area .ttl_lineup {
  font-size: 34px;
  text-align: center;
  background: #49bab7;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 18px 5px;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
}

.trial_area .lineup_box {
  padding: 40px;
}

.trial_area .facet_area {
  margin-top: 30px;
  /* margin-bottom: 30px; */
  padding: 40px;
  border-radius: 15px;
  background-color: #F7F7F4;
  text-align: center;
}

.trial_area .ttl_facet {
  margin-bottom: 20px;
}

.trial_area .facet_area .txt01 {
  font-size: 16px;
  line-height: 2.125;
}

.trial_area .facet_item {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.trial_area .facet_item_card {
  display: grid;
  padding: 22px 50px 20px;
  grid-template-rows: subgrid;
  grid-row: span 6;
  background-color: #f2f9f9;
  border-radius: 15px;
  row-gap: 20px;
  box-shadow: 0px 0px 12px -6px rgba(114, 114, 114, 0.82);
}

.trial_area .facet_name {
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  color: #05a19d;
  margin-bottom: 0;
}

.trial_area .facet_status {
  display: grid;
  grid-template-columns: auto 1fr;
  font-size: 14px;
  color: #000;
}

.trial_area .facet_status dt,
.trial_area .facet_status dd {
  font-weight: 500;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}

.trial_area .facet_price {
  font-family: "Noto Sans JP";
  font-weight: normal;
  font-size: 31px;
  color: #000;
}

.trial_area .facet_price .tax {
  font-size: 14px;
}

.trial_area .facet_text {
  font-size: 14px;
  line-height: 1.8571428571428571429;
}

.trial_area .facet_lead {
  border-radius: 15px;
  background-color: #E0F3F3;
}

.trial_area .facet_lead_ttl {
  padding: 10px 0;
  font-weight: bold;
  font-size: 18px;
  color: #05A19D;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  text-align: center;
  background-color: rgba(73, 186, 183, 0.1);
}

.trial_area .facet_lead_box {
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  color: #000;
  padding: 15px 20px 15px 60px;
}

.trial_area .facet_lead_text {
  line-height: 2.125;
  list-style-type: disc;
}

.trial_area .c-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.trial_area .facet_link {
  width: 100%;
  font-size: 16px;
  padding: 15px 0;
}

@media screen and (max-width: 768px) {
  .g-breadcrumb {
   /* margin-top: 0 !important; */
  }
  .pc_only {
    display: none;
  }
  .sp_only {
    display: inline-block;
  }
  .trial120 h2.ttl {
    font-size: 16px;
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .trial120 .facet_box {
    width: calc(100% - 40px);
    margin: 90px auto 0;
    background: #fff;
    border-radius: 10px;
  }
  .trial120 .facet_box.chara:before {
    width: 84px;
    height: 71px;
    right: 20px;
    top: -58px;
    z-index: 2;
  }
  .trial120 .facet_box .box_left {
    width: 100%;
  }
  .trial120 .facet_box .box_left img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }
  .trial120 .facet_box .box_right {
    width: 100%;
    text-align: left;
    padding: 30px 20px 20px;
  }
  .trial120 .facet_box .box_right img {
    width: auto;
    height: 34px;
  }
  .trial120 .facet_box .box_right p {
    font-size: 14px;
    margin: 0;
  }
  .trial120 .facet_box .box_right p.ttl {
    font-size: 16px;
  }
  .trial120 .facet_box .box_right p.small {
    font-size: 10px;
  }
  .trial120 .facet_box .box_right .box_link {
    padding: 20px 0;
    font-size: 16px;
  }
  .trial120 .box {
    border-radius: 10px;
   background-image: url(/photo/page/20240327/sp-box.png);
    padding: 20px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
  .trial120 .box .box_ttl {
    font-size: 16px;
    padding-bottom: 20px;
  }
  .trial120 .box .box_ttl .small {
    font-size: 12px;
  }
  .trial120 .box .box_ttl ul {
    padding: 20px 0px 20px 10px;
  }
  .trial120 .box .box_ttl ul li {
    font-size: 16px;
    text-indent: -29px;
    padding-left: 20px;
  }
  .trial120 .box .box_ttl ul li::before {
    width: 20px;
    height: 16px;
    margin-right: 10px;
  }
  .trial120 .box .box_detail {
    padding: 20px 0 0;
    flex-direction: column;
  }
  .trial120 .box .box_detail .detail_img {
    width: 100%;
  }
  .trial120 .box .box_detail .detail_img .fig {
    line-height: 1.8;
    font-size: 10px;
  }
  .trial120 .box .box_detail .detail_img .fig .big {
    font-size: 14px;
    margin-left: 0;
  }
  .trial120 .box .box_detail .detail_logo {
    width: 100%;
    text-align: center;
  }
  .trial120 .box .box_detail .detail_logo img {
    width: 82px;
    height: auto;
  }
  .trial120 .box .box_detail .detail_txt {
    width: 100%;
    font-size: 12px;
    padding-left: 0;
    margin-top: 10px;
  }
  .trial120 .box .box_detail .detail_txt .big {
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
  }
  .trial120 .sec01 {
    background-size: cover;
    background-repeat: no-repeat;
  }
  .trial120 .sec01 .box {
    margin-top: 20px;
  }
  .trial120 .sec02 {
    padding: 70px 0 40px;
  }
  .trial120 .sec02 h2 {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .trial120 .sec02 h2 img {
    width: 320px;
    height: auto;
  }
  .trial120 .sec02 .sec02_detail {
    width: calc(100% - 40px);
    margin: 20px auto 43px;
  }
  .trial120 .sec04 {
    padding: 100px 0;
  }
  .trial120 .sec04 h2 {
    width: calc(100% - 40px);
  }
  .trial120 .sec04 .sec04_detail {
    width: calc(100% - 40px);
    overflow-y: hidden !important;
    margin: 20px auto 0;
  }
  .trial120 .sec04 .sec04_detail .data-table {
    width: 550px;
  }
  .trial120 .sec04 .box {
    margin-top: 50px;
    padding: 20px;
  }
  .trial120 .sec04 .box_link {
    width: calc(100% - 40px);
    max-width: 335px;
  }
  .trial120 .facet01 h2 img {
    height: 20px;
  }
  .trial120 .sec05 {
    padding: 0 0 104px;
  }
  .trial120 .sec05 .sec05_detail {
    width: calc(100% - 32px);
    margin: -40vw auto 0;
  }
  .trial120 .sec05 .sec05_detail img {
    width: 100%;
    height: auto;
  }
  .trial120 .sec05 .sec05_detail .sec05_02 {
    margin: 30px 0;
  }
  .trial120 .sec05 .sec05_detail .sec05_02 .sec05_02-slide {
    display: block;
  }
  .trial120 .sec05 .sec05_detail .sec05_02 .sec05_02-slide .slide_02 {
    position: relative;
    margin: 0 auto 10px;
  }
  .trial120 .sec05 .sec05_detail .sec05_02 .sec05_02-slide .slide_02 .slick-arrow {
    position: absolute;
    top: 30%;
    display: block;
   background-image: url(/photo/page/20240327/icon_arrow_blue.png);
    width: 45px;
    height: 45px;
    opacity: 0.6;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 2;
  }
  .trial120 .sec05 .sec05_detail .sec05_02 .sec05_02-slide .slide_02 .slick-arrow.slick-prev {
    left: 0;
  }
  .trial120 .sec05 .sec05_detail .sec05_02 .sec05_02-slide .slide_02 .slick-arrow.slick-next {
    right: 0;
    transform: rotate(180deg);
  }
  .trial120 .sec05 .facet_box {
    margin-top: 100px;
  }
  .trial120 .sec01,
  .trial120 .facet01,
  .trial120 .facet02,
  .trial120 .sec06 {
    padding: 40px 0;
  }
  .trial120 .sec06 {
    padding: 40px 0;
  }
  .trial120 .sec06 h2 img {
    height: 20px;
  }
  .trial120 .sec06 .box {
    padding: 20px;
  }
  .trial120 .sec07 {
    padding: 100px 0;
   background-image: url(/photo/page/20240327/sp-sec04_bg.jpg);
  }
  .trial120 .sec07 h2 {
    width: calc(100% - 40px);
  }
  .trial120 .sec07 .sec07_slide {
    margin: 20px auto 40px;
  }
  .trial120 .sec07 .sec07_slide .slide_07 {
    margin: 0 auto;
    width: 100%;
  }
  .trial120 .sec07 .sec07_slide .slide_07 .slick-list {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
  }
  .trial120 .sec07 .sec07_slide .slide_07 li {
    height: auto;
    min-height: 340px;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px 20px 60px;
  }
  .trial120 .sec07 .sec07_slide .slide_07 li .slide_ttl .name {
    font-size: 14px;
  }
  .trial120 .sec07 .sec07_slide .slide_07 li .slide_ttl .date {
    font-size: 10px;
  }
  .trial120 .sec07 .sec07_slide .slide_07 li .stars {
    margin: 10px 0;
  }
  .trial120 .sec07 .sec07_slide .slide_07 li .stars img {
    width: 131px;
    height: auto;
  }
  .trial120 .sec07 .sec07_slide .slide_07 li .slide_detail {
    padding: 10px;
    font-size: 12px;
  }
  .trial120 .sec07 .sec07_slide .slide_07 li .tags {
    left: 20px;
    bottom: 15px;
  }
  .trial120 .sec07 .sec07_slide .slide_07 li .tags span {
    font-size: 12px;
  }
  .trial120 .sec07 .sec07_slide .slide_07 .slick-arrow {
    width: 45px;
    top: 42%;
    height: 45px;
  }
  .trial120 .sec07 .sec07_slide .slide_07 .slick-arrow.slick-prev {
    left: 10px;
  }
  .trial120 .sec07 .sec07_slide .slide_07 .slick-arrow.slick-next {
    right: 10px;
  }
  .trial120 .sec07 .box {
   background-image: url(/photo/page/20240327/sp_box.png);
  }
  .trial120 .sec07 .box .box_detail iframe {
    width: 100%;
    height: auto;
  }
  .trial120 .qna {
    padding: 40px 0;
  }
  .trial120 .qna h2 img {
    height: 20px;
  }
  .trial120 .qna .qna_item {
    width: calc(100% - 40px);
    margin: 0 auto 16px;
    border-radius: 10px;
  }
  .trial120 .qna .qna_item:first-of-type {
    margin: 20px auto 16px;
  }
  .trial120 .qna .qna_item dt {
    padding: 18px 52px 18px 54px;
    background-size: auto 24px, auto 20px;
    background-position: left 20px top 18px, right 20px center;
    font-size: 14px;
    line-height: 1.4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .trial120 .qna .qna_item dt.active {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .trial120 .qna .qna_item dd {
    padding: 22px 20px;
    font-size: 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .trial120 .qna .btn_black {
    margin-top: 40px;
    max-width: 280px;
  }
  .trial120 .btn_black {
    width: calc(100% - 40px);
    padding: 15px 0;
    font-size: 14px;
  }
  .trial120 .btn_black:after {
    right: 10px;
  }
  .trial120 .box_link {
    width: 100%;
    font-size: 16px;
    padding: 15px 0;
  }
  /* 2024-09-30 */
  .box_link_area {
    max-width: 280px;
  }
  .trial120 .box_link_area .box_link {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .box_link_area .detail {
    font-size: 12px;
  }
  .trial_area {
   background-image: url(/photo/page/20240327/bg_grade_sp.png);
    background-position: center top;
    background-size: cover;
    padding-bottom: 40px;
  }
  .trial_area.trial_area_bottom {
    padding-top: 30px;
   background-image: url(/photo/page/20240327/bg_grade_sp02.png);
  }
  .trial_area .trial_box {
    padding: 0 10px;
  }
  .trial_area .facet_item {
    grid-template-columns: 1fr;
  }
  .trial_area .lineup_box {
    padding: 28px 10px 30px;
  }
  .trial_area .ttl_lineup {
    font-size: 26px;
    padding: 24px 5px 18px;
  }
  .trial_area .facet_area .txt01 {
    font-size: 14px;
    text-align: left;
  }
  .trial_area .facet_name {
    font-size: 22px;
  }
  .trial_area .facet_item_card {
    padding: 22px 10px 20px;
  }
  .trial_area .facet_price {
    font-size: 24px;
  }
  .trial_area .facet_lead_ttl {
    padding: 15px 0;
    font-size: 16px;
  }
  .trial_area .facet_lead_box {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    padding: 15px 10px 15px 50px;
  }

  .trial_area_bottom:has(.trial_box){
    margin-top: 0%;
    }
}
/*# sourceMappingURL=trial.css.map */

@media screen and (min-width: 981px) {
    .g-header.is-exists-notice~.g-breadcrumb {
        margin-top:calc(min(64px, 4.7058823529vw) + min(48px, 3.5294117647vw))
    }
}

@media screen and (max-width: 980px) {
    .g-header.is-exists-notice~.g-breadcrumb {
        margin-top:calc(min(64px, 17.0666666667vw) + min(40px, 10.6666666667vw))
    }
}


.g-service__wrap{
margin-top: 0px;
}