@charset "UTF-8";

/* 20251203_53*/
/*========================================================================

  reset

========================================================================*/

body {
	overflow-x: hidden;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.pbHeaderArea,
.pbFooterArea {
	overflow: visible;
}
:focus {
	outline: none;
}
:root ol, :root ul {
	margin: 0;
	padding: 0;
}
.pbNested {
	clear: none;
	overflow: visible;
	min-width: 10px;
}
.pb-layout {
	outline: 1px dotted #ccc !important;
	box-shadow: none!important;
}
.pb-handle {
	display: block!important;
	width: auto!important;
	height: auto!important;
	min-width: auto!important;
	min-height: auto!important;
	border: 1px solid #999!important;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif!important;
	font-weight: normal!important;
	letter-spacing: normal!important;
	text-indent: 0!important;
	line-height: 1.6;
}
.pb-handle:before,
.pb-handle:after {
	display: none!important;
}
.pbNotEditable {
	min-width: 200px!important;
	background: rgba(32, 32, 32, 0.5)!important;
}
.pbZero td {
	vertical-align: middle;
}

/*========================================================================

  base

========================================================================*/

html {
    scroll-behavior: smooth;
}

.pbPage {
    position: relative;
    overflow: clip!important;
    -webkit-text-size-adjust: 100%;
    -webkit-print-color-adjust: exact;
    background: #fff;
    font-family: "游ゴシック体", "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
    font-weight: 400;
    color: #242424;
    font-size: 112.5%;
    line-height: 1.777777;
    letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
	.pbPage {
		font-size: 100%;
		line-height: 2;
	}
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: bold;
  font-display: swap;
  src: url(../../assets/font/NotoSansJP-Bold.woff)format('woff');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: normal;
  font-display: swap;
  src: url(../../assets/font/NotoSansJP-Regular.woff)format("woff");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 500;
  font-display: swap;
  src: url(../../assets/font/NotoSansJP-Medium.woff)format("woff");
}

@media screen and (max-width: 767px) {
    .pbPage {
        font-family: 'Noto Sans Japanese', serif;
        font-weight: normal;
    }
}

.pbAreaWrapper1 {
    top: 0;
}
.pbNestedWrapper {
    overflow:visible;
}

@media screen and (min-width: 768px) {
    .pbMainArea {
        overflow: visible;
    }
}

/*  title
------------------------------------------------*/

h1,
h2,
h3,
h4 {
	font-weight: bold;
	font-size: 100%;
}

/*  img
------------------------------------------------*/

img {
    max-width: 100%;
    height: auto;
}
picture {
	display: block;
}

/*  ol,ul
------------------------------------------------*/

:root ol, :root ul {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
}

/*  link
------------------------------------------------*/

a {
	color: #242424;
	transition: all .3s;
	text-decoration: underline;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor: pointer;
}
a img {
	transition: all .8s;
}

@media (min-width: 768px) {
	a:hover {
		text-decoration: none;
	}
}

/*  table
------------------------------------------------*/

table {
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}

/*  table
------------------------------------------------*/
button { 
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	cursor: pointer;
}

/*  anchor
------------------------------------------------*/
.pbAnchor a {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
@media screen and (max-width: 767px) {
    .pbAnchor a {
        padding-top: 60px;
        margin-top: -60px;
    }
}
/*========================================================================

  slider

========================================================================*/
.i-slider_buttonWrap{
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 30px;
	left: 100px;
}
.main-dots {
	margin-right: 16px;
}
.dots-wrap {
    display: flex;
    justify-content: center;
	gap: 8px;
}
.dots-wrap li {
    width: 40px;
    height: 2px;
    background: #C9CACA;
    cursor: pointer;
    position: relative;
}
.dots-wrap li:before {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}
.main-slider {
	position: relative;
}
.dots-wrap li:hover,
.dots-wrap li.slick-active {
    background: #242424;
}
.dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.i-slider_button {
	background: none;
	border: none;
}
 @media (min-width: 1201px) {
    .i-slider_button:hover {
        opacity: 0.7;
    }
}
@media screen and (max-width: 1200px) {
	.i-slider_buttonWrap{
		left: 5.2vw;
		bottom: 1.56vw;
	}
	.dots-wrap li {
	    height: 2px;
	}
}

@media screen and (max-width: 767px) {
	.i-slider_buttonWrap {
		bottom: 8vw;
	}
	.i-slider_buttonWrap{
		left: 20px;
	}
}

/*  features-slider  */
.si_features-slider .dots-wrap {
	margin: 35px 0 0;
}

@media screen and (max-width: 767px) {
	.si_features-slider .dots-wrap {
		margin: 35px 0 20px;
	}
	.si_features-slider .dots-wrap li {
	    width: 20px;
	}
	.si_features-slider .dots-wrap li:before {
	    width: 20px;
	}
}

/*  main-slider
========================================================================*/

.main-slider .slick-track {
  height: min(50.52083vw, 970px);
}
.main-slider .item {
  position: relative;
}
.main-slider .item .slide1 {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	text-decoration: none;
	height: 100%;
}
.main-slider .item .slide1 .textbox,
.main-slider .item .slide2 .textbox {
	padding: 50px 50px 100px 100px;
	z-index: 1;
	background-color: #fff;
}
.main-slider .item .slide1 .textbox {
	width: 680px;
}
.main-slider .item .slide2 .textbox {
	max-width: 820px;
	position: absolute;
	bottom: 0;
}
.main-slider .item .textbox .title {
	font-size: 444.4444%;
	line-height: 1.375;
	letter-spacing: 0.1em;
}
.main-slider .item .slide1 .textbox .title,
.main-slider .item .slide2 .textbox .title {
	margin-top: 30px
}
.main-slider .item .textbox .text {
	font-size: 111.111%;
	letter-spacing: 0.1em;
	margin-top: 20px;
}
.main-slider .item .slide1 .imagebox {
	width: calc(100% - 680px);
	height: 100%;
}
.main-slider .item .imagebox .image {
	height: 100%;
}
.main-slider .item .imagebox .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.main-slider .item video {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 1201px) {
	.main-slider .item .btn-play-movie:hover {
		color: rgba(36, 36, 36, 0.7);
	}
	.main-slider .item .btn-play-movie:hover img {
		opacity: 0.7;
	}
}

@media screen and (max-width: 1200px) {

	.main-slider .item .slide1 .textbox {
		width: 35.4vw;
	}
	.main-slider .item .slide1 .textbox,
	.main-slider .item .slide2 .textbox {
		padding: 2.6vw 2.6vw 5.2vw 5.2vw;
		z-index: 1;
		background-color: #fff;
	}
	.main-slider .item .textbox .text {
		font-size: 1.04vw;
		letter-spacing: 0.1em;
		margin-top: 20px;
	}
	.main-slider .item .textbox .title {
		font-size: 4.6vw;
		line-height: 1.375;
		letter-spacing: 0.1em;
	}
	.main-slider .item .slide1 .imagebox {
		width: calc(100% - 35.4vw);
		height: 100%;
	}
}

@media screen and (max-width: 767px) {

	.main-slider .slick-track {
	  height: 151.46666vw;
	}
	.main-slider .item {
	  position: relative;
	}
	.main-slider .item .slide1 {
		display: flex;
		height: auto;
		flex-direction: column-reverse;
	}
	.main-slider .item .slide2 {
		text-decoration: none;
	}
	.main-slider .item .slide2 {
		display: flex;
		flex-direction: column-reverse;
	}
	.main-slider .item .slide1 .textbox,
	.main-slider .item .slide2 .textbox {
		padding: 5.33333vw;
		z-index: 1;
		background-color: #fff;
	}
	.main-slider .item .slide1 .textbox {
		width: 100%;
	}
	.main-slider .item .textbox .image {
		width: 44.53333vw;
	}
	.main-slider .item .slide2 .textbox {
		width: 100%;
		position: unset;
	}
	.main-slider .item .slide1 .imagebox,
	.main-slider .item .slide2 .imagebox  {
		width: 100%;
		height: 68vw;
	}
	.main-slider .item .slide1 .textbox .title,
	.main-slider .item .slide2 .textbox .title {
		margin-top: 15px;
	}
	.main-slider .item .textbox .title {
		font-size: 9.33333vw;
		line-height: 1.5;
		letter-spacing: 0.1em;
	}
	.main-slider .item .textbox .text {
        font-size: 4.26666vw;
        letter-spacing: 0.04em;
        margin-top: 10px;
        line-height: 2;
	 }
	.main-slider .item .textbox .text.small_sp {
        font-size: 3.73333vw;
	 }
	.main-slider .item .btn-play-movie {
		bottom: 120px;
		font-size: 112.5%;
	}
	.main-slider .slick-track {
		display: flex !important;
	}
}

/*  slide_dj
------------------------------------------------*/

.main-slider .item .slide_dj {
	height: 100%;
}
.main-slider .item .slide_dj .textbox {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: min(10.30927%, 100px) min(5.20833vw, 100px) min(12.37%, 120px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.main-slider .item .slide_dj .textbox .logo {
	width: min(19.58333vw,376px);
}
.main-slider .item .slide_dj .textbox .title {
	transform: translateX(-10px);
	width: min(67.7vw, 1300px);
}
.main-slider .item .slide_dj .imagebox {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.main-slider .item .slide_dj .si_modal-video {
	align-self: center;
	text-align: center;
	max-width: 460px;
	width: 100%;
}
.main-slider .item .slide_dj .si_modal-video .btn-play-movie {
	border: 1px solid #fff;
	padding: 20px 60px 20px 80px;
	width: 100%;
	display: inline-block;
	font-weight: bold;
	font-size: 1.25rem;
	background-color: rgb(255 255 254 /20%);
	text-decoration: none;
	color: #fff;
	text-align: center;
	bottom: 0;
}
.main-slider .item .slide_dj .si_modal-video .btn-play-movie span {
	position: relative;
}
.main-slider .item .slide_dj .si_modal-video .btn-play-movie span:before {
	content: '';
	position: absolute;
	background: url(../../assets2025/img/ic_play-movie.svg) no-repeat center;
	width: 40px;
	height: 40px;
	top: 50%;
	left: -60px;
	transform: translateY(-50%);
	display:block;
}

@media (min-width: 1201px) {
	.main-slider .item .slide_dj .si_modal-video .btn-play-movie:hover {
		border: 1px solid #242424;
		background-color: rgb(255 255 254 /100%);
		color: #242424;
	}
	.main-slider .item .slide_dj .si_modal-video .btn-play-movie:hover span:before {
		background: url(../../assets2025/img/ic_play-movie_hover.svg) no-repeat center;
	}
}

@media screen and (max-width: 767px) {

	.main-slider .item .slide_dj .imagebox {
		height: 132.53333vw;
	}
	.main-slider .item .imagebox .image img {
		object-position: top;
	}
	.main-slider .item .slide_dj .textbox .title {
		margin-top: auto;
		transform: none;
		transform: translateX(-5.5vw);
	}
	.main-slider .item .slide_dj .textbox .title {
		width: 76vw;
	}
	.main-slider .item .slide_dj .textbox .title img {
		width: 100%;
	}
	.main-slider .item .slide_dj .textbox {
		padding: 8vw 8vw 26.6666vw;
	}
	.main-slider .item .slide_dj .textbox .logo {
		width: 44.5vw;
	}
	.main-slider .item .slide_dj .si_modal-video {
		width: 100%;
		text-align: left;
	}
	.main-slider .item .slide_dj .si_modal-video {
		max-width: 240px;
		margin-top: 3.5vw;
	}
	.main-slider .item .slide_dj .si_modal-video .btn-play-movie {
		padding: 12px 34px 12px 45px;
		font-size: 1rem;
	}
	.main-slider .item .slide_dj .si_modal-video .btn-play-movie span:before {
		background: url(../../assets2025/img/ic_play-movie.svg) no-repeat center/32px;
		width: 32px;
		height: 32px;
		left: -42px;
	}
}

/*  slide_about
------------------------------------------------*/

.main-slider .item .slide_about .textbox {
	position: absolute;
	bottom: 3%;
	left: -0.5%;
}
.main-slider .item .slide_about .imagebox {
	position: relative;
}
.main-slider .item .slide_about .imagebox .logo {
	position: absolute;
	width: 19.58333vw;
	top: 36.5%;
	left: 6%;
}
.main-slider .item .slide_about .textbox .title {
	width: 87.23vw;
}

@media screen and (max-width: 767px) {
	.main-slider .item .slide_about {
		text-decoration: none;
	}
	.main-slider .item .slide_about .imagebox {
		height: 132.53333vw;
	}
	.main-slider .item .slide_about .imagebox .image {
		width: 100%;
		height: 100%;
	}
	.main-slider .item .slide_about .textbox {
		bottom: 20vw;
		left: 0;
	}
	.main-slider .item .slide_about .imagebox .logo {
		position: absolute;
		width: 44.53333vw;
		top: 8vw;
		right: 5.3%;
		left: auto;
	}
	.main-slider .item .slide_about .textbox .title {
		width: 97vw;
	}
}

/*========================================================================

  banner-area

========================================================================*/

/*  banner-area
------------------------------------------------*/

.banner-area {
    width: 100%;
    background: #fff;
    text-align: center;
}
.banner-area > div {
	width: calc(100% - 40px);
    max-width: 1160px;
    margin: 0 auto;
    padding: 60px 0;
}
.banner-area .banner img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	
	.banner-area > div {
		width: calc(100% - 40px);
		max-width: 1160px;
		margin: 0 auto;
		padding: 30px 0;
	}
	
}

/*========================================================================

  main

========================================================================*/

/*  category-h2
------------------------------------------------*/

.si_category-h2:not(:first-child) {
	margin-top: 100px;
}
.si_category-h2 {
	font-size: 222.222%;
	letter-spacing: 0.1em;
}
.si_category-h2 span {
	font-size: 40%;
	letter-spacing: 0.06em;
	position: relative;
	padding-bottom: 10px;
	display: block;
	margin-bottom: 20px;
	font-weight: normal;
	line-height: 1;
}
.si_category-h2 span:after {
	content: "";
	width: 30px;
	height: 2px;
	background-color: #83838C;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media screen and (max-width: 767px) {
	
	.si_category-h2 {
		font-size: 150%;
		line-height: 1.5;
	}
	.si_category-h2 span {
		font-size: 66.6666%;
		padding-bottom: 15px;
	}
}

/*  category-h4
------------------------------------------------*/

.si_category-h4 {
	margin-top: 50px;
	font-size: 133.3333%;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
	.si_category-h4 {
		margin-top: 20px;
		font-size: 112.5%;
		line-height: 1.5;
	}
}

/*  large */
.si_category-text.large {
	margin-top: 20px;
	font-size: 111.111%;
	letter-spacing: 0.06em;
	line-height: 2.4;
}

@media screen and (max-width: 767px) {
	.si_category-text.large {
		margin-top: 25px;
		font-size: 100%;
		letter-spacing: 0.04em;
		line-height: 2;
	}	

}

/*  text
------------------------------------------------*/

.si_text:not(:first-child) {
	margin-top: 15px;
}
.si_text {
	letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
	.si_note {
		font-size: 75%;
		margin-top: 10px;
	}
}

/*  note
------------------------------------------------*/

.si_box-white .text-imega .textbox .text + .si_note {
	margin-top: 15px;
}
.si_note:not(:first-child) {
	margin-top: 40px;
}
.si_category-text + .si_note {
	margin-top: 10px;
}
.si_text + .si_note {
	margin-top: 15px;
}
.si_note {
	margin-top: 40px;
	font-size: 77.7777%;
	letter-spacing: 0.04em;
	padding-left: 1.2em;
	line-height: 1.4;
}
.si_note span {
	margin-left: -1.2em;
	margin-right: 0.5em;
}

@media screen and (max-width: 767px) {
	.si_box-white .text-imega .textbox .text + .si_note {
		margin-top: 10px;
	}
	.si_category-text + .si_note:not(:first-child) {
		margin-top: 10px;
	}
	.si_note:not(:first-child) {
		font-size: 75%;
		margin-top: 30px;
	}
}

/*  wrapper-white
------------------------------------------------*/

.si_wrapper-white > div {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 120px 0;
}

@media screen and (max-width: 767px) {
	.si_wrapper-white > div {
		padding: 40px 0 60px;
	}
}

/*  flow-area
========================================================================*/

.si_flow-area {
	margin-bottom: 100px;
}
.si_flow-panel.col-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
	gap: 40px 0;
}
.si_flow-panel.col-3 .box {
	width: 31.03448%;
}
.si_flow-panel.col-3 .title {
	font-weight: bold;
	margin-top: 15px;
}
.si_flow-panel.col-3 .text {
	margin-top: 5px;
}
.si_flow-panel .note {
	font-size: 72.222%;
	line-height: 1.46;
	margin-top: 5px;
}

@media screen and (max-width: 767px) {
	.si_flow-area {
		margin-top: 50px;
	}
	.si_flow-panel.col-3 {
		display: flex;
		margin-top: 30px;
		gap: 30px 0;
		flex-direction: column;
	}
	.si_flow-panel.col-3 .box {
		width: 100%;
	}
	.si_flow-panel.col-3 .title {
		margin-top: 10px;
	}
	.si_flow-panel.col-3 .text {
		letter-spacing: 0;
	}
	.si_flow-panel .note {
		font-size: 72.222%;
		line-height: 1.46;
		margin-top: 5px;
	}
}

/*  about-area
========================================================================*/

.si_about-area {
	margin-left: min(5.20833%, 100px);
	background: #F5F4F0;
	border-radius: 16px;
}
.si_about-area__wrapper {
    padding-right: min(5.20833%, 100px);
}
.si_about-area .inner {
    width: calc(100% - 80px);
    max-width: 1160px;
    margin: 0 auto;
    padding: 100px 0;
}
@media screen and (max-width: 767px) {
	.si_about-area {
		width: 100%;
		margin-left: 0;
	}
	.si_about-area__wrapper {
		padding-right: 0;
	}
	.si_about-area .inner {
		width: calc(100% - 40px);
		padding: 50px 0 50px;
		transform: none;
	}
}

/*  features-area
========================================================================*/

.si_features-area {
    width: calc(100% - 10.4166%);
    background: #F5F4F0;
    border-radius: 16px;
    margin: 100px auto;
}
.si_features-area .inner {
	width: calc(100% - 80px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 100px 0 100px;
}
.si_about-area .text-imega {
	display: flex;
	margin-top: 40px;
	align-items: flex-start;
	justify-content: space-between;
}
.si_about-area .text-imega .textbox {
	width: 56%;
}
.si_about-area .text-imega .title {
	font-size: 177.777%;
	line-height: 1.625;
}
.si_about-area .text-imega .text {
	font-size: 111.111%;
	line-height: 2.4;
	margin-top: 40px;
	letter-spacing: 0.06em;
}
.si_about-area .text-imega .image {
	width: 31%;
}
.si_about-area .text-imega .image img {
	width: 100%;
}

@media screen and (max-width: 767px) {

	.si_features-area {
	    width: 100%;
		margin: 50px auto;
	}
	.si_features-area .inner {
		width: calc(100% - 40px);
		padding: 50px 0;
	}
	.si_about-area .text-imega {
		display: flex;
		gap: 30px;
		flex-direction: column;
		margin-top: 20px;
	}
	.si_about-area .text-imega .textbox {
		width: 100%;
	}
	.si_about-area .text-imega .title {
		font-size: 125%;
		line-height: 1.5;
		letter-spacing: 0.1em;
	}
	.si_about-area .text-imega .text {
		font-size: 100%;
		line-height: 2;
		margin-top: 20px;
		letter-spacing: 0.04em;
	}
	.si_about-area .text-imega .image {
		width: 100%;
	}
}

/*  si_group
------------------------------------------------*/

.si_about-area .si_group {
	display: flex;
	margin-top: 60px;
	justify-content: space-between;
	gap: 0 8px;
}
.si_about-area .si_group .box {
	width: 48.2%;
	display: flex;
}
.si_about-area .si_group .box:last-child {
	display: flex;
	flex-direction: row-reverse;
}
.si_about-area .si_group .box .textbox {
	width: 56%;
	background-color: #fff;
	padding: 30px 30px 25px;
}
.si_about-area .si_group .box .textbox dt {
	background-color: #43434C;
	color: #fff;
	padding: 7px;
	text-align: center;
	border-radius: 8px;
	line-height: 1.5;
}
.si_about-area .si_group .box .textbox dd {
	margin-top: 15px;
}
.si_about-area .si_group .box .textbox ul {
	font-size: 88.888%;
}
.si_about-area .si_group .box .textbox ul li {
	position: relative;
	padding-left: 15px;
}
.si_about-area .si_group .box .textbox ul li:before {
	content: '・';
	position: absolute;
	left: 0;
}
.si_about-area .si_group .box .textbox .summary {
	margin-top: 10px;
	text-align: center;
}
.si_about-area .si_group .box .textbox .summary strong {
	border-bottom: 2px solid #242424;
	display: inline-block;
	padding: 0 10px 2px;
	font-size: 111.111%;
	width: 100%;
}
.si_about-area .si_group .box .image {
	width: 44%;
	object-fit: contain;
	background: #D8D8D8;
}

@media screen and (max-width: 1200px) {
	.si_about-area .si_group .box .image {
		width: 100%;
		width: 100%;
		height: 250px;
	}
	.si_about-area .si_group .box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.si_about-area .si_group .box:last-child {
	    display: flex;
	    flex-direction: column-reverse;
	}
	.si_about-area .si_group .box .textbox {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.si_about-area .si_group {
		display: flex;
		margin-top: 16px;
		justify-content: center;
		flex-wrap: wrap;
		gap: 12px;
	}
	.si_about-area .si_group .box {
		display: flex;
		flex-direction: column;
	}
	.si_about-area .si_group .box:last-child {
		display: flex;
		flex-direction: column-reverse;
	}
	.si_about-area .si_group .box .textbox {
		width: 100%;
		padding: 20px 30px 40px;
	}
	.si_about-area .si_group .box .textbox dt {
		background-color: #43434C;
		color: #fff;
		padding: 7px;
		text-align: center;
		border-radius: 8px;
		line-height: 1.5;
	}
	.si_about-area .si_group .box .textbox dd {
		margin-top: 15px;
	}
	.si_about-area .si_group .box .textbox ul {
		font-size: 100%;
		line-height: 1.75;
	}
	.si_about-area .si_group .box .textbox ul li {
		padding-left: 15px;
	}
	.si_about-area .si_group .box .textbox ul li:before {
		content: '・';
		position: absolute;
		left: 0;
	}
	.si_about-area .si_group .box .textbox .summary {
		margin-top: 10px;
	}
	.si_about-area .si_group .box .textbox .summary strong {
		border-bottom: 2px solid #242424;
		display: inline-block;
		padding: 0 25px 5px;
		font-size: 125%;
		letter-spacing: 0;
	}
	.si_about-area .si_group .box .image {
		width: 100%;
		height: auto;
	}
	.si_about-area .si_group .mul {
		width: 26px;
	}
}

/*  box-white
------------------------------------------------*/

.si_box-white {
	background-color: #fff;
	padding: 60px 5.1%;
	margin-top: 45px;
	border-radius: 8px;
}
.si_box-white .text-imega {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.si_box-white .text-imega .textbox {
	width: 61.5%;
}
.si_box-white .text-imega .textbox .text {
	font-size: 100%;
	margin-top: 40px;
}
.si_box-white .text-imega .image {
	width: 32.6%;
}

@media screen and (max-width: 767px) {
	.si_box-white + .si_box-white {
		margin-top: 20px;
	}
	.si_box-white {
		padding: 30px;
		margin-top: 35px;
		border-radius: 8px;
	}
	.si_box-white .text-imega {
		display: flex;
		gap: 30px;
		flex-direction: column;
	}
	.si_box-white .text-imega .textbox {
		width: 100%;
	}
	.si_box-white .text-imega .textbox .text {
		line-height: 2;
		margin-top: 20px;
		letter-spacing: 0.04em;
	}
	.si_box-white .text-imega .image {
		width: 100%;
	}

	
}

/*  large
------------------------------------------------*/

.si_box-white .text-imega .image.large {
	width: 42.3%;
}
.si_box-white .text-imega .image.large  + .textbox {
	width: 51.9%;
}
@media screen and (max-width: 767px) {
	
	.si_box-white .text-imega .image.large {
		width: 100%;
	}
	.si_box-white .text-imega .image.large  + .textbox {
		width: 100%;
	}
}

/*  sp-reverse
------------------------------------------------*/

@media screen and (max-width: 767px) {
	.si_box-white .text-imega.sp-reverse {
		flex-direction: column-reverse;
	}
}


/*  link-back
------------------------------------------------*/

.si_link-back:not(:first-child) {
	margin-top: 60px;
}
.si_link-back {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 300px;
	background-color: #fff;
	text-align: center;
	border: 1px solid #D8D8D8;
	padding: 20px;
}
.si_link-back .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.si_link-back picture {
	height: 100%;
}
.si_link-back .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.si_link-back .textbox {
	position: relative;
	width: 100%;
}
.si_link-back .title {
	font-size: 133.333%;
}
.si_link-back .text {
	font-size: 88.888%;
	margin-top: 20px;
}

@media screen and (max-width: 767px) {

	.si_link-back:not(:first-child) {
		margin-top: 30px;
	}
	.si_link-back {
		padding: 0;
		display: flex;
		flex-direction: column;
		background-color: #FDFCF8;
	}
	.si_link-back .image {
	    position: unset;
	}

	.si_link-back .textbox {
		padding: 20px 30px 30px;
	}
	.si_link-back .title {
		font-size: 112.5%;
		line-height: 1.33;
	}
	.si_link-back .text {
		font-size: 87.5%;
		margin-top: 10px;
		line-height: 1.5;
	}
}


/*  features-slider
------------------------------------------------*/
.si_features-slider {
	margin-top: 60px;
	position: relative;
}
.si_features-slider .slick-list {
  margin: 0 -20px;
}
.si_features-slider .item {
  margin: 0 20px;
}
.si_features-slider.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.si_features-slider .slick-prev,
.si_features-slider .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	content: none;
	width: 40px;
	height: 40px;
	z-index: 100;
	transition: all .3s;
}
.si_features-slider .slick-prev {
	left: -20px;
}
.si_features-slider .slick-next {
	right: -20px;
}
 @media (min-width: 768px) {
	.si_features-slider .slick-prev:hover,
	.si_features-slider .slick-next:hover {
		opacity: 0.7;
	}
}
.si_features-slider .slick-prev:before,
.si_features-slider .slick-next:before {
  content: none;
}

@media screen and (max-width: 767px) {
	.si_features-slider {
		margin-top: 30px;
	}
	.si_features-slider .slick-prev,
	.si_features-slider .slick-next {
	  position: absolute;
	  top: 100%;
	  transform: translateY(-50%);
	  content: none;
	  width: 40px;
	  height: 40px;
	  z-index: 100;
	}
	.si_features-slider .slick-prev {
		left: 0;
	}
	.si_features-slider .slick-next {
		right: 0;
	}
}

/*  area-area
========================================================================*/

.si_area-area {
    margin-right: min(5.20833%, 100px);
    margin-bottom:  100px;
    background: #F5F4F0;
    border-radius: 16px;
}
.si_area-area__wrapper {
    padding-left: min(5.20833%, 100px);
}
.si_area-area .inner {
	width: calc(100% - 80px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 100px 0;
}
.si_partner-list-table-box .title {
	font-size: 133.3333%;
	letter-spacing: 0.1em;
	margin-top: 60px;
}
.si_partner-list-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  border: none;
  margin-top: 30px;
}
.si_partner-list-table th,
.si_partner-list-table td {
  border: 1px solid #D8D8D8;
  border-left: none;
  border-right: none;
  padding: 1em;
  text-align: left;
  padding: 15px 30px;
  background-color: #fff;
}
.si_partner-list-table thead th {
  background-color: #83838C;
  color: #fff;
  border: 2px solid #83838C;
}
.si_area-area .si-category-h3 {
	letter-spacing: 0;
}
.si_area-area  .si_category-text {
	margin-top: 30px;
}
.si_category-text {
	font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
	.si_area-area .si-category-h3 {
		letter-spacing: 0.1em;
	}
	.si_area-area {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 50px;
	}
	.si_area-area__wrapper {
		padding-left: 0;
	}
	.si_area-area .inner {
		width: calc(100% - 40px);
		padding: 50px 0;
	}
	.si_partner-list-table-box .title {
		font-size: 112.5%;
		letter-spacing: 0;
		margin-top: 20px;
	}
    .si_partner-list-table {
      border-collapse: collapse;
      table-layout: fixed;
      width: 100%;
      text-align: center;
      border: none;
      margin-top: 15px;
    }
    .si_partner-list-table th,
    .si_partner-list-table td {
      padding: 1em;
      text-align: left;
      font-size: 75%;
      padding: 11px 7px;
    }
    .si_partner-list-table thead th {
      padding: 6px 7px;
    }
    .si_partner-list-table thead th:first-child {
      width: 58.55%;
    }
    .si_partner-list-table thead th:last-child {
      width:41.5%;
    }
	.si_area-area  .si_category-text {
		margin-top: 10px;
	}
	.si_category-text {
		font-size: 1rem;
	}
}

/* imagebox
========================================================================*/

/*  caption */
.si_imagebox .caption:not(:first-child) {
	margin-top: 10px;
}
.si_imagebox.title-top .caption:not(:first-child) {
	margin-top: 40px;
}
.si_brown-accordion .si_imagebox .caption {
	font-size: 77.7777%;
}
.si_brown-accordion .si_imagebox .caption.large {
	font-size: 100%;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.si_imagebox .caption:not(:first-child) {
		margin-top: 5px;
		font-size: 100%;
	}
	.si_brown-accordion .si_imagebox .caption {
		font-size: 75%;
		line-height: 1.5;
		color:#43434C;
	}
	.si_brown-accordion .si_imagebox .caption.large  {
		font-size: 100%;
		text-align: left;
		line-height: 2;
	}
}

/*  imagebox col-2 
------------------------------------------------*/

.si_category-h5 + .si_imagebox.col-2 {
	margin-top: 20px;
}
.si_imagebox.col-2 {
	display: flex;
	margin-top: 40px;
	gap: 40px;
}
.si_imagebox.col-2 .box {
	width: calc(50% -  20px);
}
.si_imagebox.col-2 .box.large {
	width: 56%;
}
.si_imagebox.col-2 .box.large + .box {
	width: 39.65517%;
}

@media screen and (max-width: 767px) {
	.si_imagebox.col-2 {
		display: flex;
		margin-top: 35px;
		gap: 20px;
		flex-direction: column;
	}
	.si_imagebox.col-2 .box {
		width: 100%;
	}
	.si_imagebox.col-2 .box.large {
		width: 100%;
	}
	.si_imagebox.col-2 .box.large + .box {
		width: 100%;
	}
}

/*  imagebox col-3
------------------------------------------------*/

.si_imagebox.col-3 {
	display: flex;
	margin-top: 30px;
	gap: 40px;
	justify-content: space-between;
}
.si_imagebox.col-3 .box {
	width: 31.37254%;
}
.vimagebox.col-3 .box.large {
	width: 56%;
}
.vimagebox.col-3 .caption {
	font-size: 87.5%;
}

@media screen and (max-width: 767px) {
	.si_imagebox.col-3 {
		display: flex;
		margin-top: 20px;
		gap: 20px;
		flex-direction: column;
	}
	.si_imagebox.col-3 .box {
		width: 100%;
	}
}

/*  imagebox col-4
------------------------------------------------*/

.si_imagebox.col-4 {
	display: flex;
	margin-top: 30px;
	gap: 40px;
	justify-content: space-between;
}
.si_imagebox.col-4 .box {
	width: 22.11538%;
}
.si_imagebox.col-4 .caption {
	font-size: 100%;
}

@media screen and (max-width: 767px) {
	.si_imagebox.col-4{
		display: flex;
		margin-top: 20px;
		gap: 20px;
		flex-wrap: wrap;
	}
	.si_imagebox.col-4 .box {
		width: 46.59863%;
	}
}

/*  title-top
------------------------------------------------*/
.si_imagebox.title-top .box{
	border: 1px solid #D8D8D8;
	border-radius: 8px;
}
.si_imagebox.title-top .box .textbox {
	padding: 10px 30px 30px;
}
.si_imagebox.title-top .box .title {
	background-color: #43434C;
	color: #fff;
	padding: 12px;
	text-align: center;
	border-radius: 8px 8px 0 0;
	font-size: 100%;
	letter-spacing: 0.1em;
	line-height: 1.5;
	display: block;
	font-weight: bold;
}
.si_imagebox.title-top .box .title.light-gray {
	background-color: #83838C;
}
@media screen and (max-width: 767px) {
	.si_imagebox.title-top {
		margin-top: 25px;
	}
	.si_imagebox.title-top .box .title {
		padding: 16px;
	}
	.si_imagebox.title-top .box .textbox {
		padding: 10px 20px 25px;
	}
}

/*  point-list
------------------------------------------------*/
.si_point-list {
	margin-top: 50px;
}
.si_point-list .box:not(:first-child) {
	margin-top: 30px;
}
.si_point-list .box {
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-size: 200px;
}
.si_point-list .box:nth-child(1) {
	background-image: url("../../assets2025/img/img_point_01.png");
}
.si_point-list .box:nth-child(2) {
	background-image: url("../../assets2025/img/img_point_02.png");
}
.si_point-list .box:nth-child(3) {
	background-image: url("../../assets2025/img/img_point_03.png");
}
.si_point-list .box:nth-child(4) {
	background-image: url("../../assets2025/img/img_point_04.png");
}
.si_point-list .box {
	border: 1px solid #D8D8D8;
	padding: 40px;
}
.si_point-list .title {
	font-size: 133.333%;
	display: flex;
	gap: 40px;
	align-items: center;
	line-height: 1.5;
}
.si_point-list .title span {
	font-size: 88.888%;
	color: #C03F3F;
	display: flex;
	flex-direction: column;
	width: 54px;
	align-items: center;
	line-height: 1;
}
.si_point-list .title strong {
	font-size: 187.5%;
	color: #242424;
	border-top: 1px solid #333;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	margin-top: 10px;
}
.si_point-list .text {
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.si_point-list {
		margin-top: 25px;
	}
	.si_point-list .box:not(:first-child) {
		margin-top: 15px;
	}
	.si_point-list .box {
		padding: 20px;
		background-position: top 20px right 20px;
	}
	.si_point-list .title {
		display: flex;
		font-size: 112.5%;
		gap: 20px;
		letter-spacing: 0.1em;
		align-items: flex-start;
	}
	.si_point-list .title span {
		font-size: 87.5%;
		font-weight: normal;
		letter-spacing: 0.04em;
		margin-top: 4px;
	}
	.si_point-list .title strong {
		font-size: 150%;
		padding-top: 5px;
	}
	.si_point-list .text {
		margin-top: 5px;
	}
}

/*  p-more
------------------------------------------------*/

.si_p-more:not(:first-child) {
	margin-top: 60px;
}
.si_p-more .box.hide {
	display: none;
}
.si_p-more .box:not(.hide) {
	animation: more-fade .4s ease-in-out 0s;
}
@keyframes more-fade {
	0% {opacity: 0; transform: translateY(20px);}
	100% {opacity: 1; transform: translateY(0);}
}
@media screen and (max-width: 767px) {
	.si_p-more:not(:first-child) {
		margin-top: 40px;
	}
}

/*  voice-area
========================================================================*/

.si_voice-area {
	padding: 180px 40px;
	text-align: center;
	background-image: url("../../assets2025/img/img_voice_bg.jpg");
	background-size: cover;
	color: #fff;
}
.si_voice-area .title {
	font-size: 222.222%;
	letter-spacing: 0.1em;
}
.si_voice-area .text {
	font-size: 122.222%;
	margin-top: 30px;
	font-weight: bold;
	line-height: 1.59;
}
.si_voice-area .si_button:not(:first-child) {
	margin-top: 50px;
}

@media screen and (max-width: 767px) {
	.si_voice-area {
		padding: 140px 20px;
		background-image: url("../../assets2025/img/img_voice_bg_sp.jpg");
	}
	.si_voice-area .title {
		font-size: 150%;
		letter-spacing: 0.1em;
	}
	.si_voice-area .text {
		font-size: 100%;
		font-weight: normal;
		line-height: 2;
		margin-top: 15px;
		text-align: left;
	}
	.si_voice-area .si_button:not(:first-child) {
		margin-top: 30px;
	}
}


/*  faq-area
========================================================================*/

.si_faq-area {
	border-top: 1px solid #C9CACA;
	padding-top: 100px;
}

@media screen and (max-width: 767px) {
	.si_faq-area {
		padding-top: 60px;
	}
	.si_faq-area .title {
		margin-top: 25px;
		font-size: 112.5%;
		letter-spacing: 0em;
	}
}

/*  accordion_category
------------------------------------------------*/
.si_faq-acc-wrapper {
	margin-top: 50px;
}
.si_acc-cat {
	border-bottom: 1px solid #D8D8D8;
}
.si_acc-cat .acc-cat__title > div {
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.5;
	padding: 30px 0;
	cursor: pointer;
	position: relative;
	transition: all .3s;
}
 @media (min-width: 768px) {
    .si_acc-cat .acc-cat__title > div:hover {
        background-color: #fafaf9;
    }
}
.si_acc-cat .acc-cat__title > div:before,
.si_acc-cat .acc-cat__title > div:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	width: 18px;
	height: 2px;
	background: #000;
	transition: all .3s;
}
.si_acc-cat .acc-cat__title > div:after {
	transform: rotate(90deg);
}
.si_acc-cat.active .acc-cat__title > div:after {
	transform: rotate(360deg);
}

@media screen and (max-width: 767px) {

	.si_faq-acc-wrapper {
		margin-top: 20px;
	}
	.si_acc-cat .acc-cat__title > div {
		font-size: 1.125rem;
		padding: 20px 0;
	}
	
}

/*  accordion-q&a
------------------------------------------------*/

.si_acc-qa {
	border-top: 1px solid #EBEDEF;
}
.si_acc-qa > div {
	background: #fff;
}
.si_acc-qa .question > div {
	padding: 20px 25px;
}
.si_acc-qa .question p {
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 1.125rem;
}
.si_acc-qa .content > div {
	padding: 0px 20px 20px 30px;
}
.si_acc-qa .content p {
	display: flex;
	align-items: center;
	font-size: 1rem;
}
.si_acc-qa .qa-q,
.si_acc-qa .qa-a {
	margin-right: 15px;
	font-size: 133.3333%;
	line-height: 1;
	font-weight: normal;
}
.si_acc-qa .qa-q {
	color: #C03F3F;
}
.si_acc-qa .qa-a {
	color: #3C3C3C;
}

@media screen and (max-width: 767px) {
	.si_acc-qa .question p {
		font-weight: normal;
		font-size: 1rem;
	}
	.si_acc-qa .question > div {
		padding: 15px 10px;
		letter-spacing: 0;
	}
	.si_acc-qa .content > div {
		padding: 0 10px 15px 10px;
	}
	.si_acc-qa .content p {
		letter-spacing: 0;
	}
	.si_acc-qa .qa-q,
	.si_acc-qa .qa-a {
		margin-right: 13px;
		font-size: 1rem;
		font-weight: bold;
	}
}

/*  brown-accordion
------------------------------------------------*/

.si_brown-accordion {
	margin-top: 60px;
	background: #F5F4F0;
	border-radius: 8px;
}
.si_brown-accordion .trigger {
	position: relative;
	padding: 20px 70px 20px 25px;
	font-weight: bold;
	cursor: pointer;
	font-size: 122.222%;
	letter-spacing: 0.1em;
}
.si_brown-accordion .trigger:before,
.si_brown-accordion .trigger:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	width: 18px;
	height: 2px;
	background: #000;
	transition: all .3s;
}
.si_brown-accordion .trigger:after {
	transform: rotate(90deg);
}
.si_brown-accordion.active .trigger:after {
	transform: rotate(360deg);
}
.si_brown-accordion .content {
	padding: 30px 60px 60px;
}
.si_brown-accordion .title-top .box {
    border: none;
    background-color: #fff;
    border-radius: 8px;
}
.si_brown-accordion .title-top .box .box__inner {
	padding: 40px;
}
.si_brown-accordion .caption {
	color: #242424;
}

@media screen and (max-width: 767px) {
	.si_brown-accordion {
		margin-top: 30px;
	}
	.si_brown-accordion .trigger {
		padding: 16px 48px 16px 20px;
		font-size: 100%;
		letter-spacing: 0.04em;
		line-height:1.5;
	}
	.si_brown-accordion .title-top .box .box__inner {
		padding: 20px;
	}
	.si_brown-accordion .content {
		padding: 10px 20px 30px;
	}
}


/*  news-area
========================================================================*/

.si_news-area {
	margin-top: 100px;
}

@media screen and (max-width: 767px) {
	.si_news-area {
		margin-top: 50px;
	}
}

/*  category
------------------------------------------------*/

.si_category a {
	text-decoration: none;
	/* position: relative; */
}
.si_category a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.si_category a.pbOpenNewWindow:after {
	content: '';
	background: url(../../assets2025/img/ic_blank.svg) no-repeat center center / contain;
	width: 15px;
	height: 15px;
	margin-left: 8px;
	display: inline-block;
}
.si_category tr {
	border-bottom: 1px solid #D8D8D8;
	position: relative;
	display: block;
}
 @media (min-width: 768px) {
    .si_category tr:hover {
        background-color: #fafaf9;
        transition: all .3s;
    }
}
.si_category td {
	padding: 20px 0;
}
@media screen and (max-width: 767px) {
	.si_category tr {
		padding: 20px 0;
		display: block;
	}
	.si_category td {
		width: 100%;
		display: block;
		padding: 0;
		letter-spacing: 0;
	}
	.si_category td + td {
		margin-top: 10px;
	}
}

/*========================================================================

  component

========================================================================*/

.news_mainvisual img {
	width: 100%;
}

/*  section
========================================================================*/

.c_section > div {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 70px 0;
}

@media screen and (max-width: 767px) {
	.c_section > div {
		padding: 40px 0;
	}
}

/*  h1
========================================================================*/

.c_h1 > div {
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 30px;
}
.c_h1 .h1 {
	font-size: 255.5555%;
	line-height: 1.3;
	letter-spacing: 0.1em;
}
.c_h1 .date {
	margin-top: 65px;
	letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
	.c_h1 > div {
		border-bottom: 1px solid #D8D8D8;
		padding-bottom: 15px;
	}
	.c_h1 .h1 {
		font-size: 150%;
		line-height: 1.5;
	}
	.c_h1 .date {
		font-size: 87.5%;
		margin-top: 30px;
		letter-spacing: 0.04em;
	}
}

/*  h2
========================================================================*/

.c_h2:not(:first-child) {
	margin-top: 100px;
}
.c_h2 + div:not(:first-child) {
	margin-top: 40px;
}
.c_h2 {
	font-size: 177.7777%;
	line-height: 1.3;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
	.c_h2:not(:first-child) {
		margin-top: 50px;
	}
	.c_h2 + div:not(:first-child) {
		margin-top: 25px;
	}
	.c_h2 {
		font-size: 125%;
		line-height: 1.5;
	}
}

/*  h3
========================================================================*/

.c_h3:not(:first-child) {
	margin-top: 40px;
}
.c_h3 + div:not(:first-child) {
	margin-top: 30px;
}
.c_h3 {
	font-size: 133.333%;
	line-height: 1.3;
	letter-spacing: 0.1em;
	background-color: #F5F4F0;
	padding: 15px 24px;
	border-radius: 8px;
}

@media screen and (max-width: 767px) {

	.c_h3:not(:first-child) {
		margin-top: 60px;
	}
	.c_h3 + div:not(:first-child) {
		margin-top: 20px;
	}
	.c_h3 {
		font-size: 112.5%;
		line-height: 1.5;
		padding: 10px 16px;
	}
}

/*  style
========================================================================*/

.c_style:not(:first-child) {
    margin-top: 30px;
}

/*  image
========================================================================*/

.c_image:not(:first-child) {
	margin-top: 30px;
}
.c_image a {
	overflow: hidden;
	display: inline-block;
}
@media (min-width: 768px) {
	.c_image a:hover img {
		transform: scale(1.1);
	}
}

@media screen and (max-width: 767px) {
	.c_image:not(:first-child) {
		margin-top: 20px;
	}
}

/*  imagebox
========================================================================*/

.c_imagebox:not(:first-child) {
	margin-top: 40px;
}
.c_imagebox .box > div {
	display: flex;
	flex-flow: column;
	height: 100%;
}
.c_imagebox .image:not(:first-child) {
	margin-top: 15px;
}
.c_imagebox .image {
	flex-shrink: 0;
	background: #ddd;
	text-align: center;
}
.c_imagebox .image a {
	overflow: hidden;
	display: block;
}
@media (min-width: 768px) {
	.c_imagebox .image a:hover img {
		transform: scale(1.1);
	}
}
.c_imagebox .caption:not(:first-child) {
	margin-top: 10px;
}
.c_imagebox .caption {
	font-size: 77.7777%;
}

@media screen and (max-width: 767px) {
	.c_imagebox:not(:first-child) {
		margin-top: 25px;
	}
	.c_imagebox .box:not(:first-child) {
		margin-top: 25px;
	}
	.c_imagebox .caption:not(:first-child) {
		margin-top: 5px;
	}
	.c_imagebox .caption {
		font-size: 75%;
	}
}

/*  col-1
------------------------------------------------*/

.c_imagebox.col-1 > div {
	display: table;
	margin: 0 auto;
}
.c_imagebox.col-1 .image {
	min-width: 100px;
}

@media screen and (max-width: 767px) {
.c_imagebox.col-1 .image {
	margin: 0 -20px;
}

}

/*  col-2
------------------------------------------------*/

@media print, screen and (min-width: 768px) {
	.c_imagebox.col-2 > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.c_imagebox.col-2 > div:after {
		display: none;
	}
	.c_imagebox.col-2 .box {
		width: 48.3%;
	}
	.c_imagebox.col-2 .box:nth-child(n+3) {
		margin-top: 45px;
	}
	.c_imagebox.col-2 .title {
		font-size: 160%;
	}
}


/*  image-text
========================================================================*/

.c_image-text:not(:first-child) {
	margin-top: 60px;
}
.c_image-text > div {
	display: flex;
	justify-content: space-between;
}
.c_image-text > div:after {
	display: none;
}
.c_image-text .image,
.c_image-text .text {
	width: 48.3%;
}
.c_image-text .image {
	background: #ddd;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.c_image-text:not(:first-child) {
		margin-top: 25px;
	}
	.c_image-text > div {
		flex-direction: column;
	}
	.c_image-text .image:not(:first-child) {
		margin-top: 20px;
	}
	.c_image-text .image,
	.c_image-text .text {
		width: 100%;
	}
	.c_image-text .image > div {
		display: table;
		margin: 0 auto;
	}
	.c_image-text .text {
		margin-top: 15px;
	}
}

/*  table
========================================================================*/

.c_style:has(table):not(:first-child) {
	margin-top: 60px;
}
.c_style table th,
.c_style table td {
	padding: 18px 30px;
	background: #fff;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
.c_style table th {
	background: #83838C;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.c_style thead th:not(:first-child) {
	background: #666;
}
.c_style thead td {
	background: #999;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.c_style table {
		font-size: 90%;
	}
	.c_style table th {
		padding: 18px;
	}
	.c_style table td {
		padding: 20px;
	}
}

/*  table-col
------------------------------------------------*/

.c_style.table-col table {
	width: 100%;
	table-layout: fixed;
}

@media screen and (max-width: 767px) {
	.c_style.table-col table,
	.c_style.table-col thead,
	.c_style.table-col tbody,
	.c_style.table-col tr,
	.c_style.table-col th,
	.c_style.table-col td {
		display: block;
		width: 100%!important;
		height: auto!important;
	}
	.c_style.table-col th {
		border: none;
	}
	.c_style.table-col td {
		border-top: none;
	}
	.c_style.table-col tr:not(:last-child) td:last-child {
		border-bottom: none;
	}
}

/*  link
========================================================================*/

.c_link:not(:first-child) {
	margin-top: 80px;
}
.c_link > div  {
	background-color: #F5F4F0;
	padding: 50px 60px;
	border-radius: 16px;
}
.c_link li:not(:first-child)  {
	padding-top: 25px;
}
.c_link a  {
	font-weight: bold;
	text-decoration: none;
}

@media (min-width: 768px) {
    .c_link a:hover {
        text-decoration: underline;
    }
}
.c_link a {
	position: relative;
	padding-right: 15px;
}
.c_link a:after {
	content: '';
	position: absolute;
	top: 50%;
	right:0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 2px solid #242424;
	border-right: 2px solid #242424;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
.c_link a[target=_blank],
.c_link a.pbOpenNewWindow,
.c_link a[href$='.pdf'] {
	padding-right: 20px;
}
.c_link a[target=_blank]:after,
.c_link a.pbOpenNewWindow:after,
.c_link a[href$='.pdf']:after {
	border: none;
	transform: translateY(-50%);
}
.c_link a[target=_blank]:after,
.c_link a.pbOpenNewWindow:after {
	background: url(../../assets2025/img/ic_blank.svg) no-repeat center center / contain;
	width: 15px;
	height: 15px;
	margin-left: 15px;
}
.c_link a[href$='.pdf']:after {
	background: url(../../assets2025/img/ic_pdf.svg) no-repeat center center / contain;
	width: 18px;
	height: 20px;
}

@media screen and (max-width: 767px) {
	.c_link:not(:first-child) {
		margin-top: 40px;
	}
	.c_link > div  {
		padding: 20px;
		border-radius: 16px;
	}
	.c_link li:not(:first-child)  {
		padding-top: 10px;
	}
}

/*========================================================================

  features

========================================================================*/

/*  si-dj_mainvisual
========================================================================*/

.si-dj_mainvisual {
    background-image: url(../../features/assets/img/dj_main_pc.jpg);
    background-size: cover;
    background-position: center;
    height: 40.625vw;
    max-height: 780px;
    display: flex;
    align-items: center;
}
.si-dj_mainvisual .inner {
	width: calc(100% - 80px);
	max-width: 1400px;
	margin: 0 auto;
	color: #fff;
	line-height: 1.5;
}
.si-dj_mainvisual .title {
	font-size: min(3.02083vw, 3.625rem);
	letter-spacing: 0.1em;
	text-shadow: 0 3px 30px rgb(0 0 0 / 40%);
}
.si-dj_mainvisual .title .subtitle  {
	font-size: min(1.45833vw, 1.75rem);
	display: block;
	margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
	.si-dj_mainvisual {
	    background-image: url(../../features/assets/img/dj_main_sp.jpg);
	    height: 470px;
	}
	.si-dj_mainvisual .inner {
		padding: 46px 0;
		width: calc(100% - 40px);
	}
	.si-dj_mainvisual .title {
		font-size: 1.625rem;
		line-height: 1.61;
		letter-spacing: 0;
	}
	.si-dj_mainvisual .title .subtitle  {
		font-size: 1.125rem;
		line-height: 1.68;
		margin-bottom: 15px;
		letter-spacing: 0.1em;
	}
}

/*  light-section
========================================================================*/

.si_light-section {
	background-color: #F5F4F0;
}
.si_light-section .inner {
	width: calc(100% - 40px);
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 0;
}

@media screen and (max-width: 767px) {
	.si_light-section .inner {
		padding: 30px 0;
	}
}

/*  white-section
========================================================================*/

.si_white-section .inner {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 90px 0 135px;
}

@media screen and (max-width: 767px) {
	.si_white-section .inner {
		padding: 45px 0 50px;
	}
}

/*  small
------------------------------------------------*/
.si_white-section.small .inner {
	padding: 0 0 100px;
}
@media screen and (max-width: 767px) {
	.si_white-section.small .inner {
		padding: 0 0 50px;
	}
}

/*  
========================================================================*/

.si_anchor {
    display: flex;
    justify-content: center;
    gap: 38px;
    align-items: flex-end;
}
.si_anchor .link {
	max-width: 360px;
	width: 100%;
}
.si_anchor a {
	width: 100%;
	display: inline-block;
	padding: 20px 10px 20px 12px;
	border-bottom: 1px solid #242424;
	font-size: 122.222%;
	color: #291A14;
	letter-spacing: 0.06em;
	position: relative;
	text-decoration:none;
	line-height: 1.5;
}
.si_anchor a:after {
	content: '';
	position: absolute;
	bottom: 34px;
	right: 15px;
	margin: auto;
	width: 6px;
	height: 6px;
	border-right: 2px solid #242424;
	border-bottom: 2px solid #242424;
	transform: rotate(45deg);
}
@media (min-width: 768px) {
   .si_anchor a:hover {
	   color: rgba(36, 36, 36, 0.7);
	   background-color: #F5F4F0;
    }
}

@media screen and (max-width: 767px) {
	.si_anchor {
	    display: flex;
	    gap: 30px;
	    flex-wrap: wrap;
		width: 100%;
	}
	.si_anchor a {
		width: 100%;
		font-size: 100%;
		padding: 0 10px 25px 12px;
		letter-spacing: 0.04em;
	}
}

/*  point-h3
========================================================================*/

.si_point-h3:not(:first-child) {
	margin-top: 40px;
}
.si_point-h3 {
	font-size: 133.333%;
	line-height: 1.5;
	letter-spacing: 0.1em;
	background-color: #F5F4F0;
	padding: 15px 15px 15px 0px;
	border-radius: 8px;
	display: flex;
}
.si_point-h3 .num {
	border: 1px solid #707070;
	background-color: #43434C;
	padding: 15px 9px 15px 11px;
	border-radius: 8px 0 0 8px;
	color: #fff;
	font-size: 133.333%;
	line-height: 1;
	margin: -15px 0;
	margin-right: 20px;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.si_point-h3:not(:first-child) {
		margin-top: 30px;
	}
	.si_point-h3 {
		font-size: 112.5%;
		padding: 10px 10px 10px 0px;
		letter-spacing: 0.06em;
	}
	.si_point-h3 .num {
		font-size: 100%;
		margin: -10px 10px -10px 0;
	}
}

hr {
	margin-top: 30px;
}

/*  light-section2
========================================================================*/

.si_light-section2 {
    width: calc(100% - 10.4166%);
    background: #F5F4F0;
    border-radius: 16px;
    margin: 100px auto;
}
.si_features-area2 .inner {
	width: calc(100% - 80px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 60px 0;
}
.before_after_slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin-top: 35px;
}
@media screen and (max-width: 767px) {
	.before_after_slider {
		position: unset;
		overflow: unset;
	}
	.before_after_slider__inner {
		margin: 0 -20px;
		position: relative;
		overflow: hidden;
	}
}
 
/*  before
========================================================================*/
.box_before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 85%;
	height: 100%;
}
.box_before img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
}
.box_before::before {
	content: '';
	z-index: 1;
	position: absolute;
	top: 0;
	right: -42px;
	bottom: 0;
	width: 82px;
	height: 82px;
	margin: auto;
	background: url("../../assets2025/img/before-after_arrow.svg") no-repeat center center / contain;
	display: block;
}
.slider_range {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: col-resize;
}

@media screen and (max-width: 767px) {
	.box_before::before {
		right: -20px;
		bottom: 0;
		width: 40px;
		height: 40px;
	}
}

/*  line
========================================================================*/

.si_line {
	margin-top: 60px;
}
hr.si_line {
	border: none;
	border-top: 1px solid #D8D8D8;
}

@media screen and (max-width: 767px) {
	.si_line {
		margin-top: 25px;
	}
}

/*  si_point-h4
========================================================================*/

.si_imagebox.col-2 + .si_point-h4 {
	margin-top: 65px;
}
.si_point-h4 {
	font-size: 122.222%;
	margin-top: 40px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.si_imagebox.col-2 + .si_point-h4 {
		margin-top: 35px;
	}
	.si_point-h4 {
		font-size: 100%;
		margin-top: 30px;
		letter-spacing: 0.04em;
		line-height: 1.5;
	}
}


/*  image-text
========================================================================*/

.si_image-text:not(:first-child) {
	margin-top: 60px;
}
.si_image-text {
	display: flex;
	justify-content: space-between;
}
.si_image-text .imagebox,
.si_image-text .textbox {
	width: 48%;
}
.si_image-text .image,
.si_image-text .text {
	width: 100%;
}
.si_image-text .image {
	text-align: center;
}

@media screen and (max-width: 767px) {
	.si_image-text:not(:first-child) {
		margin-top: 50px;
	}
	.si_image-text {
		display: flex;
		flex-wrap: wrap;
	}
	.si_image-text.sp-reverse {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.si_image-text.sp-reverse .imagebox {
		margin-top: 30px;
	}
	.si_image-text.sp-reverse .textbox:not(:first-child) {
		margin-top: 0;
	}
	.si_image-text > div {
		flex-direction: column;
	}
	.si_image-text .imagebox:not(:first-child),
	.si_image-text .textbox:not(:first-child) {
		margin-top: 25px;
	}
	.si_image-text .imagebox,
	.si_image-text .textbox {
		width: 100%;
	}
	.si_image-text .image:not(:first-child) {
		margin-top: 20px;
	}
	.si_image-text .image,
	.si_image-text .text {
		width: 100%;
	}
	.si_image-text .image > div {
		display: table;
		margin: 0 auto;
	}
	.si_image-text .text {
		margin-top: 15px;
	}
}

/*  point-detail
========================================================================*/

.si_point-detail .title {
	background-color: #43434C;
	padding: 15px 20px;
	color: #fff;
	border-radius: 4px;
	line-height: 1.5;
	font-size: 122.2222%;
	letter-spacing: 0.1em;
}
.si_point-detail .subtitle {
	font-size: 81.8181%;
	display: block;
	font-weight: normal;
	letter-spacing: 0.04em;
}
.si_point-detail .lead {
	margin-top: 30px;
	font-size: 177.7777%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.si_point-detail .lead .small {
	font-size: 56%;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
	letter-spacing: 0.04em;
}
.si_point-detail .title + .detail-list {
	margin-top: 0;
}
.si_point-detail .detail-list {
	margin-top: 25px;
}
.si_point-detail .detail-list .box:first-child{
	border-top: 1px solid #D8D8D8;
}
.si_point-detail .detail-list .box {
	border-bottom: 1px solid #D8D8D8;
	display: flex;
	gap: 70px;
	padding: 24px 30px;
}
.si_point-detail .detail-list .text {
	line-height: 1;
	font-weight: bold;
}
.si_point-detail .detail-list .image {
	width: 100px;
}
.si_point-detail .detail-list .text .small {
	font-size: 266.6666%;
	vertical-align: baseline;
}
.si_point-detail .detail-list .text .small-x {
	font-size: 133.3333%;
	vertical-align: baseline;
}
.si_point-detail .detail-list .text .small-xx {
	font-size: 88.8888%;
	display: block;
	vertical-align: baseline;
	margin-bottom: 20px;
}
.si_point-detail .detail-list .text .num {
	font-size: 388.8888%;
	font-weight: bold;
	vertical-align: baseline;
}
.si_point-detail .note {
	font-size: 77.7777%;
	margin-top: 10px;
	text-align: right;
}
.si_point-detail .text-large {
	font-size: 177.7777%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.si_point-detail .text-large .small {
	font-size: 56.25%;
	font-weight: bold;
	display: block;
	letter-spacing: 0.04em;
}

/*  not-image  */
.si_point-detail .detail-list.not-image {
	border: none;
}
.si_point-detail .detail-list.not-image .box,
.si_point-detail .detail-list.not-image .box:first-child {
	padding: 35px 0 25px;
}
@media screen and (max-width: 767px) {
	.si_point-detail .detail-list {
		display: flex;
		border-top: 1px solid #D8D8D8;
		margin-top: 20px;
	}
	.si_point-detail .detail-list.not-image {
		display: flex;
		justify-content: space-between;
		border-top: 1px solid #D8D8D8;
		margin-top: 20px;
		flex-wrap: wrap;
	}
	.si_point-detail .title {
		padding: 10px 20px;
		border-radius: 4px;
		font-size: 100%;
		letter-spacing: 0.08em;
	}
	.si_point-detail .lead {
		margin-top: 15px;
		font-size: 150%;
	}
	.si_point-detail .lead .small {
		font-size: 66.6666%;
	}
	.si_point-detail .detail-list .box:first-child {
		border: none;
	}
	.si_point-detail .detail-list.not-image {
		border: none;
	}
	.si_point-detail .detail-list .box,
	.si_point-detail .detail-list .box:first-child {
		width: 47.14714%;
		display: flex;
		border: none;
		flex-wrap: wrap;
		justify-content: center;
		padding: 24px 12px 0px;
		text-align: center;
		gap: 0 10px;
	}
	.si_point-detail .detail-list.not-image .box:first-child {
		border-bottom: 1px solid #D8D8D8;
		padding: 0 0 10px;
	}
	.si_point-detail .detail-list.not-image .box{
		width: 100%;
		text-align: left;
		display: flex;
		justify-content: flex-start;
		padding: 15px 0 10px;
	}
	.si_point-detail .detail-list .image {
		width: 80px;
		height: 80px;
	}
	.si_point-detail .detail-list .text .num {
		font-size: 261%;
	}
	.si_point-detail .note {
		margin-top: 20px;
	}
	.si_point-detail .detail-list .text .small {
		font-size: 150%;
	}
	.si_point-detail .detail-list .text .small-x {
		font-size: 100%;
	}
}

/*  si_jishin-item
========================================================================*/

.si_jishin-item {
	margin-top: 55px;
	background-color: #fff;
	padding: 55px 40px 125px;
	border-radius: 8px;
	position: relative;
}
.si_jishin-item .title {
	font-size: 177.7777%;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.si_jishin-item .title span {
	font-size: 56.25%;
	display: block;
}
.si_jishin-item .image {
	width: 400px;
	margin-top: 55px;
}
.si_jishin-item .image-map {
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
}

@media screen and (max-width: 767px) {
	.si_jishin-item {
		margin-top: 30px;
		background-color: #fff;
		padding: 20px 20px 274px;
		border-radius: 8px;
		position: relative;
	}
	.si_jishin-item .title {
		font-size: 150%;
		font-weight: bold;
		letter-spacing: 0.1em;
		line-height: 1.5;
	}
	.si_jishin-item .title span {
		font-size: 58.3333%;
		margin-bottom: 10px;
		display: block;
	}
	.si_jishin-item .image {
		width: 162px;
		margin-top: 20px;
	}
	.si_jishin-item .si_note {
		position: relative;
	}
	.si_jishin-item img.image-map {
		position: absolute;
		height: auto;
		top: auto;
		bottom: 0;
	}
}

/*  category-h5
========================================================================*/

.si_category-h5:not(:first-child) {
	margin-top: 60px;
}
.si_category-h5 {
	font-size: 100%;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {

	.si_category-h5:not(:first-child) {
		margin-top: 25px;
	}
}

/*  si_image
========================================================================*/

.si_text + .si_image {
	margin-top: 25px;
}
.si_image {
	margin-top: 60px;
}
.si_image.small img{
	max-width: 760px;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.si_image {
		margin-top: 30px;
	}
}

/*  custom-item
========================================================================*/
.si_custom-item {
	background-color: #F5F4F0;
	padding: 30px 40px 30px;
	border-radius: 16px;
	margin-top: 40px;
}
.si_custom-item .custom-item_title {
	font-size: 122.2222%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.si_custom-item .custom-item_list {
	margin-top: 30px;
}
.si_custom-item .catch {
	margin-top: 30px;
	font-size: 133.3333%;
	font-weight: bold;
	color: #C03F3F;
}

.si_brown-h3 {
	margin-top: 60px;
	font-size: 133.3333%;
	background-color: #F5F4F0;
	padding: 10px 20px;
	letter-spacing: 0.1em;
	border-radius: 8px;
}
.si_custom-item .si_list {
	margin-top: 15px;
}
.si_arrow-item {
	display: flex;
	max-width: 860px;
	margin: 60px auto 0;
	align-items: center;
	justify-content: space-between;
}
.si_arrow-item .box {
	width: 47.6%;
}
.si_arrow-item .arrow img {
	width: 28px;
	height: 100%;
}
.si_arrow-item .title {
	padding: 10px;
	width: 88.888%;
	background-color: #43434C;
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 1.5;
}
.si_arrow-item .title.light-gray {
	background-color: #83838C;
}

.si_arrow-item_caption {
	font-size: 77.7777%;
	text-align: center;
	margin-top: 24px;
	letter-spacing: 0;
}

.anchor {
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}

@media screen and (max-width: 767px) {
	.si_custom-item {
		margin-top: 30px;
		padding: 15px 20px 20px;
		border-radius: 8px;
		line-height: 1.7777;
	}
	.si_custom-item .custom-item_title {
		font-size: 112.5%;
		letter-spacing: 0.04em;
	}
	.si_arrow-item {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 30px auto 0;
		gap: 15px 0;
	}
	.si_arrow-item_caption {
		text-align: left;
		margin-top: 10px;
		line-height: 1.58;
	}
	.si_arrow-item .arrow img {
		width: 77px;
	}
	.si_arrow-item .title {
		padding: 8px 10px;
	}
	.si_arrow-item .box {
		width: 100%;
	}
}


/*  si_features-h2
------------------------------------------------*/

.si_features-h2:not(a:first-child) {
	margin-top: 0;
}
.si_features-h2 {
	font-size: 222.222%;
	letter-spacing: 0.1em;
}
.si_features-h2 .bg {
	position: relative;
	z-index: 1;
}
.si_features-h2 .bg:before {
	content: '';
	background-color: #F5F4F0;
	height: 13px;
	width: 100%;
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: -1;
}
.si_features-h2 .subtitle {
	font-size: 55%;
	display: block;
}

@media screen and (max-width: 767px) {
	
	.si_features-h2 {
		font-size: 150%;
		line-height: 1.5;
	}
	.si_features-h2 .subtitle {
		font-size: 75%;
		display: block;
		margin-bottom: 10px;
	}
	.si_features-h2 .bg:before {
		content: none;
	}

}

/*  si_list
========================================================================*/

ul.si_list {
	margin-top: 40px;
	max-width: 300px;
	letter-spacing: 0.1em;
}
.si_list li {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
	padding-left: 15px;
	position: relative;
}

.si_list li:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 8px;
	height: 8px;
	background: #43434C;
	border-radius: 50%;
}
.custom-item_catch {
	margin-top: 20px;
	font-weight: bold;
	font-size: 133.3333%;
	color: #C03F3F;
	letter-spacing: 0.1em;
}

.si_plan-section {
	width: calc(100% - 10.4166%);
	background-color: #F5F4F0;
	margin: 0 auto 100px;
	border-radius: 8px;
}
.si_plan-section .inner {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 100px 0;
}
.si_plan-white-box  {
	background-color: #fff;
	padding: 60px 60px 50px;
	border-radius: 8px;
	margin-top: 40px;
}
.si_plan-white-box .title {
	font-size: 133.3333%;
	letter-spacing: 0.1em;
	position: relative;
}
.si_plan-white-box .title:before {
	content: "";
	width: 30px;
	height: 2px;
	background-color: #83838C;
	position: absolute;
	bottom: 0;
}
.si_plan-white-box .textbox {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.si_plan-white-box .textbox .text {
	width: 70%;
}
.si_plan-white-box .textbox .date {
  display: flex;
  flex-wrap: wrap;
  width: calc(21.8% + 42px);
  font-size: 77.7777%;
  gap: 0 11.31%;
  border-left: 2px solid #D8D8D8;
  padding-left: 40px;
  line-height: 1.5;
  align-items: center;
}

.si_plan-white-box .textbox .date dt,
.si_plan-white-box .textbox .date dd {
  display: inline-block;
  margin: 0;
}

.si_plan-white-box .textbox .date dt {
  font-weight: bold;
  width: 36.69%;
}

.si_plan-white-box .textbox .date dd {
  font-weight: bold;
  flex: 1; 
  white-space: pre-wrap; 
	width: 52%;
}

@media screen and (max-width: 767px) {
	ul.si_list {
		margin-top: 20px;
	}
	.si_plan-section {
		margin: 0;
		border-radius: 16px;
		width: 100%;
	}
	.si_plan-section .inner {
		padding: 56px 0;
	}
	.si_plan-white-box  {
		padding: 20px 20px 25px;
	}
	.si_plan-white-box .textbox {
		margin-top: 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.si_plan-white-box .textbox .text {
		width: 100%;
	}
	.si_plan-white-box .textbox .date {
	  width: 100%;
	  margin-top: 20px;
	  font-size: 87.5%;
	  gap: 8px 8%;
	  padding-left: 30px;
	  display: flex;
	}
	.si_plan-white-box .textbox .date dt {
	  display: block;
	}
	.si_plan-white-box .textbox .date dd {
	  font-weight: bold;
	  display: block;
	}
	.si_list li {
		margin-top: 5px;
		padding-left: 15px;
		letter-spacing: 0.04em;
	}
	.custom-item_catch {
		margin-top: 10px;
		font-size: 112.5%;
		letter-spacing: 0.04em;
		line-height: 1.5;
	}
}

/*  video
========================================================================*/

.mfp-inline-holder .mfp-content {
    width: 960px !important;
}

.video-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}